/* ===================================================
   NDS — ARTICOLI DI BLOG (singolo post, template Bridge)
   Design system Nido di Seta · luxury minimal

   Ristila la struttura nativa generata da Bridge per un singolo
   articolo (.blog_single, article.post, .post_text_inner, .post_info,
   form commenti) senza toccare il markup: qui non c'è un blocco Raw
   HTML da incollare, il contenuto arriva dall'editor articoli di
   WordPress.
   =================================================== */

/* Sfondo uniforme su tutta la pagina: elimina lo "stacco" visibile tra
   il blocco articolo (crema) e il resto della pagina (bianco di
   default di Bridge). Sicuro perché questo foglio è caricato SOLO
   sulle pagine di singolo articolo (vedi inc/css-articolo.php).
   Coperta l'intera catena del DOM di Bridge, incluse .container (wrapper
   semplice attorno a .container_inner) e la barra titolo .title_outer/
   .title/.title_holder, che altrimenti restano bianche e creano lo
   stacco visibile anche con le regole precedenti. */
body,
.wrapper,
.wrapper_inner,
.content,
.content_inner,
.title_outer,
.title,
.title_holder,
.container,
.container_inner.default_template_holder {
    background: var(--nds-bg-cream) !important;
}

.blog_single.blog_holder {
    max-width: 820px;
    margin: 0 auto;
    padding: 160px 24px 96px;
    box-sizing: border-box;
}

article.post { background: transparent; }

/* ===== TITOLO + DATA ===== */
.post_text_inner .entry_title {
    font-family: "Ambroise Std", serif !important;
    font-weight: 300 !important;
    font-size: clamp(28px, 4vw, 42px) !important;
    line-height: 1.25 !important;
    color: var(--nds-dark) !important;
    margin: 0 0 20px !important;
    display: flex;
    flex-direction: column-reverse;
    gap: 14px;
}
.post_text_inner .entry_title .entry_date {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    font-family: "Inter", sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: var(--nds-bronze) !important;
    border: 0.5px solid var(--nds-border);
    padding: 6px 12px;
    border-radius: 20px;
}

/* ===== META (data, categoria, autore, commenti, like) — NASCOSTI ===== */
/* Su richiesta: nessun dato di pubblicazione visibile in nessun articolo.
   Nascosta anche la data-pill sopra il titolo (dentro .entry_title). */
.post_text_inner .entry_title .entry_date,
.post_text_inner .post_info {
    display: none !important;
}

/* ===== CORPO ARTICOLO ===== */
.post_text_inner > p,
.post_text_inner > ul,
.post_text_inner > ol,
.post_text_inner > blockquote {
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1.9 !important;
    color: var(--nds-text) !important;
    margin: 0 0 26px !important;
}
.post_text_inner > ul,
.post_text_inner > ol { padding-left: 22px; }
.post_text_inner > h2,
.post_text_inner > h3,
.post_text_inner > h4 {
    font-family: "Ambroise Std", serif !important;
    font-weight: 300 !important;
    color: var(--nds-dark) !important;
    margin: 44px 0 18px !important;
    line-height: 1.3 !important;
}
.post_text_inner > h2 { font-size: clamp(22px, 2.6vw, 28px) !important; }
.post_text_inner > h3 { font-size: 20px !important; }
.post_text_inner > h4 { font-size: 17px !important; }
.post_text_inner > blockquote {
    font-family: "Ambroise Std", serif !important;
    font-style: italic;
    font-size: 19px !important;
    color: var(--nds-text-secondary) !important;
    border-left: 2px solid var(--nds-bronze);
    padding: 4px 0 4px 24px;
    margin: 36px 0 !important;
}
.post_text_inner img,
.post_text_inner figure img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    display: block;
    margin: 36px 0 0;
}

/* ===== DIDASCALIE IMMAGINI =====
   Bridge nasconde/mostra-solo-in-hover le didascalie di default (pensate
   per gallerie fotografiche): le forziamo sempre visibili, in stile
   coerente con il resto dell'articolo. Copre sia il markup classico
   (.wp-caption / .wp-caption-text) sia quello a blocchi (figure/figcaption). */
.post_text_inner .wp-caption {
    max-width: 100% !important;
    width: auto !important;
    margin: 36px 0 !important;
}
.post_text_inner .wp-caption img {
    margin: 0 !important;
}
.post_text_inner .wp-caption-text,
.post_text_inner figcaption,
.post_text_inner .wp-block-image figcaption {
    display: block !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    width: auto !important;
    overflow: visible !important;
    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    line-height: 1.5 !important;
    color: var(--nds-text-secondary) !important;
    text-align: center !important;
    margin: 10px 0 36px !important;
    padding: 0 12px !important;
}
.post_text_inner figure {
    margin: 36px 0 !important;
}
.post_text_inner figure img {
    margin-bottom: 0 !important;
}

/* Didascalia dell'IMMAGINE IN EVIDENZA (generata via PHP, vedi
   inc/caption-immagine-articolo.php — il tema Bridge non la stampa mai
   di default per il post_thumbnail, a differenza delle immagini nel
   corpo del testo). */
.post_image + .nds-featured-caption,
.nds-featured-caption {
    font-family: "Inter", sans-serif !important;
    font-size: 13px !important;
    font-style: italic !important;
    line-height: 1.5 !important;
    color: var(--nds-text-secondary) !important;
    text-align: center !important;
    margin: 10px 0 0 !important;
    padding: 0 24px !important;
}

.post_text_inner a:not(.post_comments) {
    color: var(--nds-bronze) !important;
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

/* Pulsante CTA (.nds-hero-cta) incollato dentro il testo dell'articolo:
   il CSS del tema Bridge viene caricato DOPO quello NDS e in alcuni casi
   forza i link dentro il contenuto a diventare a blocco piena larghezza
   (pensato per bottoni VC), "gonfiando" il box invece di farlo aderire
   al testo. Qui si ripristinano esplicitamente le proprietà corrette,
   con una specificità più alta per vincere in ogni caso. */
.blog_single .post_text_inner a.nds-hero-cta {
    display: inline-flex !important;
    width: auto !important;
    max-width: max-content !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}
.blog_single .post_text_inner a.nds-hero-cta:hover,
.blog_single .post_text_inner a.nds-hero-cta:focus {
    text-decoration: none !important;
}

/* ===== COMMENTI — NASCOSTI ===== */
/* Su richiesta: niente box commenti in nessun articolo. Il blocco
   funzionale (niente form, niente possibilità di inviarne di nuovi) è
   disattivato lato PHP in inc/no-comments-articolo.php; questa regola
   è una sicurezza in più a livello visivo. */
.comment_holder,
.comment_form,
#comments {
    display: none !important;
}

@media (max-width: 768px) {
    .blog_single.blog_holder { padding: 130px 20px 72px; }
}