/* Black & White – componenti portati dal prototipo.
   Colori, font e scala tipografica arrivano da theme.json; qui solo componenti. */
:root{
  --bw-grigio:var(--wp--preset--color--grigio);
  --bw-bianco:var(--wp--preset--color--bianco);
  --bw-nero:var(--wp--preset--color--nero);
  --bw-cenere:var(--wp--preset--color--cenere);
  --bw-linea:var(--wp--preset--color--linea);
  --bw-contatto:var(--wp--preset--color--contatto);
  --bw-wa:var(--wp--preset--color--whatsapp);
  --bw-display:var(--wp--preset--font-family--display);
  --bw-mono:var(--wp--preset--font-family--mono);
}
*,*::before,*::after{box-sizing:border-box}
:focus-visible{outline:3px solid var(--bw-nero);outline-offset:2px}
html{scroll-padding-top:90px}
.wp-site-blocks{padding-top:0;padding-bottom:0}
.wp-site-blocks > *{margin-block-start:0}
.wp-element-button:hover{transform:translateY(-1px)}

/* utilità */
.bw-kick{font-family:var(--bw-mono);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bw-cenere)}
.bw-lead{color:var(--bw-cenere);font-size:1.08rem;max-width:62ch}
.bw-section{padding-block:var(--wp--preset--spacing--60)}
.bw-mark{background:var(--bw-nero);color:var(--bw-bianco);padding:0 .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.bw-payoff{font-family:var(--bw-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--bw-cenere);margin:0}

/* testata */
.bw-top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--bw-linea)}
.admin-bar .bw-top{top:32px}
@media (max-width:782px){.admin-bar .bw-top{top:46px}}
.bw-top__in{min-height:72px;gap:22px;margin-inline:auto;max-width:1200px;padding-inline:20px}
.bw-logo img{height:54px;width:auto;display:block}
.bw-nav{margin-left:auto;font-family:var(--bw-display);font-weight:800;font-size:1.1rem;letter-spacing:.05em;text-transform:uppercase;gap:22px}
.bw-nav a{color:var(--bw-cenere);text-decoration:none}
.bw-nav a:hover{color:var(--bw-nero)}
.bw-top__cta .wp-element-button{padding:9px 16px;font-size:1rem}

/* hero */
.bw-hero{border-bottom:1px solid var(--bw-linea)}
.bw-hero__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;padding-block:80px}
.bw-hero h1{margin-top:16px}
.bw-hero__logo{justify-self:center;width:min(340px,80%)}
.bw-hero__logo img{width:100%;height:auto;display:block}
.bw-hero__payoff{margin-top:14px;text-align:center}
.bw-stats{display:flex;flex-wrap:wrap;gap:28px;margin-top:40px}
.bw-stats div{display:grid}
.bw-stats b{font-family:var(--bw-display);font-size:2.4rem;font-weight:900;line-height:1}
.bw-stats span{font-family:var(--bw-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bw-cenere)}
@media (max-width:860px){.bw-hero__grid{grid-template-columns:1fr}.bw-hero__logo{order:-1;width:180px;justify-self:start}.bw-hero__payoff{text-align:left}}

/* fascia scorrevole */
.bw-ticker{background:var(--bw-nero);color:var(--bw-bianco);overflow:hidden;white-space:nowrap}
.bw-ticker div{display:inline-block;padding-block:12px;font-family:var(--bw-display);font-weight:900;font-size:1.5rem;letter-spacing:.05em;text-transform:uppercase}
.bw-ticker i{font-style:normal;padding-inline:14px}
@media (prefers-reduced-motion:no-preference){.bw-ticker div{animation:bw-tick 40s linear infinite}@keyframes bw-tick{to{transform:translateX(-50%)}}}

