/* ============================================================
   TRA LE RIGHE MAGAZINE — identità editoriale propria
   (volutamente distinta sia dal rosa della newsletter sia dal nero di "Libri")
   ============================================================ */
:root{
  --mag-bg:#F6F1E6;
  --mag-ink:#1C1710;
  --mag-text:#4A4036;
  --mag-muted:#8C8070;
  --mag-accent:#A8762C;
  --mag-card:#FFFFFF;
  --mag-line:rgba(28,23,16,.14);
}
[data-theme="dark"]{
  --mag-bg:#14110C;
  --mag-ink:#F3ECDF;
  --mag-text:#C9BBA4;
  --mag-muted:#897D6C;
  --mag-accent:#D3A256;
  --mag-card:#1E1810;
  --mag-line:rgba(243,236,223,.12);
}

.magazine-section{background:var(--mag-bg)}
.mag-wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.mag-kicker{display:flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mag-accent);margin-bottom:.8rem}
.mag-logo{max-height:60px;width:auto;display:block;margin-bottom:1rem}
.mag-logo-placeholder{font-family:'Inter',sans-serif;font-weight:800;font-size:1.5rem;letter-spacing:.01em;color:var(--mag-ink);margin:0 0 .6rem}
.mag-title{font-size:clamp(2.1rem,4.5vw,3.2rem);font-weight:800;letter-spacing:-.03em;color:var(--mag-ink);margin:.2rem 0 1rem}
.mag-intro{max-width:620px;color:var(--mag-text);font-size:1.05rem;line-height:1.7;margin:0 0 1rem}

/* bottoni propri del magazine (stessa forma del sito, colore editoriale oro) */
.mag-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.7rem;border-radius:99px;font:700 .9rem 'Inter',sans-serif;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:.25s}
.mag-btn.primary{background:var(--mag-accent);color:#fff;box-shadow:0 10px 24px -8px rgba(168,118,44,.45)}
.mag-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.07)}
.mag-btn.ghost{background:transparent;border-color:var(--mag-line);color:var(--mag-ink)}
.mag-btn.ghost:hover{border-color:var(--mag-ink)}

.mag-soon{font-size:.82rem;color:var(--mag-muted);background:var(--mag-bg);border:1px dashed var(--mag-line);border-radius:12px;padding:.75rem 1rem;margin-top:.9rem}

/* --- hero / intro + numero in evidenza --- */
.mag-hero{padding:4.5rem 0 1rem}
.mag-featured{display:grid;grid-template-columns:.8fr 1.2fr;gap:3rem;align-items:center;background:var(--mag-card);border:1px solid var(--mag-line);border-radius:28px;padding:2.4rem;margin-top:2.4rem}
.mag-featured-cover{aspect-ratio:3/4;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.35);background:var(--mag-bg)}
.mag-featured-cover img{width:100%;height:100%;object-fit:cover;display:block}
.mag-featured-no{display:grid;place-items:center;height:100%;color:var(--mag-muted);font-size:2.6rem}
.mag-eyebrow{display:block;font-weight:700;color:var(--mag-accent);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}
.mag-featured h3{font-size:clamp(1.5rem,3vw,2.1rem);color:var(--mag-ink);letter-spacing:-.02em;margin:0 0 .6rem}
.mag-featured p{color:var(--mag-text);line-height:1.65;margin:0 0 1.2rem}

.mag-countdown{display:flex;gap:.7rem;margin:0 0 1.3rem}
.mag-countdown div{background:var(--mag-bg);border:1px solid var(--mag-line);border-radius:14px;padding:.6rem .9rem;text-align:center;min-width:58px}
.mag-countdown b{display:block;font-size:1.4rem;font-weight:800;color:var(--mag-ink);line-height:1}
.mag-countdown span{font-size:.65rem;color:var(--mag-muted);text-transform:uppercase;letter-spacing:.05em}

/* --- archivio completo --- */
.mag-archive{padding:3rem 0 5rem}
.mag-archive h2{font-size:clamp(1.6rem,3vw,2.2rem);color:var(--mag-ink);letter-spacing:-.02em;margin-bottom:2rem}
.mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
@media (max-width:980px){.mag-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.mag-grid{grid-template-columns:1fr}.mag-featured{grid-template-columns:1fr}}

.mag-card{background:var(--mag-card);border:1px solid var(--mag-line);border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.mag-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -18px rgba(0,0,0,.28)}
.mag-card-cover{aspect-ratio:3/4;background:var(--mag-bg);position:relative;overflow:hidden}
.mag-card-cover img{width:100%;height:100%;object-fit:cover;display:block}
.mag-card-no{display:grid;place-items:center;height:100%;color:var(--mag-muted);font-size:2rem}
.mag-card-state{position:absolute;top:.8rem;left:.8rem;padding:.3rem .7rem;border-radius:99px;font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--mag-ink)}
.mag-card-body{padding:1.2rem 1.3rem 1.4rem;display:grid;gap:.4rem;flex:1}
.mag-card-num{font-size:.72rem;font-weight:700;color:var(--mag-accent);text-transform:uppercase;letter-spacing:.06em}
.mag-card-body h4{font-size:1.08rem;color:var(--mag-ink);letter-spacing:-.01em;margin:0}
.mag-card-body p{font-size:.84rem;color:var(--mag-muted);line-height:1.5;margin:0}
.mag-card-body .mag-btn{margin-top:.5rem;padding:.65rem 1rem;font-size:.82rem}

/* --- richiamo in homepage --- */
.mag-home{padding:3.5rem 0}
.mag-home-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;background:var(--mag-card);border:1px solid var(--mag-line);border-radius:28px;padding:2.6rem}
@media (max-width:760px){.mag-home-inner{grid-template-columns:1fr}}

/* --- scheda a comparsa di un numero --- */
.mag-modal-cover{aspect-ratio:3/4;max-width:220px;border-radius:14px;overflow:hidden;margin-bottom:1rem}
.mag-modal-cover img{width:100%;height:100%;object-fit:cover;display:block}

/* --- modulo di richiesta (dentro la scheda a comparsa, o nella pagina del singolo numero) --- */
.mag-btn.block{width:100%}
.mag-request-form{display:grid;gap:.9rem;margin-top:.4rem;max-width:420px}
.mag-request-form label{display:grid;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--mag-ink)}
.mag-request-form input[type=email]{font:inherit;font-size:1rem;padding:.8rem 1rem;border:1.5px solid var(--mag-line);border-radius:14px;background:var(--mag-bg);color:var(--mag-ink);width:100%}
.mag-request-form input[type=email]:focus{outline:0;border-color:var(--mag-accent)}
.mag-request-form .check{display:flex;align-items:center;gap:.6rem;font-weight:500;font-size:.85rem;color:var(--mag-text)}
.mag-request-form .check input{width:auto;accent-color:var(--mag-accent)}
.mag-privacy-note{margin:0;font-size:.76rem;color:var(--mag-muted);line-height:1.5}
.mag-privacy-note a{color:var(--mag-accent)}
.mag-request-form .form-status{margin:0;font-size:.85rem;font-weight:600}
.mag-request-form .form-status.ok{color:#2E7D32}
.mag-request-form .form-status.bad{color:#C0392B}