/* ════════════════════════════════════════════
   BICOLOR — rythme clair / sombre des sections
   Deux fonds pierre max + nuit chaude pour hero & footer.
   ════════════════════════════════════════════ */

body { background: var(--paper); }

/* ancrage sous la nav fixe */
main section[id],
#benvenuti { scroll-margin-top: calc(var(--nav-h) + 10px); }

/* sections au ton alterné (pierre 2) */
.section--storia,
.section--menu,
.section--prenotazione,
.section--contatti {
    background: var(--paper-2);
}

/* sections au ton de base (pierre) */
.section--specialita,
.section--galleria,
.ambiance {
    background: var(--paper);
}

/* la prénotation enchaîne sur les contacts — pas de couture visible */
.section--prenotazione { padding-bottom: var(--s-7); }
.section--contatti { padding-top: 0; padding-bottom: var(--s-9); }

/* hairline de couture entre blocs de même ton */
.section--specialita { border-top: 1px solid var(--rule-faint); }

/* foliotage : filet supérieur discret pour clore le chapitre */
.foliotage { padding-top: var(--s-4); border-top: 1px solid var(--rule-faint); }

/* la marginalia des contacts reprend l'accent olive avec parcimonie */
.section--contatti .marginalia { line-height: 1.8; }
.section--contatti .marginalia em { color: var(--terra); }

/* ─── repli gracieux si une image manque ─── */
img[data-failed] {
    background-image:
        repeating-linear-gradient(45deg,
            var(--paper-3) 0 11px,
            color-mix(in srgb, var(--paper-2) 80%, var(--ink-faint)) 11px 22px);
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1em;
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--ink-mute);
    object-fit: cover;
}
.menu__divider-label::before,
.menu__divider-label::after {
    content: "·";
    color: var(--ocra-bright);
    margin: 0 0.6em;
}