/* razze */
.bw-breeds{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--bw-linea);border:1px solid var(--bw-linea)}
.bw-breed{background:var(--bw-bianco);padding:34px;display:grid;gap:14px;align-content:start;min-width:0}
.bw-breed__tag{font-family:var(--bw-mono);font-size:.75rem;letter-spacing:.12em;color:var(--bw-cenere);text-transform:uppercase}
.bw-breed h3{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:900}
.bw-breed p{color:var(--bw-cenere)}
.bw-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.bw-list li{padding-left:22px;position:relative}
.bw-list li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;background:var(--bw-nero)}
@media (max-width:760px){.bw-breeds{grid-template-columns:1fr}.bw-breed{padding:24px}}
.bw-rule{margin-top:24px;border:2px solid var(--bw-nero);background:var(--bw-nero);color:var(--bw-bianco);padding:18px 22px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.bw-rule b{font-family:var(--bw-display);font-size:1.7rem;font-weight:900;text-transform:uppercase}
.bw-rule span{flex:1;min-width:240px}

/* oro giallo */
.bw-gold__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.bw-gold__grid img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.bw-facts{display:grid;gap:22px;margin-top:26px}
.bw-facts > div{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;border-top:1px solid var(--bw-linea);padding-top:18px}
.bw-facts .n{font-family:var(--bw-display);font-weight:900;font-size:2.6rem;color:var(--bw-nero);line-height:.9}
.bw-facts h3{font-size:1.4rem;margin:0 0 6px}
.bw-facts p{color:var(--bw-cenere);margin:0}
@media (max-width:860px){.bw-gold__grid{grid-template-columns:1fr}.bw-gold__grid img{aspect-ratio:16/10}}

/* tagli */
.bw-switch{display:inline-flex;border:2px solid var(--bw-nero);margin-bottom:30px}
.bw-switch button{font-family:var(--bw-display);font-weight:800;font-size:1.2rem;letter-spacing:.05em;text-transform:uppercase;background:transparent;color:var(--bw-nero);border:0;padding:10px 22px;cursor:pointer}
.bw-switch button[aria-pressed="true"]{background:var(--bw-nero);color:var(--bw-bianco)}
.bw-board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.bw-grp{background:var(--bw-bianco);border:1px solid var(--bw-linea);min-width:0;display:flex;flex-direction:column}
.bw-grp img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.bw-grp__in{padding:22px;display:grid;gap:4px}
.bw-grp h3{font-size:2rem;margin:0 0 10px}
.bw-cut{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:10px 0;border-bottom:1px dashed var(--bw-linea)}
.bw-cut b{font-family:var(--bw-display);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.02em}
.bw-cut span{font-family:var(--bw-mono);font-size:.72rem;color:var(--bw-cenere);text-transform:uppercase;letter-spacing:.06em;align-self:center;text-align:right}
.bw-cut p{grid-column:1/-1;color:var(--bw-cenere);font-size:.9rem;margin:0}
@media (max-width:980px){.bw-board{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.bw-board{grid-template-columns:1fr}}

/* segmenti clienti */
.bw-segs{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--bw-nero)}
.bw-seg{padding:28px;display:grid;gap:12px;align-content:start;border-right:2px solid var(--bw-nero);min-width:0}
.bw-seg:last-child{border-right:0}
.bw-seg h3{font-size:2.1rem;margin:0}
.bw-seg ul{margin:0;padding-left:18px;display:grid;gap:6px}
.bw-seg .q{font-family:var(--bw-display);font-weight:800;font-size:1.3rem;text-transform:uppercase;border-top:2px solid var(--bw-nero);padding-top:12px;margin:6px 0 0}
@media (max-width:860px){.bw-segs{grid-template-columns:1fr}.bw-seg{border-right:0;border-bottom:2px solid var(--bw-nero)}.bw-seg:last-child{border-bottom:0}}

/* elenchi a riquadri (kit di sala) */
.bw-tiles{list-style:none;margin:0;padding:0;display:grid;gap:2px;background:var(--bw-linea);border:1px solid var(--bw-linea)}
.bw-tiles li{background:var(--bw-bianco);padding:20px 22px;display:grid;gap:6px}
.bw-tiles li b{font-family:var(--bw-display);font-size:1.5rem;font-weight:800;text-transform:uppercase}
.bw-tiles li span{color:var(--bw-cenere)}

/* passi */
.bw-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.bw-steps li{counter-increment:s;display:grid;gap:10px;align-content:start;border-top:4px solid var(--bw-nero);padding-top:16px}
.bw-steps li::before{content:"0" counter(s);font-family:var(--bw-display);font-weight:900;font-size:3rem;line-height:1;color:var(--bw-nero)}
.bw-steps h3{font-size:1.5rem;margin:0}
.bw-steps p{color:var(--bw-cenere);margin:0}
@media (max-width:900px){.bw-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.bw-steps{grid-template-columns:1fr}}

/* moduli */
.bw-form{display:grid;gap:14px;min-width:0}
.bw-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bw-f{display:grid;gap:6px;min-width:0}
.bw-f label,.bw-f legend{font-family:var(--bw-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bw-cenere);padding:0}
.bw-form input[type=text],.bw-form input[type=email],.bw-form input[type=tel],.bw-form select,.bw-form textarea{font:inherit;color:var(--bw-nero);background:var(--bw-bianco);border:1px solid var(--bw-linea);padding:12px 13px;width:100%;border-radius:0}
.bw-form textarea{min-height:90px;resize:vertical}
.bw-form fieldset{border:0;margin:0;padding:0;min-width:0}
.bw-checks{display:flex;flex-wrap:wrap;gap:8px}
.bw-checks label{display:flex;gap:8px;align-items:center;border:1px solid var(--bw-linea);padding:8px 12px;cursor:pointer;font-size:.92rem;color:var(--bw-nero);text-transform:none;letter-spacing:0;font-family:inherit}
.bw-checks input{accent-color:var(--bw-nero)}
.bw-msg{padding:12px 14px;border:2px solid var(--bw-nero);background:var(--bw-grigio);color:var(--bw-nero)}
.bw-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.bw-row2{grid-template-columns:1fr}}

