/* Sovrascritture per FSE (Full Site Editing) — adatta i blocchi al design system.
   Caricato dopo airgue-theme.css. */

.ag .wp-site-blocks {
    max-width: var(--maxw, 820px);
    margin: 0 auto;
    padding: var(--sp-8, 48px) 56px 96px;
}

/* Header FSE → come ag-nav */
.ag .wp-site-blocks > header.wp-block-template-part,
.ag .wp-site-blocks > .wp-block-template-part:first-child {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 14px 56px;
    margin: -48px -56px 0;
    background: rgba(242,236,221,0.86);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--rule-soft, rgba(33,29,23,0.08));
}

/* Footer FSE → come ag-colophon */
.ag .wp-site-blocks > footer.wp-block-template-part,
.ag .wp-site-blocks > .wp-block-template-part:last-child {
    border-top: 1px solid var(--rule, rgba(33,29,23,0.16));
    margin: 48px -56px -96px;
    padding: var(--sp-6, 32px) 56px;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--sp-4, 16px);
    font-size: var(--t-meta, 12.5px);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--ink-faint, #9A9182);
}

/* Rimuove sfondi e padding interni dei gruppi FSE */
.ag .wp-site-blocks .wp-block-group,
.ag .wp-site-blocks .wp-block-cover {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
}

.ag .wp-site-blocks .wp-block-group > *,
.ag .wp-site-blocks .wp-block-cover > * {
    max-width: none !important;
}

/* Titoli nei blocchi */
.ag .wp-block-post-title {
    font-family: var(--font-display, 'Newsreader', Georgia, serif) !important;
    font-style: italic !important;
    font-size: var(--t-title, clamp(38px,5.2vw,54px)) !important;
    line-height: 1.1 !important;
    margin: var(--sp-4, 16px) 0 0 !important;
    letter-spacing: -0.01em !important;
}

.ag .wp-block-post-title a {
    color: var(--ink, #211D17) !important;
    text-decoration: none !important;
}

.ag .wp-block-post-title a:hover {
    color: var(--ox, #8A2B22) !important;
}

/* Contenuto del post */
.ag .wp-block-post-content,
.ag .entry-content {
    font-size: var(--t-body, 17px);
    line-height: 1.6;
    margin-top: var(--sp-5, 24px);
}

/* Navigazione paginazione */
.ag .wp-block-query-pagination {
    display: flex;
    justify-content: center;
    gap: var(--sp-5, 24px);
    align-items: center;
    margin-top: var(--sp-7, 48px);
    padding-top: var(--sp-5, 24px);
    border-top: 1px solid var(--rule, rgba(33,29,23,0.16));
    font-size: var(--t-meta, 12.5px);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--ink-faint, #9A9182);
}

.ag .wp-block-query-pagination a {
    color: var(--ink-faint, #9A9182);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    transition: border-color .2s;
}

.ag .wp-block-query-pagination a:hover {
    border-color: var(--ox, #8A2B22);
    color: var(--ink, #211D17);
}

.ag .wp-block-query-pagination .page-numbers.current {
    color: var(--ink, #211D17);
}

/* Excerpt negli archivi */
.ag .wp-block-post-excerpt {
    color: var(--ink-soft, #5C544A);
    font-style: italic;
    font-size: 16px;
}

/* Meta del post */
.ag .wp-block-post-date,
.ag .wp-block-post-author-name {
    font-size: var(--t-meta, 12.5px);
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-faint, #9A9182);
}

/* Separatori */
.ag hr.wp-block-separator {
    border-color: var(--rule, rgba(33,29,23,0.16)) !important;
    margin: var(--sp-6, 32px) 0 !important;
}

/* Immagini in primo piano */
.ag .wp-block-post-featured-image {
    margin: var(--sp-5, 24px) 0 !important;
}

.ag .wp-block-post-featured-image img {
    border-radius: 4px;
    width: 100%;
    height: auto;
}

/* Responsive */
@media (max-width: 720px) {
    .ag .wp-site-blocks {
        padding: var(--sp-6, 32px) 22px 72px;
    }

    .ag .wp-site-blocks > header.wp-block-template-part,
    .ag .wp-site-blocks > .wp-block-template-part:first-child {
        padding: 14px 22px;
        margin: -32px -22px 0;
    }

    .ag .wp-site-blocks > footer.wp-block-template-part,
    .ag .wp-site-blocks > .wp-block-template-part:last-child {
        padding: var(--sp-6, 32px) 22px;
        margin: 32px -22px -72px;
    }
}