/* Biancanera – stili che theme.json non copre. Colori dal manuale: #212121, #C48782, #FEF8E5. */
:root{
  --bn-nero:var(--wp--preset--color--nero,#212121);
  --bn-rosa:var(--wp--preset--color--rosa,#C48782);
  --bn-rosa-scuro:var(--wp--preset--color--rosa-scuro,#A6625D);
  --bn-panna:var(--wp--preset--color--panna,#FEF8E5);
  --bn-greige:var(--wp--preset--color--greige,#E9E2D1);
  --bn-linea:#E7DECB;
  --bn-grigio:var(--wp--preset--color--grigio,#6B645B);
}

/* Logo */
.bn-svg{display:block;height:auto}
.bn-svg .li{fill:var(--bn-nero)} .bn-svg .lr{fill:var(--bn-rosa)}
.bn-logo-header{height:42px;width:auto}
.bn-logo-footer{height:56px;width:auto}
@media (max-width:480px){.bn-logo-header{height:32px}}

/* Testata */
.bn-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bn-panna) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--bn-linea)}
.bn-header .wp-block-navigation a{font-weight:500;color:var(--bn-grigio);text-decoration:none}
.bn-header .wp-block-navigation a:hover{color:var(--bn-nero)}
.admin-bar .bn-header{top:32px}

/* Etichette */
.is-style-eyebrow{font-size:.74rem!important;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--bn-rosa-scuro)}
.bn-payoff{font-size:.82rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--bn-rosa-scuro)}
.bn-accento{color:var(--bn-rosa-scuro)}

/* Elenchi a triangolo (il triangolino del simbolo) */
.is-style-triangoli{list-style:none;padding-left:0}
.is-style-triangoli li{position:relative;padding-left:22px}
.is-style-triangoli li::before{content:"";position:absolute;left:0;top:.6em;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--bn-rosa)}

/* Curva decorativa */
.is-style-curva{position:relative;overflow:hidden}
.is-style-curva>*:not(.bn-curva){position:relative;z-index:1}
.bn-curva{position:absolute;right:-30px;top:50%;transform:translateY(-50%);height:88%;width:auto;color:var(--bn-greige);z-index:0;pointer-events:none}
@media (max-width:760px){.bn-curva{opacity:.55;right:-90px;height:70%}}

/* Immagini arrotondate come nel prototipo */
.bn-foto img{border-radius:28px}

/* Accessibilità */
:where(a,button,input,select,summary):focus-visible{outline:3px solid var(--bn-rosa);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Testo introduttivo delle sezioni */
.bn-lead{max-width:640px}

/* Sezione scura: Come funziona */
.bn-scuro h2,.bn-scuro h3{color:var(--bn-panna)}
.bn-scuro .is-style-eyebrow{color:var(--bn-rosa)}
.bn-steps{counter-reset:passo}
.bn-step{counter-increment:passo;border-top:2px solid color-mix(in srgb,var(--bn-panna) 25%,transparent);padding-top:18px}
.bn-step::before{content:counter(passo);font-weight:700;width:34px;height:34px;border-radius:50%;background:var(--bn-rosa);color:var(--bn-nero);display:grid;place-items:center;flex:none}
.bn-step p{color:color-mix(in srgb,var(--bn-panna) 75%,transparent);font-size:.97rem}

/* Storia: linea del tempo */
.bn-timeline{position:relative}
.bn-tappa{position:relative;padding-top:46px}
.bn-tappa::before{content:"";position:absolute;top:8px;left:0;width:20px;height:20px;border-radius:50%;background:var(--bn-nero);box-shadow:12px 0 0 -2px var(--bn-rosa)}
.bn-tappa::after{content:"";position:absolute;top:17px;left:40px;right:-22px;height:2px;background:var(--bn-linea)}
.bn-tappa:last-child::after{right:0}
.bn-quando{font-weight:700;font-size:.95rem;color:var(--bn-grigio);text-transform:uppercase;letter-spacing:.08em;margin:0}
.bn-tappa:first-child .bn-quando{font-size:2rem;color:var(--bn-nero);letter-spacing:0;line-height:1}
.bn-tappa p:not(.bn-quando){font-size:.96rem}

/* La carne */
.bn-quadrata img{aspect-ratio:1/1;object-fit:cover;width:100%}
.bn-ciclo{counter-reset:ciclo}
.bn-ciclo-passo{counter-increment:ciclo}
.bn-ciclo-titolo{font-weight:700;color:var(--bn-nero);display:flex;gap:8px;align-items:center;margin:0}
.bn-ciclo-titolo::before{content:counter(ciclo);width:24px;height:24px;border-radius:50%;background:var(--bn-nero);color:var(--bn-panna);display:inline-grid;place-items:center;font-size:.8rem;flex:none}
.bn-tratti h3{font-size:1.05rem}
.bn-bufala{border-top:2px solid var(--bn-nero);padding-top:16px}

/* Domande frequenti */
.bn-faq .wp-block-details{background:var(--wp--preset--color--bianco,#fff);border:1px solid var(--bn-linea);border-radius:16px;padding:16px 20px;width:100%;box-sizing:border-box}
.bn-faq summary{font-weight:700;cursor:pointer;color:var(--bn-nero)}
.bn-faq .wp-block-details p{margin-top:10px;color:var(--bn-grigio)}

/* Ancore sotto la testata fissa */
:where([id]){scroll-margin-top:90px}
.is-layout-constrained>.bn-lead{margin-left:max(0px,calc((100% - 1180px)/2))!important;margin-right:auto!important}
.bn-timeline{overflow-x:clip}
.bn-header-row{gap:18px}.bn-header .wp-block-navigation{margin-left:auto}