/* contatti */
.bw-contact{display:grid;gap:14px;margin-top:26px}
.bw-contact div{display:grid;gap:2px;border-top:1px solid var(--bw-linea);padding-top:12px}
.bw-contact span{font-family:var(--bw-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--bw-cenere)}
.bw-contact b{font-size:1.1rem}

/* piè di pagina */
.bw-foot{border-top:1px solid var(--bw-linea);color:var(--bw-cenere);font-size:.9rem}
.bw-foot__in{max-width:1200px;margin-inline:auto;padding:40px 20px;gap:24px}
.bw-foot__brand{display:grid;gap:8px;justify-items:start}
.bw-foot__brand img{height:64px;width:auto}
.bw-foot__legal{margin:0}
.bw-sister{border:1px solid var(--bw-linea);padding:14px 18px;color:var(--bw-nero);margin:0}
.bw-sister strong{font-family:var(--bw-display);font-size:1.2rem;text-transform:uppercase}

.bw-ticker{margin-top:0!important}
.bw-top__in > .bw-nav{margin-left:auto}

/* ===== Regola colore: il sito è in bianco e nero.
   Colore SOLO su (1) foto di carne, cruda o cotta, (2) pulsanti di contatto. ===== */
.bw-section--grigio{background:var(--bw-grigio)}
/* Ogni foto è in bianco e nero, tranne quelle marcate come carne (classe bw-carne o stile blocco «Carne a colori»). */
.wp-site-blocks img:not([src$=".svg"]):not(.bw-carne){filter:grayscale(1)}
.wp-site-blocks .is-style-carne img{filter:none}

/* Pulsanti: neri di base; colorati solo quelli di contatto */
.wp-element-button,.wp-block-button__link{background:var(--bw-nero);color:var(--bw-bianco);border:2px solid var(--bw-nero)}
.wp-block-button.is-style-outline .wp-block-button__link{background:transparent;color:var(--bw-nero)}
.wp-block-button.is-style-contatto .wp-block-button__link,.bw-btn-contatto{background:var(--bw-contatto);border-color:var(--bw-contatto);color:var(--bw-nero)}
.wp-block-button.is-style-whatsapp .wp-block-button__link,.bw-btn-wa{background:var(--bw-wa);border-color:var(--bw-wa);color:var(--bw-nero)}

/* pulsante WhatsApp fisso */
.bw-wa{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--bw-wa);color:var(--bw-nero);text-decoration:none;padding:12px 16px;font-family:var(--bw-display);font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:2px solid var(--bw-wa);box-shadow:0 4px 14px rgba(0,0,0,.18)}
.bw-wa svg{width:22px;height:22px;fill:currentColor}
.bw-wa:hover{transform:translateY(-1px)}

/* ===== Carta da macellaio + oro =====
   Eccezione voluta alla regola bianco e nero: si usa SOLO dove indicato
   (classe .bw-carta su una sezione, o template «Pagina carta da macellaio»).
   Qui tornano il fondo carta e gli accenti oro del prototipo. Le foto restano
   in bianco e nero tranne quelle di carne. */
