/*
Theme Name: Lorenzo Nella — Blog
Theme URI: https://nutrizionistalorenzonella.com/blog/
Author: Dott. Lorenzo Nella
Description: Tema del blog con la stessa grafica della home statica. Carica /assets/css/style.css e /assets/js/app.js del sito; qui ci sono solo gli stili degli articoli.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: Proprietario
Text Domain: lorenzonella
*/

/* La navbar è fissa: il contenuto parte sotto di lei. */
.ln-main{padding-top:var(--nav-h)}
/* Con la barra di WordPress (solo per chi ha fatto login) la navbar scende sotto di lei. */
body.admin-bar #navbar{top:32px}
@media (max-width:782px){body.admin-bar #navbar{top:46px}}
.ln-main > section:first-child,
.ln-article-head{padding-top:clamp(40px,6vw,84px)}

/* ------------------------------------------------------------ elenco */
.ln-list .sec-head{margin-bottom:clamp(26px,3.5vw,40px)}
.ln-list h1.d-big{margin:0 0 18px}
.post-card h2{font-size:1.08rem;line-height:1.3}
.post-card{color:var(--txt)}
.ln-card-img{display:block;margin:-26px -26px 4px;border-radius:var(--radius) var(--radius) 0 0;overflow:hidden;aspect-ratio:16/9;background:var(--bg-alt)}
.ln-card-img img{width:100%;height:100%;object-fit:cover}

.ln-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto clamp(30px,4vw,46px)}
.ln-chips a{padding:8px 16px;border-radius:var(--radius-pill);border:1px solid var(--line-strong);
  font-family:var(--font-a);font-size:.82rem;font-weight:600;color:var(--txt-muted);transition:background .2s,color .2s,border-color .2s}
.ln-chips a:hover{color:var(--acc);border-color:var(--acc)}
.ln-chips a.on{background:var(--acc);border-color:var(--acc);color:#fff}

.ln-empty{text-align:center;color:var(--txt-muted)}

.navigation.pagination{margin-top:clamp(34px,4vw,50px)}
.nav-links .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;
  border:1px solid var(--line);font-family:var(--font-a);font-weight:600;font-size:.9rem;color:var(--txt-muted)}
.navigation.pagination .nav-links{justify-content:center;flex-wrap:wrap;gap:8px}
.nav-links .page-numbers.current{background:var(--acc);border-color:var(--acc);color:#fff}
.nav-links a.page-numbers:hover{border-color:var(--acc);color:var(--acc)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* ------------------------------------------------------------ articolo */
.ln-narrow{width:min(100% - 40px,760px)}
.ln-article-head{padding-bottom:clamp(22px,3vw,34px)}
.ln-crumbs{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-a);font-size:.74rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--txt-muted);margin-bottom:22px}
.ln-crumbs a{color:var(--acc)}
.ln-crumbs a:hover{text-decoration:underline}
.ln-title{font-family:var(--font-d);font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.1;letter-spacing:-.03em;margin:0 0 18px}
.ln-standfirst{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--txt-muted);margin:0 0 26px}
.ln-byline{display:flex;align-items:center;gap:14px;padding-top:20px;border-top:1px solid var(--line)}
.ln-byline strong{display:block;font-size:.95rem}
.ln-byline span{display:block;font-size:.84rem;color:var(--txt-muted)}
.ln-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:none;background:var(--bg-alt)}
.ln-avatar-lg{width:72px;height:72px}

.ln-cover{margin:0 auto clamp(26px,4vw,44px);width:min(100% - 40px,1000px)}
.ln-cover img{width:100%;border-radius:var(--radius-lg);aspect-ratio:16/9;object-fit:cover}

/* tipografia del testo */
.ln-prose{font-size:1.07rem;line-height:1.75;color:#1b2b40}
.ln-prose > *{margin-top:0;margin-bottom:0}
.ln-prose > * + *{margin-top:1.15em}
.ln-prose > h2{font-family:var(--font-d);font-size:clamp(1.45rem,2.6vw,1.85rem);line-height:1.2;margin-top:1.9em;color:var(--txt)}
.ln-prose > h3{font-size:1.18rem;line-height:1.3;margin-top:1.6em;color:var(--txt)}
.ln-prose > h2 + *,.ln-prose > h3 + *{margin-top:.65em}
.ln-prose li p,.ln-prose blockquote p,.ln-prose .ln-tldr p{margin:0}
.ln-prose .ln-tldr p + p,.ln-prose .ln-tldr p + ul{margin-top:.45em}
.ln-prose a{color:var(--acc);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.ln-prose a:hover{color:var(--acc-deep)}
.ln-prose ul,.ln-prose ol{padding-left:1.3em}
.ln-prose ul{list-style:disc}
.ln-prose ol{list-style:decimal}
.ln-prose li + li{margin-top:.45em}
.ln-prose li::marker{color:var(--acc)}
.ln-prose strong{color:var(--txt)}
.ln-prose blockquote{margin-left:0;margin-right:0;padding:18px 22px;border-left:3px solid var(--acc);background:var(--acc-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0}
.ln-prose blockquote p{margin:0}
.ln-prose img{border-radius:var(--radius-sm)}
.ln-prose figure{margin-left:0;margin-right:0}
.ln-prose figcaption{font-size:.85rem;color:var(--txt-muted);margin-top:8px}
.ln-prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.ln-prose table{width:100%;border-collapse:collapse;font-size:.95rem}
.ln-prose th,.ln-prose td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ln-prose th{font-family:var(--font-a);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-muted)}
.ln-prose .wp-block-table{overflow-x:auto}

/* riquadri speciali usati negli articoli */
.ln-prose .ln-tldr{padding:20px 24px;border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--line)}
.ln-prose .ln-tldr > :first-child{margin-top:0}
.ln-prose .ln-tldr strong:first-child{font-family:var(--font-a);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.ln-prose .ln-fonti{font-size:.9rem;color:var(--txt-muted)}
.ln-prose .ln-fonti li{word-break:break-word}

.ln-article-foot{padding:clamp(34px,4vw,50px) 0 clamp(46px,6vw,80px)}
.ln-author{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:var(--radius);background:var(--bg-alt);border:1px solid var(--line)}
.ln-author p{margin:0 0 8px;font-size:.93rem;color:var(--txt-muted)}
.ln-author .ln-author-name{font-family:var(--font-d);font-size:1.1rem;font-weight:700;color:var(--txt);margin-bottom:4px}
.ln-author-link{font-family:var(--font-a);font-size:.86rem;font-weight:600;color:var(--acc)}
.ln-disclaimer{margin:22px 0 0;font-size:.82rem;color:var(--txt-muted);font-style:italic}

.ln-related .sec-head{margin-bottom:clamp(26px,3vw,38px)}

/* CTA finale */
.ln-cta .cta-band .ln-cta-btn{--btn-bg:#04121f;--btn-fg:#fff;box-shadow:none}

/* 404 */
.ln-404-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}

@media (max-width:640px){
  .ln-author{flex-direction:column}
  .ln-prose{font-size:1.02rem}
}