:root{--bw-carta:var(--wp--preset--color--carta);--bw-carta2:var(--wp--preset--color--carta-scura);--bw-oro:var(--wp--preset--color--oro);--bw-oro-scuro:var(--wp--preset--color--oro-scuro)}
.bw-carta,body.bw-pagina-carta{background:var(--bw-carta);--bw-linea:#CFC6B7}
.bw-carta.bw-section--grigio,.bw-pagina-carta .bw-section--grigio{background:var(--bw-carta2)}
body.bw-pagina-carta .bw-top{background:rgba(243,239,231,.95)}
.bw-carta .bw-kick,.bw-pagina-carta .bw-kick{color:var(--bw-oro-scuro)}
.bw-carta .bw-mark,.bw-pagina-carta .bw-mark{background:linear-gradient(transparent 58%,var(--bw-oro) 58%,var(--bw-oro) 90%,transparent 90%);color:inherit;padding:0}
.bw-carta .bw-list li::before,.bw-pagina-carta .bw-list li::before{background:var(--bw-oro)}
.bw-carta .bw-facts .n,.bw-pagina-carta .bw-facts .n,.bw-carta .bw-steps li::before,.bw-pagina-carta .bw-steps li::before{color:var(--bw-oro-scuro)}
.bw-carta .bw-rule,.bw-pagina-carta .bw-rule{background:var(--bw-oro);color:var(--bw-nero)}
.bw-carta .bw-ticker,.bw-pagina-carta .bw-ticker{background:var(--bw-oro);color:var(--bw-nero);border-block:1px solid var(--bw-nero)}
.bw-carta .bw-tiles li,.bw-pagina-carta .bw-tiles li,.bw-carta .bw-breed,.bw-pagina-carta .bw-breed,.bw-pagina-carta .bw-grp{background:#FFFDF8}
.bw-oro-rule{height:6px;background:var(--bw-oro);border:0;margin:0}

/* ===== Zone ===== */
.bw-zone__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.bw-zone__form{display:grid;grid-template-columns:140px 1fr auto;gap:10px;align-items:end}
.bw-zone__esito{margin-top:16px;min-height:3em}
.bw-zone__esito .ok b{font-family:var(--bw-display);font-size:1.6rem;text-transform:uppercase;display:block}
.bw-zone__giri{display:grid;gap:18px}
.bw-zone__giri h3{font-size:1.4rem;margin:0 0 4px}
.bw-zone__giri p{margin:0;color:var(--bw-cenere);font-size:.95rem}
@media (max-width:860px){.bw-zone__grid{grid-template-columns:1fr}.bw-zone__form{grid-template-columns:1fr}}

/* ===== Listino ===== */
.bw-req__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px}
.bw-privacy{font-size:.88rem;color:var(--bw-cenere);display:flex;gap:8px;align-items:flex-start}
.bw-privacy input{margin-top:4px;accent-color:var(--bw-nero)}
@media (max-width:860px){.bw-req__grid{grid-template-columns:1fr}}

/* kit di sala, griglia due colonne */
.bw-kit__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:860px){.bw-kit__grid{grid-template-columns:1fr}}
.bw-sec-head{display:grid;gap:14px;margin-bottom:40px}
.bw-sec-head > *{margin:0}
.bw-tagli .bw-r-b,.bw-tagli[data-razza="bufala"] .bw-r-f{display:none}
.bw-tagli[data-razza="bufala"] .bw-r-b{display:inline}
.bw-board-note{margin-top:22px;color:var(--bw-cenere);font-size:.92rem}
.bw-form button[disabled]{opacity:.6;cursor:wait}
/* rifiniture sezioni */
.bw-breed > *,.bw-grp__in > *{margin:0}
.bw-breed h3{margin-bottom:4px}
.bw-cut b span{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left}
.bw-zone__grid .bw-kick,.bw-req__grid .bw-kick,.bw-kit__grid .bw-kick,.bw-gold__grid .bw-kick{margin:0}
.bw-zone__grid h2,.bw-req__grid h2,.bw-kit__grid h2,.bw-gold__grid h2{margin:14px 0 0}
.bw-zone__grid .bw-lead,.bw-req__grid .bw-lead{margin-bottom:0}
.bw-req__grid .wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}
.bw-grp img{height:auto;min-height:0;flex:none}
/* catalogo tagli: foto e tagli per razza */
.bw-tagli .bw-r-b-img,.bw-tagli[data-razza="bufala"] .bw-r-f-img{display:none}
.bw-tagli[data-razza="bufala"] .bw-r-b-img{display:block}
.bw-tagli[data-razza="frisona"] .bw-solo-b,.bw-tagli[data-razza="bufala"] .bw-solo-f{display:none}
.bw-tagli[data-razza="frisona"] .bw-nota-foto{visibility:hidden}
@media (max-width:600px){.bw-top .bw-top__in > .bw-nav{order:3;margin-left:0!important}.bw-top .bw-top__in > .bw-top__cta{margin-left:auto!important}}
.bw-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}