/* ---------- font ---------- */
@font-face{font-family:"Fraunces";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/fraunces-400.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/fraunces-400-italic.woff2) format("woff2")}
@font-face{font-family:"Fraunces";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/fraunces-600.woff2) format("woff2")}
/* DM Sans e' un carattere variabile: un solo file copre i pesi da 400 a 700. */
@font-face{font-family:"DM Sans";font-weight:400 700;font-style:normal;font-display:swap;src:url(../fonts/dm-sans-var.woff2) format("woff2")}
/* ---------- token ---------- */
:root{
--ink:#15110c;
--ink-2:#211a12;
--cream:#f4ecdc;
--cream-2:#e9dcc0;
--wheat:#c8942b;
--wheat-d:#8f6410;
--text:#2a2118;
--muted:#6b5e4b;
--on-dark:#e9e0cf;
--serif:"Fraunces",Georgia,"Times New Roman",serif;
--sans:"DM Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
--gutter:clamp(1.25rem,4vw,3rem);
--max:1240px;
--ease:cubic-bezier(.2,.7,.2,1);
}
/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
/* Niente scroll-behavior:smooth: ScrollTrigger misura le posizioni riportando la
pagina in cima per un istante, e con lo scorrimento morbido misura con la pagina
ancora scesa (la hero risultava a -2370px e restava sbiadita aprendo /#farina).
Lo scorrimento morbido dei link interni lo fa main.js. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--text);font:400 1.0625rem/1.7 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.08;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.6rem,7vw,6rem)}
h2{font-size:clamp(2rem,4.6vw,3.6rem)}
h3{font-size:1.4rem}
em{font-style:italic;color:var(--wheat-d)}
p{margin:0 0 1.2em}
ul,ol{list-style:none;margin:0;padding:0}
section[id]{scroll-margin-top:var(--testa-compatta,4.5rem)}
:focus-visible{outline:2px solid var(--wheat);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:var(--wheat);color:var(--ink);padding:.6rem 1rem;z-index:200}
.skip:focus{left:0}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.wrap--narrow{max-width:820px}
.lead{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.6}
.eyebrow{font:500 .8rem/1 var(--sans);letter-spacing:.14em;color:var(--wheat);margin:0 0 1.4rem;display:flex;align-items:center;gap:.8rem}
.eyebrow::before{content:"";width:2.2rem;height:1px;background:currentColor}
.eyebrow--dark{color:var(--wheat-d)}
.eyebrow a{text-decoration:none}
/* ---------- pulsanti ---------- */
/* Pulsanti da bottega: maiuscolo spaziato, corpo piccolo, angoli appena smussati. */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.8rem;border-radius:2px;font:600 .76rem/1 var(--sans);text-transform:uppercase;letter-spacing:.11em;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease),border-color .3s}
.btn:hover{transform:translateY(-2px)}
.btn--wheat{background:var(--wheat);color:var(--ink)}
.btn--wheat:hover{background:#dba640}
.btn--ghost{border-color:rgba(233,224,207,.45);color:var(--on-dark)}
.btn--ghost:hover{border-color:var(--wheat);color:var(--wheat)}
.btn--dark{background:var(--ink);color:var(--cream)}
.btn--dark:hover{background:var(--wheat-d)}
.link-arrow{font-weight:500;text-decoration:none;border-bottom:1px solid var(--wheat-d);padding-bottom:.2rem}
.link-arrow::after{content:" →"}
/* ---------- header ---------- */
.site-header{position:fixed;inset:0 0 auto 0;z-index:100;transition:transform .5s var(--ease),padding .4s}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:rgba(21,17,12,.92);backdrop-filter:blur(10px)}
.site-header.is-solid::before{opacity:1}
.site-header__in{display:flex;align-items:center;justify-content:space-between;padding-block:1.2rem;transition:padding .4s}
.site-header.is-solid .site-header__in{padding-block:.7rem}
.site-header.is-hidden{transform:translateY(-100%)}
.brand img{width:176px;height:auto} /* misura nativa del file: piu grande sgrana, il logo vettoriale va chiesto al cliente */
.nav ul{display:flex;align-items:center;gap:2rem}
.nav a{color:var(--on-dark);text-decoration:none;font-size:.95rem;position:relative}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-.3rem;height:1px;width:100%;background:var(--wheat);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.nav .btn{padding:.65rem 1.3rem;color:var(--ink)}
.burger{display:none;background:none;border:0;width:44px;height:44px;position:relative;cursor:pointer}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--on-dark);transition:transform .35s var(--ease),top .35s var(--ease)}
.burger span:first-child{top:17px}
.burger span:last-child{top:25px}
.nav-open .burger span:first-child{top:21px;transform:rotate(45deg)}
.nav-open .burger span:last-child{top:21px;transform:rotate(-45deg)}
@media (max-width:860px){
.burger{display:block}
.nav{position:fixed;inset:0;background:var(--ink);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}
.nav-open .nav{opacity:1;visibility:visible}
.nav ul{flex-direction:column;gap:1.6rem;text-align:center}
.nav a{font:400 2rem/1 var(--serif)}
.nav .btn{font:500 1rem/1 var(--sans);margin-top:.6rem}
.nav-open{overflow:hidden}
.site-header{z-index:120}
}
/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);color:var(--on-dark);overflow:hidden;isolation:isolate;background:var(--ink)}
.hero__in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:36rem;padding:9rem var(--gutter) clamp(4rem,10vh,7rem) var(--gutter)}
/* la foto sfuma nel fondo della hero (a sinistra su PC, in basso su mobile) invece di
staccarsi con un bordo netto; la sfumatura tocca solo foto e filtri, non la scheda prodotto */
.hero__photo{position:relative;margin:0;overflow:hidden;--sfuma:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 12%,rgba(0,0,0,.8) 26%,#000 38%)}
.hero__bg{position:absolute;inset:-8% 0 0 0;width:100%;height:116%;object-fit:cover;object-position:64% 42%;transform-origin:center}
/* foto scelta dal pannello: le foto prodotto hanno il soggetto a sinistra del centro */
.hero__bg--scelta{object-position:30% 50%}
.hero__photo::before{content:"";position:absolute;inset:0;background:var(--wheat);opacity:.16;mix-blend-mode:color}
.hero__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,17,12,.55) 0%,rgba(21,17,12,.05) 32%,rgba(21,17,12,.2) 100%);mix-blend-mode:multiply}
.hero__bg,.hero__photo::before,.hero__photo::after{-webkit-mask-image:var(--sfuma);mask-image:var(--sfuma)}
.hero__title{color:#fff;max-width:18ch;margin-bottom:1.2rem;font-size:clamp(2.4rem,5.6vw,4.6rem)}
.hero__title em{color:var(--wheat)}
.line{display:block;overflow:hidden;padding-bottom:.08em}
.line>span{display:inline-block;will-change:transform}
.hero__seal{width:104px;height:104px;color:var(--wheat);margin:.3rem 0 1.5rem}
.hero__seal svg{width:100%;height:100%;display:block;overflow:visible}
.hero__seal-ring{fill:none;stroke:currentColor;stroke-width:.75;opacity:.55}
.hero__seal-text{font:500 6.4px/1 var(--sans);letter-spacing:.08em;fill:currentColor}
.hero__seal-glyph{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.hero__lead{max-width:34rem;font-size:clamp(1.05rem,1.5vw,1.25rem);color:rgba(233,224,207,.88)}
.hero__cta{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.hero__scroll{position:absolute;right:var(--gutter);bottom:2.2rem;width:26px;height:44px;border:1px solid rgba(233,224,207,.5);border-radius:14px;display:none;z-index:2}
.hero__scroll span{position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--wheat);animation:scrolldot 1.8s var(--ease) infinite}
@media (max-width:859px){
.hero{grid-template-columns:1fr;grid-template-rows:42svh auto}
/* su mobile la foto e' piu' alta del riquadro (effetto di scorrimento): invece della
maschera, una velatura del colore di fondo fissata al bordo basso del riquadro */
.hero__photo{order:-1;min-height:42svh;--sfuma:none}
.hero__photo::after{background:linear-gradient(0deg,var(--ink) 0,rgba(21,17,12,.75) 12%,rgba(21,17,12,.25) 26%,rgba(21,17,12,0) 38%),linear-gradient(180deg,rgba(21,17,12,.5) 0%,rgba(21,17,12,0) 30%);mix-blend-mode:normal}
.hero__in{max-width:none;padding:2.8rem var(--gutter) 3rem}
}
@keyframes scrolldot{0%{opacity:1;transform:translateY(0)}80%,100%{opacity:0;transform:translateY(16px)}}
@media (min-width:860px){.hero__scroll{display:block}}
/* ---------- marquee ---------- */
.marquee{background:var(--wheat);color:var(--ink);overflow:hidden;padding:1rem 0;white-space:nowrap}
.marquee__track{display:inline-flex;align-items:center;gap:2rem;will-change:transform}
.marquee span{font:italic 400 clamp(1.3rem,2.4vw,2rem)/1 var(--serif)}
.marquee i{width:.55rem;height:.55rem;background:var(--ink);transform:rotate(45deg);flex:none;margin-right:.0rem}
/* ---------- sezioni ---------- */
.sec{padding-block:clamp(4.5rem,10vw,9rem)}
.sec--cream{background:var(--cream)}
.sec--dark{background:var(--ink);color:var(--on-dark)}
.sec--dark h2,.sec--dark h3{color:#fff}
.sec--dark em{color:var(--wheat)}
.sec__head{margin-bottom:clamp(2rem,5vw,4rem)}
.sec__head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}
.sec__head--row h2{margin:0}
.split{display:grid;grid-template-columns:1fr;gap:clamp(2rem,6vw,5rem);align-items:center}
@media (min-width:900px){
.split{grid-template-columns:1.05fr .95fr}
.split--rev{grid-template-columns:.95fr 1.05fr}
.split--rev .split__media{order:-1}
}
.split__media{margin:0;overflow:hidden;border-radius:6px}
.split__media img{width:100%;height:auto;transform:scale(1.15)}
.split__media--photo{box-shadow:0 30px 60px -30px rgba(0,0,0,.5)}
.pull{margin:2rem 0 0;padding:0 0 0 1.4rem;border-left:2px solid var(--wheat)}
.pull p{font:italic 400 clamp(1.4rem,2.3vw,1.9rem)/1.3 var(--serif);margin:0 0 .6rem}
.pull footer{font-size:.95rem;color:var(--muted)}
.pull--gold footer{color:var(--wheat)}
/* ---------- valori nutrizionali ---------- */
.valori__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1.5rem,4vw,3rem)}
.valore{border-top:1px solid rgba(233,224,207,.2);padding-top:1.4rem}
.valore__num{display:flex;align-items:baseline;gap:.2rem;font:400 clamp(3rem,6vw,5rem)/1 var(--serif);color:#fff}
.valore__num small{font-size:.4em;color:var(--wheat)}
.valore__label{display:block;margin:.6rem 0 1.2rem;color:var(--wheat);font-size:.85rem;letter-spacing:.12em}
.valore__bar{display:block;height:3px;background:rgba(233,224,207,.15)}
.valore__bar i{display:block;height:100%;background:var(--wheat);transform-origin:left;transform:scaleX(var(--w))}
.js .valore__bar i{transform:scaleX(0)}
/* ---------- card prodotti ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:clamp(1rem,2vw,1.6rem)}
.card{position:relative;display:block;text-decoration:none;color:#fff;overflow:hidden;border-radius:6px;aspect-ratio:4/5;background:var(--ink-2)}
.card__img,.card__img img{position:absolute;inset:0;width:100%;height:100%}
.card__img img{object-fit:cover;transition:transform 1s var(--ease)}
.card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(21,17,12,.88));transition:opacity .4s}
.card:hover .card__img img{transform:scale(1.07)}
.card__body{position:absolute;left:0;right:0;bottom:0;padding:1.5rem;z-index:2;display:block;transition:transform .5s var(--ease)}
.card:hover .card__body{transform:translateY(-.4rem)}
.card__cat{display:block;font-size:.78rem;letter-spacing:.14em;color:var(--wheat);margin-bottom:.4rem}
.card__title{display:block;font:400 1.6rem/1.1 var(--serif)}
.cards--small{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr))}
.cards--small .card__title{font-size:1.3rem}
/* ---------- proprietà ---------- */
.props{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1px;background:var(--cream-2);border:1px solid var(--cream-2)}
.prop{background:var(--cream);padding:clamp(1.6rem,3vw,2.6rem);transition:background .4s}
.prop:hover{background:#fff8ea}
.prop__n{display:block;font:italic 400 1.1rem/1 var(--serif);color:var(--wheat-d);margin-bottom:2rem}
.prop h3{margin-bottom:.8rem}
.prop p{margin:0;color:var(--muted);font-size:1rem}
.prop--cta{background:var(--ink);color:var(--on-dark);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.prop--cta:hover{background:var(--ink-2)}
.prop--cta h3{color:#fff;font-size:1.8rem}
.prop--cta em{color:var(--wheat)}
.prop--cta p{color:var(--on-dark);margin-bottom:1.6rem}
/* ---------- fascia shop ---------- */
.shopband{position:relative;overflow:hidden;isolation:isolate;color:var(--on-dark);padding-block:clamp(5rem,12vw,10rem);text-align:center}
.shopband__bg{position:absolute;inset:-12% 0;width:100%;height:124%;object-fit:cover;z-index:-2}
.shopband__shade{position:absolute;inset:0;z-index:-1;background:rgba(21,17,12,.72)}
.shopband h2{color:#fff;max-width:18ch;margin-inline:auto}
.shopband em{color:var(--wheat)}
.shopband p{max-width:34rem;margin-inline:auto}
.shopband .hero__cta{justify-content:center}
/* ---------- contatti ---------- */
.contatti{display:grid;gap:clamp(2rem,6vw,5rem)}
@media (min-width:900px){.contatti{grid-template-columns:1fr 1fr}}
.info{margin:2rem 0 0}
.info div{display:grid;grid-template-columns:8rem 1fr;padding:.9rem 0;border-top:1px solid var(--cream-2)}
.info dt{color:var(--muted);font-size:.9rem}
.info dd{margin:0}
.info a{text-decoration-color:var(--wheat)}
.form{display:grid;gap:1.1rem;background:#fff;padding:clamp(1.5rem,3vw,2.5rem);border-radius:6px;box-shadow:0 30px 60px -40px rgba(0,0,0,.4)}
.form label{display:grid;gap:.4rem;font-size:.9rem;font-weight:500}
.form input[type=text],.form input[type=email],.form textarea{font:400 1rem/1.4 var(--sans);padding:.85rem 1rem;border:1px solid #d8ccb1;border-radius:4px;background:var(--cream);color:var(--text);width:100%}
.form input:focus,.form textarea:focus{outline:2px solid var(--wheat);border-color:transparent}
.form .check{display:flex;gap:.7rem;align-items:flex-start;font-weight:400;font-size:.9rem;color:var(--muted)}
.form .check input{margin-top:.3rem;accent-color:var(--wheat-d)}
.form .btn{justify-self:start}
.hp{position:absolute!important;left:-9999px}
.form__msg{margin:0;padding:.9rem 1rem;border-radius:4px;font-size:.95rem}
.form__msg--ok{background:#e4efd8;color:#2f4a17}
.form__msg--err{background:#f6dcd6;color:#7a2413}
/* ---------- pagine interne ---------- */
.page-hero{background:var(--ink);color:#fff;padding:clamp(8rem,16vw,12rem) 0 clamp(3rem,6vw,5rem)}
.page-hero h1{margin:0;font-size:clamp(2.4rem,6vw,4.6rem)}
.page-hero em{color:var(--wheat)}
.page-hero .lead{margin-top:1.5rem}
.prose>*+*{margin-top:1.2em}
.prose h2{font-size:2rem;margin-top:1.6em}
.prose a{color:var(--wheat-d)}
/* ---------- footer ---------- */
.site-footer{background:#0e0b08;color:var(--on-dark);padding-top:clamp(3rem,7vw,6rem);font-size:.95rem}
.site-footer__grid{display:grid;gap:2.5rem;padding-bottom:3rem}
@media (min-width:800px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1fr}}
.site-footer h3{font:500 .8rem/1 var(--sans);letter-spacing:.14em;color:var(--wheat);margin-bottom:1.2rem}
.site-footer li+li{margin-top:.5rem}
.site-footer a{text-decoration:none;opacity:.85}
.site-footer a:hover{opacity:1;color:var(--wheat)}
.site-footer__claim{max-width:26rem;margin-top:1.2rem;opacity:.75}
.site-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem;padding-block:1.4rem;border-top:1px solid rgba(233,224,207,.12);font-size:.85rem;opacity:.7}
/* ---------- carrello nell'header ---------- */
.cart-link{display:inline-flex;align-items:center;gap:.5rem}
.cart-link__n{display:inline-grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .35rem;border-radius:999px;background:var(--wheat);color:var(--ink);font:500 .75rem/1 var(--sans)}
.cart-link__n[hidden]{display:none}
/* ---------- home: prodotti in vendita ---------- */
.sec--tight{padding-top:0}
.pcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(1rem,2vw,1.6rem)}
.pcard{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 30px 60px -45px rgba(0,0,0,.5)}
.pcard__img{display:block;position:relative;min-height:260px;background:var(--cream-2)}
.pcard__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.pcard:hover .pcard__img img{transform:scale(1.05)}
.pcard__body{padding:clamp(1.3rem,2.5vw,2rem);display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.pcard h3{font-size:1.5rem;margin:0 0 .4rem}
.pcard h3 a{text-decoration:none}
.pcard p{color:var(--muted);font-size:.98rem;margin:0}
.pcard__price{font:400 1.7rem/1.2 var(--serif)!important;color:var(--text)!important;margin:.8rem 0 1.2rem!important}
.btn--ghost-dark{border-color:var(--muted);color:var(--muted);cursor:not-allowed}
/* Sul telefono la vetrina della home segue il negozio: due colonne, schede
compatte, niente descrizione. Otto prodotti in verticale erano infiniti. */
@media (max-width:560px){
.pcards{grid-template-columns:repeat(2,1fr);gap:.8rem}
.pcard{grid-template-columns:1fr}
.pcard__img{min-height:0;aspect-ratio:1}
.pcard__body{padding:.8rem;gap:.2rem}
.pcard h3{font-size:1.05rem;margin:0 0 .2rem}
.pcard__body>p:not(.pcard__price){display:none}
.pcard__price{font-size:1.1rem!important;margin:.2rem 0 .8rem!important}
.pcard .btn{width:100%;text-align:center;font-size:.85rem;padding:.6rem .8rem}
}
/* ---------- woocommerce ---------- */
.shop{--line:#d8ccb1}
.shop .woocommerce-notices-wrapper{grid-column:1/-1}
.shop .woocommerce-message,.shop .woocommerce-info,.shop .woocommerce-error{list-style:none;margin:0 0 1.6rem;padding:1rem 1.2rem;border-radius:4px;background:#fff;border-left:3px solid var(--wheat);display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;align-items:center;justify-content:space-between}
.shop .woocommerce-error{border-color:#b3391f;background:#f6dcd6;display:block}
.shop .woocommerce-message a.button{order:2}
.shop .button,.shop button.button,.shop input.button,.shop #place_order,.shop a.checkout-button{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border:0;border-radius:2px;background:var(--ink);color:var(--cream);font:600 .76rem/1 var(--sans);text-transform:uppercase;letter-spacing:.11em;text-decoration:none;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}
.shop .button:hover,.shop button.button:hover,.shop #place_order:hover,.shop a.checkout-button:hover{background:var(--wheat-d);transform:translateY(-2px)}
.shop .button.alt,.shop #place_order,.shop a.checkout-button,.shop .single_add_to_cart_button{background:var(--wheat);color:var(--ink)}
.shop .button.alt:hover,.shop #place_order:hover,.shop a.checkout-button:hover,.shop .single_add_to_cart_button:hover{background:#dba640}
.shop .button.disabled,.shop .button:disabled{opacity:.5;pointer-events:none}
.shop .single_add_to_cart_button.loading{opacity:.6;pointer-events:none}
.shop a.added_to_cart{margin-left:.8rem;font-weight:500;color:var(--wheat-d)}
/* ---------- negozio: colonna dei filtri + griglia ---------- */
.pshop-impaginato{display:grid;gap:1.6rem}
.pshop-risultati{min-width:0}
@media (min-width:900px){
.pshop-impaginato{grid-template-columns:15rem minmax(0,1fr);gap:2.5rem;align-items:start}
.pshop-lato{position:sticky;top:5.5rem;max-height:calc(100vh - 7rem);overflow-y:auto}
}
.pshop-lato__box{border:1px solid var(--line);border-radius:8px;background:#fff}
.pshop-lato__box summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.9rem 1.1rem;font-weight:500;font-size:.95rem}
.pshop-lato__box summary::-webkit-details-marker{display:none}
.pshop-lato__box summary::after{content:"";flex:0 0 auto;width:.5rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s var(--ease)}
.pshop-lato__box[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.pshop-lato__box summary em{font-style:normal;font-size:.78rem;padding:.15rem .5rem;border-radius:999px;background:var(--wheat);color:var(--ink)}
.pshop-lato__corpo{padding:0 1.1rem 1.1rem}
.pshop-lato__gruppo + .pshop-lato__gruppo{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line)}
.pshop-lato__gruppo h3{font:500 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.pshop-lato__gruppo ul{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.pshop-lato__gruppo ul ul{margin:.1rem 0 .3rem .8rem;padding-left:.7rem;border-left:1px solid var(--line)}
.pshop-lato__gruppo a{display:flex;justify-content:space-between;gap:.8rem;padding:.4rem .5rem;border-radius:4px;text-decoration:none;color:var(--text);font-size:.92rem;line-height:1.35}
.pshop-lato__gruppo ul ul a{font-size:.86rem;color:var(--muted)}
.pshop-lato__gruppo a:hover{background:var(--cream)}
.pshop-lato__gruppo a span{flex:0 0 auto;color:var(--muted);font-size:.78rem}
.pshop-lato__gruppo a.is-attivo{background:var(--ink);color:var(--cream)}
.pshop-lato__gruppo a.is-attivo span{color:var(--wheat)}
.pshop-lato__azzera{margin:1.2rem 0 0;font-size:.85rem}
.pshop-lato__azzera a{color:var(--wheat-d)}
@media (max-width:899px){
/* Sul telefono i filtri sono un pannello richiudibile sopra la griglia:
main.js lo chiude al caricamento, cosi' i prodotti restano in alto. */
.pshop-lato__box{background:var(--cream-2,#f4ecdc)}
.pshop-lato__corpo{max-height:65vh;overflow-y:auto}
}
/* Conteggio e ordinamento: impilati sul telefono, affiancati da 720px in su.
Niente float sotto i 720px: un float scavalca il contenitore a griglia
sottostante, e il menu a tendina finiva sopra la prima scheda. */
.shop .woocommerce-result-count{display:block;margin:0 0 .6rem;color:var(--muted);font-size:.9rem}
.shop .woocommerce-ordering{display:block;margin:0 0 1.6rem}
.shop .woocommerce-ordering select{min-height:2.6rem;max-width:100%;padding:.5rem 2rem .5rem 1rem}
@media (min-width:720px){
.shop .woocommerce-result-count{float:left;margin-bottom:1.6rem;line-height:2.6rem}
.shop .woocommerce-ordering{float:right}
.shop .woocommerce-ordering select{width:auto}
}
/* clear in ogni caso: la griglia non si accorge dei float e ci finirebbe sotto. */
.shop ul.products{clear:both;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.8rem,2vw,1.6rem)}
@media (min-width:560px){.shop ul.products{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}
@media (min-width:860px){.shop ul.products{grid-template-columns:repeat(3,1fr)}}
.shop ul.products li.product{background:#fff;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -45px rgba(0,0,0,.5)}
.shop ul.products li.product>a:first-child{display:block;text-decoration:none;flex:1}
.shop ul.products li.product img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform 1s var(--ease)}
.shop ul.products li.product:hover img{transform:scale(1.04)}
.shop ul.products li.product>a:first-child{overflow:hidden}
.shop ul.products li.product .woocommerce-loop-product__title{font:400 1.4rem/1.2 var(--serif);padding:1.2rem 1.4rem 0;margin:0}
.shop ul.products li.product .price{display:block;padding:.4rem 1.4rem 1rem}
.shop ul.products li.product .pshop__excerpt{margin:0;padding:0 1.4rem 1rem;color:var(--muted);font-size:.92rem;line-height:1.5}
.shop ul.products li.product .button{margin:0 1.4rem 1.4rem;align-self:flex-start}
/* Due colonne sul telefono: testo piu' compatto e niente descrizione,
altrimenti una pagina da 16 prodotti diventa lunghissima. */
@media (max-width:559px){
.shop ul.products li.product .woocommerce-loop-product__title{font-size:1.05rem;padding:.8rem .8rem 0}
.shop ul.products li.product .price{padding:.3rem .8rem .8rem;font-size:.95rem}
.shop ul.products li.product .pshop__excerpt{display:none}
.shop ul.products li.product .button{margin:0 .8rem .8rem;align-self:stretch;text-align:center;font-size:.85rem;padding:.6rem .8rem}
}
.shop .onsale{position:absolute;margin:1rem;padding:.35rem .8rem;background:var(--wheat);color:var(--ink);border-radius:999px;font-size:.8rem;z-index:2}
.shop .woocommerce-pagination{margin-top:2.4rem;clear:both}
.shop .woocommerce-pagination ul.page-numbers{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.shop .woocommerce-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;padding:0 .6rem;border-radius:2px;border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:.9rem}
.shop .woocommerce-pagination a.page-numbers:hover{border-color:var(--wheat)}
.shop .woocommerce-pagination .page-numbers.current{background:var(--ink);border-color:var(--ink);color:var(--cream)}
.shop .price{font:400 1.5rem/1.3 var(--serif);color:var(--text)}
.shop .price del{opacity:.5;font-size:.8em;margin-right:.4rem}
.shop .price ins{text-decoration:none}
.shop .woocommerce-price-suffix{font:400 .8rem var(--sans);color:var(--muted)}
/* scheda prodotto */
.shop div.product{display:grid;gap:clamp(1.5rem,5vw,4rem);align-items:start}
@media (min-width:900px){.shop div.product{grid-template-columns:1fr 1fr}}
.shop .woocommerce-product-gallery{opacity:1!important;margin:0;position:relative;border-radius:6px;overflow:hidden;background:#fff}
.shop .woocommerce-product-gallery__wrapper,.shop .woocommerce-product-gallery figure{margin:0}
.shop .woocommerce-product-gallery img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.shop .woocommerce-product-gallery__trigger{display:none}
.shop div.product .summary .price{font-size:2rem;margin-bottom:1rem}
.shop div.product .woocommerce-product-details__short-description{font-size:1.15rem;margin-bottom:1.6rem}
.shop form.cart{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch;margin:0 0 1.6rem}
.shop .quantity input.qty{width:5rem;height:100%;min-height:3rem;text-align:center;font:400 1rem var(--sans);border:1px solid var(--line);border-radius:2px;background:#fff}
.shop .product_meta{font-size:.9rem;color:var(--muted);display:grid;gap:.3rem;border-top:1px solid var(--line);padding-top:1.2rem}
.shop .product_meta a{color:var(--wheat-d)}
.shop .pshop__badges{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:0 0 1.6rem;padding:0;list-style:none;font:500 .74rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--wheat-d)}
.shop .pshop__badges li{display:flex;align-items:center;gap:.5rem}
.shop .pshop__badges li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--wheat);flex-shrink:0}
.shop .woocommerce-tabs{grid-column:1/-1;border-top:1px solid var(--line);padding-top:2rem}
.shop .woocommerce-tabs ul.tabs{display:flex;gap:1.5rem;margin-bottom:1.5rem}
.shop .woocommerce-tabs ul.tabs a{text-decoration:none;font-weight:500;color:var(--muted)}
.shop .woocommerce-tabs ul.tabs .active a{color:var(--text);border-bottom:2px solid var(--wheat)}
.shop .woocommerce-tabs h2{display:none}
.shop .related,.shop .upsells,.shop .pshop-altri{grid-column:1/-1;margin-top:2rem}
.shop .related>h2,.shop .upsells>h2{font-size:2rem}
.shop .pshop-altri .eyebrow{margin-bottom:1.6rem}
/* tabelle (carrello, riepilogo ordine) */
.shop table.shop_table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;font-size:.98rem}
.shop table.shop_table th,.shop table.shop_table td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.shop table.shop_table thead th{font:500 .8rem var(--sans);letter-spacing:.1em;color:var(--muted)}
.shop table.shop_table tr:last-child td,.shop table.shop_table tr:last-child th{border-bottom:0}
.shop td.product-thumbnail img{width:72px;height:72px;object-fit:cover;border-radius:4px}
.shop td.product-name a{font-family:var(--serif);font-size:1.15rem;text-decoration:none}
.shop a.remove{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--cream-2);text-decoration:none;color:var(--text);font-size:1.2rem;line-height:1}
.shop a.remove:hover{background:#b3391f;color:#fff}
.shop .actions{text-align:right}
.shop .coupon{float:left;display:flex;gap:.6rem}
.shop .coupon label{display:none}
.shop input.input-text,.shop textarea,.shop select,.shop .select2-container--default .select2-selection--single{font:400 1rem/1.4 var(--sans);padding:.8rem 1rem;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--text);width:100%;height:auto;min-height:3rem}
.shop .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.4;color:var(--text)}
.shop .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;right:.6rem}
.shop input:focus,.shop textarea:focus,.shop select:focus{outline:2px solid var(--wheat);border-color:transparent}
.coupon input.input-text{width:12rem}
/* carrello: righe della tabella impilate su schermi stretti */
@media (max-width:680px){
.shop table.shop_table thead{display:none}
.shop table.shop_table,.shop table.shop_table tbody,.shop table.shop_table tr{display:block;width:100%}
.shop table.shop_table{border:0}
.shop table.shop_table tr{position:relative;display:flex;flex-wrap:wrap;padding:1.2rem 1.1rem;border-bottom:1px solid var(--line)}
.shop table.shop_table td{display:block;border-bottom:0;padding:0;vertical-align:middle}
.shop td.product-remove{order:1;position:absolute;top:1rem;right:1.1rem}
.shop td.product-thumbnail{order:2;width:4.5rem;flex-shrink:0}
.shop td.product-thumbnail img{width:4.5rem;height:4.5rem}
.shop td.product-name{order:3;flex:1;min-width:0;align-self:center;padding:0 2rem 0 1rem}
.shop td.product-price,.shop td.product-quantity,.shop td.product-subtotal{order:4;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--line)}
.shop td.product-price::before,.shop td.product-quantity::before,.shop td.product-subtotal::before{content:attr(data-title);color:var(--muted);font-size:.85rem}
}
/* carrello: due colonne */
.woocommerce-cart .shop .woocommerce{display:grid;gap:2rem}
@media (min-width:960px){.woocommerce-cart .shop .woocommerce{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
.shop .cart_totals{background:#fff;padding:1.6rem;border-radius:6px}
.shop .cart_totals h2{font-size:1.6rem}
.shop .cart_totals table.shop_table{background:none}
.shop .wc-proceed-to-checkout a.checkout-button{width:100%;margin-top:1rem}
.shop ul#shipping_method{display:grid;gap:.4rem}
.shop .woocommerce-shipping-destination{font-size:.85rem;color:var(--muted)}
/* checkout */
.shop form.checkout{display:grid;gap:2rem 3rem}
/* Stripe aggiunge in cima al modulo i pagamenti rapidi (Google Pay, Link...) e un
separatore: con posti fissi nella griglia restano sopra i dati, a sinistra, senza
spingere in basso il riepilogo di destra. Il contenitore dei dati di provenienza
e' fatto solo di campi nascosti. */
.shop form.checkout>wc-order-attribution-inputs{display:none}
@media (min-width:960px){
.shop form.checkout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;
grid-template-areas:"rapido titolo" "separatore riepilogo" "dati riepilogo"}
.shop #wc-stripe-express-checkout-element{grid-area:rapido}
.shop #wc-stripe-express-checkout-button-separator{grid-area:separatore;margin:0}
.shop #customer_details{grid-area:dati}
.shop #order_review_heading{grid-area:titolo;align-self:end}
.shop #order_review{grid-area:riepilogo;align-self:start}
/* senza pagamenti rapidi (o nascosti da Stripe perche' non disponibili) i dati salgono in cima */
.shop form.checkout:not(:has(#wc-stripe-express-checkout-element)),.shop form.checkout:has(#wc-stripe-express-checkout-element[style*="display:none"]),.shop form.checkout:has(#wc-stripe-express-checkout-element[style*="display: none"]){grid-template-rows:auto 1fr;grid-template-areas:"dati titolo" "dati riepilogo"}
}
.shop form.checkout h3{font-size:1.6rem}
.shop .woocommerce-billing-fields__field-wrapper,.shop .woocommerce-shipping-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.shop .form-row{margin:0;display:grid;gap:.35rem;align-content:start}
.shop .form-row-wide,.shop .form-row-first.form-row-wide,.shop #order_comments_field{grid-column:1/-1}
@media (max-width:560px){.shop .woocommerce-billing-fields__field-wrapper,.shop .woocommerce-shipping-fields__field-wrapper{grid-template-columns:1fr}}
.shop .form-row label{font-size:.9rem;font-weight:500}
.shop .form-row .required{color:#b3391f;text-decoration:none}
.shop #order_review{background:#fff;padding:1.4rem;border-radius:6px}
.shop #order_review table.shop_table{background:none}
.shop #payment{background:none}
.shop #payment ul.payment_methods{display:grid;gap:.8rem;margin:1rem 0}
.shop #payment .payment_box{background:var(--cream);padding:1rem;border-radius:4px;font-size:.92rem;margin-top:.6rem}
.shop #payment .payment_box p{margin:0}
.shop #payment label{font-weight:500}
.shop .woocommerce-privacy-policy-text{font-size:.85rem;color:var(--muted)}
.shop #place_order{width:100%;margin-top:1rem;padding:1.1rem}
/* account e conferma ordine */
.woocommerce-account .shop .woocommerce{display:grid;gap:2rem}
@media (min-width:860px){.woocommerce-account .shop .woocommerce{grid-template-columns:220px 1fr}}
.shop .woocommerce-MyAccount-navigation ul{display:grid;gap:.4rem}
.shop .woocommerce-MyAccount-navigation a{text-decoration:none;display:block;padding:.6rem 0;border-bottom:1px solid var(--line)}
.shop .woocommerce-MyAccount-navigation .is-active a{color:var(--wheat-d);font-weight:500}
.shop .woocommerce-order-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:0 0 2rem;padding:1.2rem;background:#fff;border-radius:6px;font-size:.92rem}
.shop .woocommerce-thankyou-order-received{font:400 1.4rem/1.3 var(--serif);margin-bottom:1.4rem}
.shop .woocommerce-customer-details address{font-style:normal;background:#fff;padding:1.2rem;border-radius:6px}
/* ---------- animazioni (nascoste solo se js attivo e movimento consentito) ---------- */
@media (prefers-reduced-motion:no-preference){
.js [data-reveal],.js [data-hero]{opacity:0}
.js .hero__title .line>span{opacity:0}
}
@media (prefers-reduced-motion:reduce){
.split__media img{transform:none}
.marquee__track{animation:none}
.hero__scroll span{animation:none}
}
/* =====================================================================
Leggibilita' e tono caldo, pensati per un pubblico sui 50 anni.
Strato finale: sovrascrive le regole sopra, cosi' si legge e si
annulla in un punto solo.
===================================================================== */
/* Contrasto: grigi e oro scuro piu' decisi. Il vecchio --wheat-d sul crema
era sotto la soglia AA per il testo piccolo (4,2:1). */
:root{
--muted:#54473a;
--wheat-d:#7a5409;
--line:#d8c9a8;
--ok:#3f6b2a;
--avviso:#9a4a12;
}
/* Testo di base a 18px: si legge senza occhiali da vicino. */
body{font-size:1.125rem;line-height:1.65}
.lead{font-size:clamp(1.2rem,1.7vw,1.4rem)}
p,li{text-wrap:pretty}
.eyebrow{font-size:.9rem;letter-spacing:.1em}
/* Fuoco ben visibile per chi naviga da tastiera. */
:focus-visible{outline:3px solid var(--wheat);outline-offset:3px}
/* Pulsanti: almeno 48px di altezza, scritta un poco piu' grande. */
.btn,
.shop .button,.shop button.button,.shop input.button,.shop #place_order,.shop a.checkout-button{
min-height:3.1rem;padding:.95rem 1.6rem;font-size:.86rem;letter-spacing:.08em
}
/* Menu in alto: voci piu' grandi. */
.nav a{font-size:1.05rem}
.cart-link__n{min-width:1.6rem;height:1.6rem;font-size:.85rem;font-weight:700}
/* ---------- schede prodotto del negozio ---------- */
.shop ul.products li.product{position:relative;border:1px solid var(--line);box-shadow:0 18px 40px -32px rgba(0,0,0,.45)}
.shop ul.products li.product .woocommerce-loop-product__title{font-size:1.3rem;line-height:1.25}
/* Prezzo in carattere senza grazie e in grassetto: le cifre si leggono meglio. */
.shop ul.products li.product .price{font:700 1.35rem/1.2 var(--sans);color:var(--ink)}
.shop .price del{font-weight:400;opacity:.65}
.shop .price ins{color:var(--avviso)}
.shop .onsale{border-radius:2px;font-weight:700;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;padding:.4rem .7rem;background:var(--avviso);color:#fff}
/* Disponibilita' scritta in chiaro, non solo con un colore. */
.pshop__stock{display:flex;align-items:center;gap:.45rem;margin:0 1.4rem .9rem;font-size:.92rem;font-weight:500}
.pshop__stock::before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:currentColor;flex:0 0 auto}
.pshop__stock--si{color:var(--ok)}
.pshop__stock--pochi{color:var(--avviso)}
.pshop__stock--no{color:var(--muted)}
@media (max-width:559px){
.shop ul.products li.product .woocommerce-loop-product__title{font-size:1.1rem}
.shop ul.products li.product .price{font-size:1.15rem}
.pshop__stock{margin:0 .8rem .7rem;font-size:.85rem}
.shop ul.products li.product .button{font-size:.78rem;letter-spacing:.05em;padding:.8rem .5rem}
}
/* ---------- colonna dei filtri ---------- */
.pshop-lato__box summary{font-size:1.05rem;padding:1rem 1.2rem}
.pshop-lato__gruppo h3{font-size:.85rem;color:var(--text)}
.pshop-lato__gruppo a{font-size:1rem;padding:.55rem .6rem}
.pshop-lato__gruppo ul ul a{font-size:.95rem;color:var(--text)}
.pshop-lato__gruppo a span{font-size:.85rem}
.pshop-lato__azzera{font-size:1rem}
.pshop-lato__azzera a{font-weight:600}
/* ---------- conteggio, ordinamento, paginazione ---------- */
.shop .woocommerce-result-count{font-size:1rem;color:var(--text)}
.shop .woocommerce-ordering select{min-height:3.1rem;font:500 1rem var(--sans)}
.shop .woocommerce-pagination .page-numbers{min-width:3rem;height:3rem;font-size:1rem}
/* ---------- vetrina in home ---------- */
.pcard{border:1px solid var(--line)}
.pcard h3{font-size:1.45rem}
.pcard__price{font:700 1.45rem/1.2 var(--sans)!important;color:var(--ink)!important}
@media (max-width:560px){
.pcard h3{font-size:1.1rem}
.pcard__price{font-size:1.15rem!important}
}
/* ---------- striscia di fiducia ---------- */
.fiducia{background:#fff;border-block:1px solid var(--line)}
.fiducia__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1rem;padding-block:1.4rem}
@media (min-width:900px){.fiducia__lista{grid-template-columns:repeat(4,minmax(0,1fr));padding-block:1.8rem}}
.fiducia__voce{display:flex;gap:.9rem;align-items:center}
.fiducia__icona{flex:0 0 auto;width:3rem;height:3rem;display:grid;place-items:center;border-radius:50%;background:var(--cream);color:var(--wheat-d);border:1px solid var(--line)}
.fiducia__icona svg{display:block;width:1.5rem;height:1.5rem}
.fiducia__testo strong{display:block;font-size:1rem;line-height:1.3;color:var(--ink)}
.fiducia__testo span{display:block;font-size:.92rem;line-height:1.4;color:var(--muted)}
@media (max-width:559px){
.fiducia__voce{flex-direction:column;align-items:flex-start;gap:.5rem}
.fiducia__testo strong{font-size:.95rem}
.fiducia__testo span{font-size:.85rem}
}
/* ---------- benvenuto nel negozio ---------- */
.page-hero .lead{color:var(--on-dark);max-width:38rem}
/* ---------- vetrina in home: schede compatte ----------
Prima erano due per riga, foto accanto al testo, alte quasi mezzo schermo.
Ora sono come nel negozio: foto sopra, 2 per riga sul telefono, 4 su schermo largo. */
.pcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.4rem)}
@media (min-width:760px){.pcards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1080px){.pcards{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pcard{grid-template-columns:1fr;display:flex;flex-direction:column}
.pcard__img{min-height:0;aspect-ratio:1}
.pcard__body{flex:1;padding:1rem 1.1rem 1.1rem;gap:.25rem}
.pcard h3{font-size:1.2rem;line-height:1.25;margin:0}
.pcard__body>p:not(.pcard__price){display:none}
.pcard__price{font-size:1.3rem!important;margin:.3rem 0 .9rem!important}
.pcard .btn{margin-top:auto;width:100%}
@media (max-width:560px){
.pcard__body{padding:.8rem}
.pcard h3{font-size:1.05rem}
.pcard__price{font-size:1.1rem!important;margin:.2rem 0 .7rem!important}
.pcard .btn{font-size:.76rem;letter-spacing:.05em;padding:.8rem .5rem}
}
/* pulsante in fondo alla vetrina: si raggiunge senza tornare su */
.vetrina__tutti{margin:clamp(1.5rem,3vw,2.4rem) 0 0;text-align:center}
.sec__head--row .lead{margin:.8rem 0 0;max-width:36rem;color:var(--muted)}
/* Pulsanti nelle schede: testo centrato anche quando va a capo. */
.btn,.shop .button{text-align:center}
.pcard .btn,.shop ul.products li.product .button{letter-spacing:.05em;line-height:1.25}
/* Prezzo scontato: niente sottolineatura del browser, colore dell'offerta. */
.pcard__price ins{text-decoration:none;color:var(--avviso)}
.pcard__price del{font-weight:400;opacity:.6;margin-right:.35rem}
/* Colonna filtri piu' larga: a 15rem le sottocategorie andavano a capo tre volte. */
@media (min-width:900px){
.pshop-impaginato{grid-template-columns:18rem minmax(0,1fr);gap:2.2rem}
}
.pshop-lato__gruppo ul ul{margin-left:.35rem;padding-left:.55rem}
.pshop-lato__gruppo a{line-height:1.3}
/* Schede del negozio senza descrizione: il testo importato da PrestaShop e'
disordinato e allungava le schede. Restano nome, prezzo, disponibilita'. */
.shop ul.products li.product .pshop__excerpt{display:none}
.shop ul.products li.product .price{padding-bottom:.5rem}
/* Striscia di fiducia sul telefono: icona piccola accanto al testo, una voce
per riga. In colonna occupava una schermata intera. */
@media (max-width:559px){
.fiducia__lista{grid-template-columns:1fr;gap:.9rem;padding-block:1.2rem}
.fiducia__voce{flex-direction:row;align-items:center;gap:.8rem}
.fiducia__icona{width:2.5rem;height:2.5rem}
.fiducia__icona svg{width:1.25rem;height:1.25rem}
.fiducia__testo strong{font-size:1rem}
.fiducia__testo span{font-size:.92rem}
}
.fiducia__testo a{color:var(--wheat-d);font-weight:600}
/* Indirizzi email e link lunghi possono andare a capo: con il testo a 18px
info@farinasenatorecappelli.it allargava la sezione contatti oltre lo schermo. */
.info dd,.info a,.fiducia__testo a,.site-footer a{overflow-wrap:anywhere}
.info>div,.info dd{min-width:0}
/* ---------- scheda prodotto ---------- */
/* Fascia sottile: serve solo a stare sotto l'intestazione fissa. */
.page-hero--sottile{padding:clamp(6.2rem,9vw,7.4rem) 0 1.1rem}
.torna{display:inline-flex;align-items:center;gap:.5rem;color:var(--on-dark);text-decoration:none;font-size:1rem}
.torna::before{content:"←";color:var(--wheat)}
.torna:hover{color:var(--wheat)}
.sec--scheda{padding-top:clamp(1.5rem,4vw,3rem)}
.shop div.product{gap:clamp(1.5rem,4vw,3.5rem)}
@media (min-width:900px){.shop div.product{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}
.shop .woocommerce-product-gallery{border:1px solid var(--line)}
.shop div.product .summary{display:flex;flex-direction:column}
.shop div.product .product_title{font:400 clamp(1.9rem,3.6vw,2.8rem)/1.12 var(--serif);margin:0 0 .8rem;color:var(--ink)}
/* Prezzo grande e in grassetto, come nelle schede del negozio. */
.shop div.product .summary .price{font:700 clamp(1.7rem,3vw,2.1rem)/1.2 var(--sans);color:var(--ink);margin:0 0 .6rem}
.shop div.product .summary .price del{font-size:.7em}
.shop div.product .summary .pshop__stock{margin:0 0 1.2rem;font-size:1rem}
/* Quantita' e pulsante su una riga, alti e facili da toccare. */
.shop div.product form.cart{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 1.4rem;padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:6px}
.shop div.product form.cart .quantity input.qty{width:5.5rem;min-height:3.4rem;font-size:1.1rem}
.shop div.product .single_add_to_cart_button{flex:1 1 12rem;min-height:3.4rem;font-size:.95rem}
/* Ingredienti e caratteristiche: ordinati in un riquadro, dopo l'acquisto. */
.shop div.product .woocommerce-product-details__short-description{order:10;font-size:1.05rem;line-height:1.6;margin:1.4rem 0 0;padding-top:1.4rem;border-top:1px solid var(--line)}
.shop div.product .woocommerce-product-details__short-description p{margin:0 0 .5rem}
.shop div.product .woocommerce-product-details__short-description strong{color:var(--ink)}
.shop div.product .product_meta{order:11;margin-top:1.2rem}
.shop .pshop__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .4rem}
.shop .pshop__badges li{font:600 .78rem/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:.5rem .7rem;border:1px solid var(--line);border-radius:2px;color:var(--wheat-d);background:#fff}
.shop .pshop__badges li::before{content:none}
/* ---------- galleria della scheda prodotto ----------
Lo stile di WooCommerce e' disattivato: qui il minimo che serve al cursore
(flexslider) e alle miniature. */
.shop .woocommerce-product-gallery{position:relative;background:#fff}
.shop .woocommerce-product-gallery .flex-viewport{border-radius:6px 6px 0 0}
.shop .woocommerce-product-gallery__wrapper{margin:0}
.shop .woocommerce-product-gallery__image a{display:block}
.shop .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:.5rem;list-style:none;background:#fff;border-top:1px solid var(--line)}
.shop .flex-control-thumbs li{margin:0}
.shop .flex-control-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:3px;cursor:pointer;opacity:.55;border:2px solid transparent;transition:opacity .2s,border-color .2s}
.shop .flex-control-thumbs img:hover{opacity:.85}
.shop .flex-control-thumbs img.flex-active{opacity:1;border-color:var(--wheat)}
/* Senza cursore attivo (una sola foto) WooCommerce non crea le miniature:
nascondiamo eventuali foto oltre la prima, invece di impilarle. */
.shop .woocommerce-product-gallery:not(:has(.flex-viewport)) .woocommerce-product-gallery__image:not(:first-child){display:none}
/* WooCommerce mostra la lente solo con lo zoom al passaggio del mouse, che
teniamo spento: l'ingrandimento si apre toccando la foto. Lo diciamo. */
.shop .woocommerce-product-gallery__image a{cursor:zoom-in}
.shop .woocommerce-product-gallery::after{content:"Tocca la foto per ingrandirla";display:block;padding:.6rem .8rem .8rem;background:#fff;color:var(--muted);font-size:.9rem;text-align:center;border-top:1px solid var(--line)}
/* Su telefono la fascia della scheda e' alta solo quanto l'intestazione fissa:
cosi' foto, prezzo e pulsante stanno nella prima schermata. */
@media (max-width:899px){
.page-hero--sottile{padding:5.2rem 0 .7rem}
.sec--scheda{padding-top:1rem}
.shop .woocommerce-product-gallery::after{padding:.45rem .6rem .55rem;font-size:.85rem}
.shop .flex-control-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;padding:.4rem}
}
/* ---------- barra di acquisto (solo telefono) ---------- */
.barra-acquisto{position:fixed;z-index:60;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.8rem;padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);box-shadow:0 -12px 30px -18px rgba(0,0,0,.35)}
.barra-acquisto[hidden]{display:none}
.barra-acquisto__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.1rem}
.barra-acquisto__nome{font-size:.85rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.barra-acquisto__prezzo{font:700 1.2rem/1.1 var(--sans);color:var(--ink)}
.barra-acquisto__prezzo del{font-size:.75em;font-weight:400;opacity:.6;margin-right:.3rem}
.barra-acquisto__prezzo ins{text-decoration:none;color:var(--avviso)}
.barra-acquisto .btn{flex:0 0 auto;min-height:3.2rem;padding:.8rem 1.1rem}
/* spazio in fondo, cosi' la barra non copre il piè di pagina */
body.con-barra-acquisto{padding-bottom:5rem}
@media (min-width:900px){.barra-acquisto{display:none!important}}
/* ---------- icona del carrello nell'intestazione ---------- */
.site-header__in{justify-content:flex-start;gap:1rem}
.nav{margin-left:auto}
.header-carrello{flex:0 0 auto;margin-left:1.4rem}
.cart-link{position:relative;display:inline-grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;color:var(--on-dark);text-decoration:none;transition:background .25s,color .25s}
.cart-link:hover{background:rgba(233,224,207,.12);color:var(--wheat)}
.cart-link__icona{width:1.55rem;height:1.55rem}
/* Il numero di pezzi sta sull'angolo dell'icona, grande abbastanza da leggersi. */
.cart-link__n{position:absolute;top:-.1rem;right:-.2rem;min-width:1.35rem;height:1.35rem;padding:0 .3rem;font:700 .78rem/1 var(--sans);border:2px solid var(--ink)}
@media (max-width:900px){
.header-carrello{margin-left:auto}
.burger{margin-left:.2rem}
}
/* ---------- anteprima del carrello ---------- */
.carrello-anteprima{position:fixed;inset:0;z-index:300}
.carrello-anteprima[hidden]{display:none}
.carrello-anteprima__velo{position:absolute;inset:0;background:rgba(21,17,12,.55);opacity:0;transition:opacity .3s}
.carrello-anteprima__pannello{position:absolute;top:0;right:0;bottom:0;width:min(27rem,92vw);display:flex;flex-direction:column;background:#fff;color:var(--text);box-shadow:-20px 0 50px -20px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .35s var(--ease);outline:none}
.carrello-anteprima.is-aperto .carrello-anteprima__velo{opacity:1}
.carrello-anteprima.is-aperto .carrello-anteprima__pannello{transform:none}
@media (prefers-reduced-motion:reduce){.carrello-anteprima__velo,.carrello-anteprima__pannello{transition:none}}
.carrello-anteprima__testa{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--line);background:var(--cream)}
.carrello-anteprima__testa h2{font:400 1.6rem/1.1 var(--serif);margin:0;color:var(--ink)}
.carrello-anteprima__chiudi{display:grid;place-items:center;width:2.9rem;height:2.9rem;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.carrello-anteprima__chiudi svg{width:1.3rem;height:1.3rem}
.carrello-anteprima .widget_shopping_cart_content{flex:1;display:flex;flex-direction:column;min-height:0}
/* Elenco dei prodotti (markup di woocommerce_mini_cart) */
.carrello-anteprima .woocommerce-mini-cart{flex:1;overflow-y:auto;margin:0;padding:.4rem 1.3rem;list-style:none}
.carrello-anteprima .woocommerce-mini-cart-item{position:relative;display:grid;grid-template-columns:4.5rem 1fr;grid-template-rows:auto auto;column-gap:.9rem;align-items:start;padding:1rem 2.6rem 1rem 0;border-bottom:1px solid var(--line)}
.carrello-anteprima .woocommerce-mini-cart-item>a:not(.remove){grid-column:1/-1;display:grid;grid-template-columns:4.5rem 1fr;column-gap:.9rem;align-items:center;text-decoration:none;color:var(--ink);font-weight:500;line-height:1.3}
.carrello-anteprima .woocommerce-mini-cart-item img{grid-row:1/3;width:4.5rem;height:4.5rem;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.carrello-anteprima .woocommerce-mini-cart-item .quantity{grid-column:2;margin-top:.35rem;font-size:1rem;color:var(--muted)}
.carrello-anteprima .woocommerce-mini-cart-item .quantity .amount{font-weight:700;color:var(--ink)}
.carrello-anteprima .woocommerce-mini-cart-item .remove{position:absolute;top:1rem;right:0;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:1.3rem;line-height:1}
.carrello-anteprima .woocommerce-mini-cart-item .remove:hover{color:#fff;background:var(--avviso);border-color:var(--avviso)}
.carrello-anteprima .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:baseline;margin:0;padding:1.1rem 1.3rem .6rem;border-top:1px solid var(--line);font-size:1.05rem}
.carrello-anteprima .woocommerce-mini-cart__total .amount{font:700 1.45rem/1 var(--sans);color:var(--ink)}
.carrello-anteprima .woocommerce-mini-cart__buttons{display:grid;gap:.6rem;margin:0;padding:.6rem 1.3rem calc(1.3rem + env(safe-area-inset-bottom))}
.carrello-anteprima .woocommerce-mini-cart__buttons .button{display:flex;align-items:center;justify-content:center;min-height:3.2rem;padding:.9rem 1rem;border-radius:2px;font:600 .86rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;text-align:center}
.carrello-anteprima .woocommerce-mini-cart__buttons .button:not(.checkout){background:#fff;color:var(--ink);border:1px solid var(--ink)}
.carrello-anteprima .woocommerce-mini-cart__buttons .button.checkout{order:-1;background:var(--wheat);color:var(--ink);border:1px solid var(--wheat)}
.carrello-anteprima .woocommerce-mini-cart__empty-message{margin:auto;padding:2rem 1.3rem;text-align:center;font-size:1.1rem;color:var(--muted)}
.carrello-anteprima .blockUI.blockOverlay{background:rgba(255,255,255,.6)!important}
body.carrello-aperto{overflow:hidden}
/* Riga del carrello: foto a sinistra, nome e quantita' uno sotto l'altro a destra.
Il link di WooCommerce racchiude foto e nome: con display:contents i due
entrano direttamente nella griglia della riga. */
.carrello-anteprima .woocommerce-mini-cart-item{grid-template-rows:auto 1fr;align-content:start;row-gap:.3rem}
.carrello-anteprima .woocommerce-mini-cart-item>a:not(.remove){display:contents;text-decoration:none;color:var(--ink);font-weight:500;line-height:1.3}
.carrello-anteprima .woocommerce-mini-cart-item>a:not(.remove) img{grid-column:1;grid-row:1/3}
.carrello-anteprima .woocommerce-mini-cart-item .quantity{grid-column:2;grid-row:2;margin-top:0}
/* "Continua gli acquisti": un link discreto, chiude il pannello. */
.carrello-anteprima .woocommerce-mini-cart__buttons .button.continua{min-height:2.8rem;border:0;background:none;color:var(--wheat-d);text-transform:none;letter-spacing:0;font-size:1rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
/* =====================================================================
Layout moderno
===================================================================== */
/* Angoli piu' morbidi sulle schede e sulle foto (i pulsanti restano squadrati). */
:root{--raggio:14px}
.card,.pcard,.split__media--photo,.shop ul.products li.product,.shop .woocommerce-product-gallery,.pshop-lato__box{border-radius:var(--raggio)}
.pcard__img img,.shop ul.products li.product img{border-radius:0}
.shop ul.products li.product,.pcard{box-shadow:0 1px 2px rgba(42,33,24,.06),0 14px 30px -22px rgba(42,33,24,.45);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.shop ul.products li.product:hover,.pcard:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(42,33,24,.06),0 26px 40px -24px rgba(42,33,24,.5)}
@media (prefers-reduced-motion:reduce){.shop ul.products li.product:hover,.pcard:hover{transform:none}}
/* La spiga ha lo sfondo bianco: col "moltiplica" il bianco sparisce nel crema
e non sembra piu' un'immagine incollata in un riquadro. */
#farina .split__media{border-radius:0;overflow:hidden} /* ritaglio: la spiga e ingrandita del 15 per cento per il movimento */
#farina .split__media img{mix-blend-mode:multiply}
/* ---------- file da scorrere col dito (solo telefono) ---------- */
.scorri-suggerimento{display:none}
@media (max-width:759px){
.scorri{display:grid;grid-auto-flow:column;grid-auto-columns:80%;grid-template-columns:none;gap:.9rem;
overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);
/* la fila arriva ai bordi dello schermo, il contenuto resta allineato al testo */
margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .8rem;scrollbar-width:none}
.scorri::-webkit-scrollbar{display:none}
.scorri>*{scroll-snap-align:start}
.scorri-suggerimento{display:flex;align-items:center;gap:.5rem;margin:-1.2rem 0 1.2rem;font-size:.95rem;color:var(--muted)}
.scorri-suggerimento::after{content:"→";color:var(--wheat-d);font-size:1.1rem}
/* Proprieta': da celle a schede separate, per scorrerle una per una. */
.props.scorri{background:none;border:0}
.props.scorri .prop{border:1px solid var(--line);border-radius:var(--raggio);background:#fff;padding:1.4rem 1.3rem}
.props.scorri .prop--cta{background:var(--ink);border-color:var(--ink)}
.props.scorri .prop__n{margin-bottom:.9rem}
.props.scorri .prop p{font-size:1rem}
}
/* ---------- piè di pagina: quattro colonne, due su telefono ---------- */
.site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.2rem 1.4rem}
.site-footer__grid>:first-child{grid-column:1/-1}
@media (min-width:900px){
.site-footer__grid{grid-template-columns:1.5fr 1fr 1.1fr 1fr}
.site-footer__grid>:first-child{grid-column:auto}
}
.site-footer{font-size:1rem}
.site-footer li+li{margin-top:.7rem}
.site-footer h3{font-size:.85rem}
/* ---------- contatti: su telefono etichetta sopra, valore sotto ----------
Cosi' l'email ha tutta la riga e non va a capo a meta' parola. */
@media (max-width:559px){
.info div{grid-template-columns:1fr;gap:.15rem}
.info dt{font-size:.85rem}
}
/* ---------- hero: pulsanti a tutta riga su telefono ---------- */
@media (max-width:559px){
.hero__cta{display:grid;grid-template-columns:1fr;gap:.7rem}
.hero__cta .btn{width:100%}
}
@media (max-width:899px){.site-footer__grid>:last-child{grid-column:1/-1}} /* "Seguici" a tutta riga: l email non sta in mezza colonna */
/* Dopo un aggiunta WooCommerce mette un link "Visualizza carrello" accanto al
pulsante: e un doppione, si apre gia l anteprima. Stato di caricamento visibile. */
.pcard a.added_to_cart,.shop ul.products a.added_to_cart{display:none}
.ajax_add_to_cart.loading{opacity:.6;pointer-events:none}
/* Dopo l'aggiunta il pulsante dice "Aggiunto" per qualche secondo (main.js). */
.ajax_add_to_cart.is-aggiunto,.ajax_add_to_cart.is-aggiunto:hover{background:var(--ink);border-color:var(--ink);color:var(--cream)}
/* =====================================================================
Carrello, cassa e account
===================================================================== */
/* La colonna non deve allargarsi oltre lo schermo per far stare il codice
sconto su una riga: su telefono la pagina sbordava a 431px. */
.woocommerce-cart .shop .woocommerce{grid-template-columns:minmax(0,1fr)}
@media (min-width:960px){.woocommerce-cart .shop .woocommerce{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
/* Fascia del titolo piu' bassa: qui conta il contenuto, non l'impatto. */
.woocommerce-cart .page-hero,.woocommerce-checkout .page-hero,.woocommerce-account .page-hero{padding:clamp(6.5rem,10vw,8rem) 0 clamp(1.4rem,3vw,2.2rem)}
.woocommerce-cart .page-hero h1,.woocommerce-checkout .page-hero h1,.woocommerce-account .page-hero h1{font-size:clamp(2rem,4.5vw,3rem)}
.woocommerce-cart .sec--cream,.woocommerce-checkout .sec--cream,.woocommerce-account .sec--cream{padding-top:clamp(1.5rem,4vw,3rem)}
/* Tabella prodotti */
.shop table.shop_table.cart{border:1px solid var(--line);border-radius:var(--raggio)}
.shop td.product-name a{color:var(--ink)}
/* Riga del codice sconto: campo e pulsante affiancati, a capo se serve. */
.shop td.actions{padding:1rem 1.1rem}
.shop .coupon{float:none;display:flex;flex-wrap:wrap;gap:.6rem;width:100%}
.shop .coupon input.input-text{flex:1 1 11rem;width:auto;min-width:0}
.shop .coupon .button{flex:0 0 auto;white-space:nowrap}
/* "Aggiorna carrello" non serve: il carrello si aggiorna da solo (main.js).
Resta nel codice per chi naviga senza JavaScript. */
.js .shop button[name="update_cart"]{display:none}
/* Quantita' con pulsanti - e + (aggiunti da main.js) */
.qta{display:inline-flex;align-items:stretch;border:1px solid var(--line);border-radius:4px;background:#fff;overflow:hidden}
.qta button{width:2.9rem;min-height:2.9rem;border:0;background:var(--cream);color:var(--ink);font:500 1.35rem/1 var(--sans);cursor:pointer}
.qta button:hover{background:var(--cream-2)}
.qta button:disabled{opacity:.35;cursor:default}
.shop .qta input.qty{width:3.2rem;min-height:2.9rem;height:auto;border:0;border-inline:1px solid var(--line);border-radius:0;text-align:center;font:600 1.05rem var(--sans);padding:0;-moz-appearance:textfield}
.shop .qta input.qty::-webkit-outer-spin-button,.shop .qta input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.shop div.product form.cart .qta{min-height:3.4rem}
.shop div.product form.cart .qta button{min-height:3.4rem}
.shop div.product form.cart .qta input.qty{width:3.6rem;min-height:3.4rem}
/* Totali: etichetta a sinistra, cifra a destra, su qualunque schermo. */
.shop .cart_totals{border:1px solid var(--line);border-radius:var(--raggio);box-shadow:0 14px 30px -24px rgba(42,33,24,.4)}
.shop .cart_totals h2{font-size:1.5rem;margin-bottom:.6rem}
.shop .cart_totals table.shop_table,.shop .cart_totals table.shop_table tbody{display:block;width:100%;border:0}
.shop .cart_totals table.shop_table tr{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.shop .cart_totals table.shop_table tr:last-child{border-bottom:0}
.shop .cart_totals table.shop_table th,.shop .cart_totals table.shop_table td{display:block;padding:0;border:0;font-size:1rem}
.shop .cart_totals table.shop_table th{font-weight:600;color:var(--ink)}
.shop .cart_totals table.shop_table td{text-align:right}
.shop .cart_totals table.shop_table td::before{content:none}
.shop .cart_totals tr.woocommerce-shipping-totals td{flex:1 1 100%;text-align:left}
.shop .cart_totals tr.order-total th,.shop .cart_totals tr.order-total td{font-size:1.15rem}
.shop .cart_totals tr.order-total .amount{font:700 1.4rem/1 var(--sans);color:var(--ink)}
.shop .cart_totals .woocommerce-shipping-destination{font-size:.9rem;color:var(--muted);margin:.4rem 0 0}
.shop .cart_totals .shipping-calculator-button{font-size:.95rem;color:var(--wheat-d)}
/* Carrello vuoto */
.shop .cart-empty.woocommerce-info{font-size:1.15rem;justify-content:center;text-align:center;padding:2rem 1.2rem}
.shop .return-to-shop{text-align:center;margin-top:1.4rem}
/* "(inclusi 2,01 € IVA)": una nota, non un secondo prezzo. */
.shop .order-total small,.shop .order-total small .amount,.shop .order-total .includes_tax,.shop .order-total .includes_tax .amount{font:400 .85rem/1.3 var(--sans)!important;color:var(--muted)!important}
.shop .order-total .includes_tax{display:block;margin-top:.3rem}
/* ---------- "Ti avvisiamo noi quando torna disponibile" ----------
Lo stile del plugin e il suo Bootstrap sono tolti (Shop::boot). */
.cwginstock-subscribe-form{margin:0 0 1.4rem;padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.cwginstock-subscribe-form .panel,.cwginstock-subscribe-form .panel-heading,.cwginstock-subscribe-form .panel-body,
.cwginstock-subscribe-form .row,.cwginstock-subscribe-form [class*="col-"]{margin:0;padding:0;border:0;background:none;box-shadow:none;width:auto;float:none}
.cwginstock-subscribe-form h4{margin:0 0 .4rem;font:400 1.35rem/1.25 var(--serif);color:var(--ink);text-align:left!important}
.cwginstock-subscribe-form .panel-heading::after{content:"Lascia la tua email: ti scriviamo appena è di nuovo in vendita.";display:block;margin:0 0 1rem;font-size:.98rem;color:var(--muted)}
.cwginstock-subscribe-form__form{display:flex;flex-wrap:wrap;gap:.6rem}
.cwginstock-subscribe-form .form-group{margin:0;text-align:left!important}
.cwginstock-subscribe-form .form-group:first-child{flex:1 1 13rem}
.cwginstock-subscribe-form input.cwgstock_email{width:100%!important;min-height:3.1rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:4px;background:var(--cream);font:400 1.05rem var(--sans);color:var(--text);text-align:left!important}
.cwginstock-subscribe-form input.cwgstock_email:focus{outline:3px solid var(--wheat);border-color:transparent}
.cwginstock-subscribe-form .cwgstock_button{min-height:3.1rem;padding:.9rem 1.5rem;border:0;border-radius:2px;background:var(--ink);color:var(--cream);font:600 .86rem/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;width:100%}
.cwginstock-subscribe-form .cwgstock_button:hover{background:var(--wheat-d)}
@media (min-width:560px){.cwginstock-subscribe-form .cwgstock_button{width:auto}}
.cwginstock-subscribe-form .cwgstock_output{flex:1 1 100%}
.cwginstock-subscribe-form .cwginstocksuccess{margin:.4rem 0 0;color:var(--ok);font-weight:600}
.cwginstock-subscribe-form .cwginstockerror{margin:.4rem 0 0;color:var(--avviso);font-weight:600}
/* Nelle schede del negozio il plugin mette un pulsante "Avvisami" sui prodotti esauriti. */
.shop ul.products li.product .cwg_popup_submit,.shop ul.products li.product .cwginstock-subscribe-form{margin:0 1.4rem 1.4rem}
.cwginstock-subscribe-form .form-group:has(.cwgstock_button){flex:1 1 100%}
@media (min-width:560px){.cwginstock-subscribe-form .form-group:has(.cwgstock_button){flex:0 0 auto}}
/* ---------- selettore di lingua ---------- */
.lingue{display:flex;align-items:center;gap:.15rem;margin-left:1.4rem;font:600 .85rem/1 var(--sans);letter-spacing:.06em}
.lingue a,.lingue__attiva{display:inline-grid;place-items:center;min-width:2.6rem;height:2.6rem;border-radius:2px;color:var(--on-dark);text-decoration:none}
.lingue__attiva{color:var(--wheat)}
.lingue a{opacity:.8}
.lingue a:hover{opacity:1;background:rgba(233,224,207,.12)}
.lingue>*+*{border-left:1px solid rgba(233,224,207,.25);border-radius:0}
.header-carrello{margin-left:.6rem}
@media (max-width:900px){
.lingue{margin-left:auto}
.header-carrello{margin-left:.2rem}
}
/* ---------- testi scritti nel CSS: versione inglese ----------
TranslatePress non vede i testi in "content:", quindi li cambiamo
in base alla lingua della pagina (). */
html[lang^="en"] .shop .woocommerce-product-gallery::after{content:"Tap the photo to zoom in"}
html[lang^="en"] .cwginstock-subscribe-form .panel-heading::after{content:"Leave your email and we will write to you as soon as it is back."}
/* Tabelle nelle pagine di testo (tariffe di spedizione): leggibili anche a 390px */
.prose table:not(.shop_table):not(.variations):not(.tabella-voci){width:100%;border-collapse:collapse;margin:1.4rem 0 1.8rem;font-size:.98rem;background:#fff;border-radius:var(--raggio);overflow:hidden}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) th,.prose table:not(.shop_table):not(.variations):not(.tabella-voci) td{padding:.7rem .8rem;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) th:first-child,.prose table:not(.shop_table):not(.variations):not(.tabella-voci) td:first-child{text-align:left;white-space:normal}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) thead th{font:600 .78rem var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:normal;vertical-align:bottom}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) tbody tr:last-child td{border-bottom:0}
@media (max-width:600px){
.prose table:not(.shop_table):not(.variations):not(.tabella-voci){font-size:.84rem}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) th,.prose table:not(.shop_table):not(.variations):not(.tabella-voci) td{padding:.55rem .35rem}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) th:first-child,.prose table:not(.shop_table):not(.variations):not(.tabella-voci) td:first-child{padding-left:.7rem}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) th:last-child,.prose table:not(.shop_table):not(.variations):not(.tabella-voci) td:last-child{padding-right:.7rem}
.prose table:not(.shop_table):not(.variations):not(.tabella-voci) thead th{font-size:.66rem;letter-spacing:.02em}
}
/* Scelta del formato (prodotti variabili): etichetta sopra, tendina larga */
.variations_form table.variations,.variations_form table.variations tbody,.variations_form table.variations tr,.variations_form table.variations th,.variations_form table.variations td{display:block;width:100%;padding:0;border:0;background:none}
.variations_form table.variations{margin:0 0 1rem}
.variations_form table.variations tr+tr{margin-top:1rem}
.variations_form table.variations th.label{padding:0 0 .45rem;text-align:left}
.variations_form table.variations th.label label{font:600 .8rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.variations_form table.variations select{width:100%;min-height:52px;padding:0 2.6rem 0 1rem;font:500 1.05rem var(--sans);color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23231f1a' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 1rem center;border:1px solid var(--line);border-radius:var(--raggio);appearance:none;-webkit-appearance:none;cursor:pointer}
.variations_form table.variations select:focus{outline:2px solid var(--wheat-d);outline-offset:1px}
.variations_form .reset_variations{display:inline-block;margin-top:.5rem;font-size:.85rem;color:var(--muted)}
.variations_form .woocommerce-variation-price .price{display:block;margin:.2rem 0 .3rem}
/* ==========================================================================
Carrello e cassa, versione a schede (sostituisce la tabella a colonne)
Ogni prodotto: foto | nome, formato, prezzo | quantita' | totale | togli.
Sul telefono: foto e nome in alto, quantita' e totale sotto.
========================================================================== */
.shop table.shop_table.cart{display:block;border:1px solid var(--line);border-radius:var(--raggio);background:#fff;overflow:hidden}
.shop table.shop_table.cart thead{display:none}
.shop table.shop_table.cart tbody{display:block}
.shop table.shop_table.cart tr.cart_item{position:static;display:grid;grid-template-columns:5rem minmax(0,1fr) auto 6.5rem 2rem;grid-template-areas:"foto nome qta totale togli" "foto prezzo qta totale togli";align-items:center;gap:.25rem 1.2rem;padding:1.2rem 1.3rem;border-bottom:1px solid var(--line)}
.shop table.shop_table.cart tr.cart_item td{display:block;position:static;order:0;width:auto;margin:0;padding:0;border:0;flex:none}
.shop table.shop_table.cart tr.cart_item td::before{content:none}
.shop table.shop_table.cart td.product-thumbnail{grid-area:foto;align-self:start}
.shop table.shop_table.cart td.product-thumbnail img{display:block;width:5rem;height:5rem;object-fit:cover;border-radius:10px;background:var(--cream)}
.shop table.shop_table.cart td.product-name{grid-area:nome;align-self:end;min-width:0}
.shop table.shop_table.cart td.product-name>a{font:400 1.15rem/1.25 var(--serif);color:var(--ink);text-decoration:none;overflow-wrap:anywhere}
.shop table.shop_table.cart td.product-name>a:hover{color:var(--wheat-d)}
.shop dl.variation{display:flex;flex-wrap:wrap;gap:0 .3rem;margin:.3rem 0 0;font-size:.92rem;color:var(--muted)}
.shop dl.variation dt,.shop dl.variation dd{margin:0;padding:0;font-weight:400;float:none}
.shop dl.variation dd p{margin:0}
.shop table.shop_table.cart td.product-price{grid-area:prezzo;align-self:start;font-size:.92rem;color:var(--muted)}
.shop table.shop_table.cart td.product-price::after{content:" cad."}
html[lang^="en"] .shop table.shop_table.cart td.product-price::after{content:" each"}
.shop table.shop_table.cart td.product-quantity{grid-area:qta}
.shop table.shop_table.cart td.product-subtotal{grid-area:totale;text-align:right;font:700 1.12rem var(--sans);color:var(--ink);white-space:nowrap}
.shop table.shop_table.cart td.product-remove{grid-area:togli;justify-self:end}
.shop table.shop_table.cart tr:not(.cart_item){display:block}
.shop table.shop_table.cart td.actions{display:block;padding:1.1rem 1.3rem;background:var(--cream);border:0}
@media (max-width:680px){
.shop table.shop_table.cart tr.cart_item{grid-template-columns:4.5rem minmax(0,1fr) auto;grid-template-areas:"foto nome togli" "foto prezzo prezzo" "qta qta totale";gap:.2rem .9rem;padding:1.1rem}
.shop table.shop_table.cart td.product-thumbnail img{width:4.5rem;height:4.5rem}
.shop table.shop_table.cart td.product-name{align-self:start}
.shop table.shop_table.cart td.product-name>a{font-size:1.08rem}
.shop table.shop_table.cart td.product-remove{align-self:start}
.shop table.shop_table.cart td.product-quantity,.shop table.shop_table.cart td.product-subtotal{margin-top:.9rem}
.shop table.shop_table.cart td.actions{padding:1rem 1.1rem}
}
/* Barra "Ti mancano X € per la spedizione gratuita" */
.soglia-gratis{margin:0 0 1.2rem;padding:1rem 1.2rem 1.1rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.soglia-gratis__testo{display:flex;align-items:center;gap:.7rem;margin:0 0 .7rem;font-size:1rem;line-height:1.4;color:var(--ink)}
.soglia-gratis__testo svg{flex:0 0 1.6rem;width:1.6rem;height:1.6rem;color:var(--wheat-d)}
.soglia-gratis__barra{height:.5rem;border-radius:99px;background:var(--cream);overflow:hidden}
.soglia-gratis__barra span{display:block;height:100%;border-radius:inherit;background:var(--wheat);transition:width .5s var(--ease)}
.soglia-gratis.is-raggiunta .soglia-gratis__barra span{background:var(--ink)}
.carrello-anteprima .soglia-gratis{margin:0 0 1rem;padding:.9rem 1rem;background:var(--cream)}
.carrello-anteprima .soglia-gratis__barra{background:#fff}
/* Cassa: riepilogo dell'ordine come i totali del carrello */
.shop #order_review{border:1px solid var(--line);border-radius:var(--raggio);padding:1.4rem 1.5rem;box-shadow:0 14px 30px -24px rgba(42,33,24,.4)}
.shop table.woocommerce-checkout-review-order-table,.shop table.woocommerce-checkout-review-order-table tbody,.shop table.woocommerce-checkout-review-order-table tfoot{display:block;width:100%;border:0;background:none}
.shop table.woocommerce-checkout-review-order-table thead{display:none}
.shop table.woocommerce-checkout-review-order-table tr{position:static;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.3rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.shop table.woocommerce-checkout-review-order-table tr:last-child{border-bottom:0}
.shop table.woocommerce-checkout-review-order-table th,.shop table.woocommerce-checkout-review-order-table td{display:block;order:0;width:auto;margin:0;padding:0;border:0;text-align:left;font-size:1rem}
.shop table.woocommerce-checkout-review-order-table td::before{content:none}
.shop table.woocommerce-checkout-review-order-table td.product-name{flex:1 1 0;min-width:0;color:var(--ink)}
.shop table.woocommerce-checkout-review-order-table td.product-name .product-quantity{font-weight:600;color:var(--muted);white-space:nowrap}
.shop table.woocommerce-checkout-review-order-table td.product-total,.shop table.woocommerce-checkout-review-order-table tfoot td{margin-left:auto;text-align:right;white-space:nowrap}
.shop table.woocommerce-checkout-review-order-table tfoot th{font-weight:600;color:var(--ink)}
.shop table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals td{flex:1 1 100%;margin:0;text-align:left;white-space:normal}
.shop table.woocommerce-checkout-review-order-table tr.order-total{padding-top:1.1rem}
.shop table.woocommerce-checkout-review-order-table tr.order-total th{font-size:1.15rem}
.shop table.woocommerce-checkout-review-order-table tr.order-total .amount{font:700 1.45rem/1 var(--sans);color:var(--ink)}
.shop table.woocommerce-checkout-review-order-table .includes_tax{display:block;margin-top:.3rem;font-size:.85rem;font-weight:400;color:var(--muted)}
/* Cassa: "Spedire a un indirizzo diverso?" e' una casella, non un titolo */
.shop #ship-to-different-address{margin:1.4rem 0 .6rem;font:500 1.02rem/1.4 var(--sans)}
.shop #ship-to-different-address label{display:flex;align-items:center;gap:.7rem;cursor:pointer}
.shop input[type="checkbox"],.shop input[type="radio"]{width:1.25rem;height:1.25rem;margin:0;flex:0 0 auto;accent-color:var(--ink)}
/* Cassa: metodi di pagamento come schede da toccare */
.shop #payment ul.payment_methods{gap:.7rem;padding:0;list-style:none}
.shop #payment ul.payment_methods li{padding:1rem 1.1rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}
.shop #payment ul.payment_methods li:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.shop #payment ul.payment_methods li>input{vertical-align:-.2rem;margin-right:.6rem}
.shop #payment ul.payment_methods li>label{display:inline;font-size:1.02rem;cursor:pointer}
.shop #payment .payment_box{margin:.8rem 0 0}
.shop table.shop_table.cart td.product-name{white-space:normal}
.shop #payment ul.payment_methods li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.7rem;align-items:center}
.shop #payment ul.payment_methods li>input{margin:0}
.shop #payment ul.payment_methods li>.payment_box{grid-column:1/-1}
/* ==========================================================================
Vetrina: foto del prodotto a tutto schermo (main.js, al posto di PhotoSwipe)
========================================================================== */
html.vetrina-aperta,html.vetrina-aperta body{overflow:hidden}
.vetrina{position:fixed;inset:0;z-index:1000;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(22,18,14,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);opacity:0;transition:opacity .25s var(--ease)}
.vetrina.is-aperta{opacity:1}
.vetrina[hidden]{display:none}
.vetrina__barra{display:flex;align-items:center;gap:1rem;padding:.9rem clamp(1rem,3vw,2rem)}
.vetrina__titolo{flex:1;min-width:0;margin:0;font:400 clamp(1.05rem,2vw,1.3rem)/1.25 var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vetrina__conta{margin:0;font:500 .95rem var(--sans);color:rgba(246,239,226,.75);white-space:nowrap}
.vetrina__chiudi{display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.1rem 0 .9rem;border:1px solid rgba(246,239,226,.35);border-radius:99px;background:rgba(246,239,226,.08);color:var(--cream);font:600 .95rem var(--sans);cursor:pointer;transition:background .2s,border-color .2s}
.vetrina__chiudi:hover,.vetrina__chiudi:focus-visible{background:var(--cream);border-color:var(--cream);color:var(--ink)}
.vetrina__chiudi svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.vetrina__pista{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:0}
.vetrina__pista::-webkit-scrollbar{display:none}
.vetrina.is-zoom .vetrina__pista{overflow:hidden;touch-action:none}
.vetrina__foto{flex:0 0 100%;display:grid;place-items:center;margin:0;padding:.5rem clamp(1rem,7vw,6rem);scroll-snap-align:center;min-height:0;overflow:hidden}
.vetrina__foto img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff;border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7);cursor:zoom-in;user-select:none;-webkit-user-drag:none;transform:scale(.96);transition:transform .35s var(--ease)}
.vetrina.is-aperta .vetrina__foto img{transform:none}
.vetrina__foto.is-zoom{overflow:hidden}
.vetrina__foto.is-zoom img{transform:scale(2.2);cursor:zoom-out;border-radius:18px}
.vetrina__freccia{position:absolute;top:50%;width:3.4rem;height:3.4rem;margin-top:-1.7rem;display:grid;place-items:center;border:1px solid rgba(246,239,226,.3);border-radius:50%;background:rgba(22,18,14,.55);color:var(--cream);cursor:pointer;transition:background .2s,opacity .2s}
.vetrina__freccia:hover:not(:disabled){background:var(--wheat);border-color:var(--wheat);color:var(--ink)}
.vetrina__freccia:disabled{opacity:.25;cursor:default}
.vetrina__freccia svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.vetrina__freccia--prec{left:clamp(.6rem,2vw,1.6rem)}
.vetrina__freccia--succ{right:clamp(.6rem,2vw,1.6rem)}
.vetrina.is-singola .vetrina__freccia,.vetrina.is-zoom .vetrina__freccia{display:none}
.vetrina__fondo{display:grid;justify-items:center;gap:.6rem;padding:.6rem 1rem max(1rem,env(safe-area-inset-bottom))}
.vetrina__miniature{display:flex;gap:.6rem;max-width:100%;overflow-x:auto;padding:.2rem;scrollbar-width:none}
.vetrina__miniature:empty{display:none}
.vetrina__mini{flex:0 0 auto;width:4rem;height:4rem;padding:0;border:2px solid transparent;border-radius:12px;background:#fff;overflow:hidden;cursor:pointer;opacity:.55;transition:opacity .2s,border-color .2s}
.vetrina__mini img{width:100%;height:100%;object-fit:cover;display:block}
.vetrina__mini:hover{opacity:.9}
.vetrina__mini[aria-current="true"]{opacity:1;border-color:var(--wheat)}
.vetrina__aiuto{margin:0;font-size:.88rem;color:rgba(246,239,226,.65);text-align:center}
.vetrina.is-zoom .vetrina__aiuto,.vetrina.is-zoom .vetrina__miniature{visibility:hidden}
@media (max-width:640px){
.vetrina__barra{padding:.7rem .9rem}
.vetrina__conta{display:none}
.vetrina__chiudi{min-height:2.75rem;padding:0 .9rem 0 .75rem}
.vetrina__foto{padding:.3rem .8rem}
.vetrina__freccia{display:none}
.vetrina__mini{width:3.4rem;height:3.4rem}
}
@media (prefers-reduced-motion:reduce){.vetrina,.vetrina__foto img{transition:none}}
/* La foto nella scheda ora apre la vetrina */
.shop .woocommerce-product-gallery__image a{cursor:zoom-in}
/* Vetrina: una sola colonna larga quanto lo schermo, foto contenute in altezza */
.vetrina{grid-template-columns:minmax(0,1fr)}
.vetrina>*{min-width:0}
.vetrina__pista{min-height:0;height:100%}
.vetrina__foto{display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}
.vetrina__foto img{max-height:100%;max-width:100%}
.vetrina.is-aperta .vetrina__foto.is-zoom img{transform:scale(2.2)}
/* "Avvisami" nella scheda: stessi margini degli altri pulsanti sul telefono */
@media (max-width:559px){
.shop ul.products li.product .cwg_popup_submit{margin:0 .8rem .8rem;align-self:stretch}
}
/* Finestra "Avvisami" (SweetAlert del plugin) nello stile del sito:
un solo riquadro, testi a sinistra, chiusura tonda, sfondo scuro sfocato. */
.swal2-container.swal2-backdrop-show{background:rgba(22,18,14,.62)!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.swal2-popup{width:min(30rem,calc(100vw - 2rem))!important;padding:1.8rem 1.5rem 1.5rem!important;border-radius:var(--raggio)!important;background:#fff!important;box-shadow:0 40px 80px -30px rgba(0,0,0,.55)!important}
.swal2-popup .swal2-html-container{margin:0!important;padding:0!important;text-align:left!important;overflow:visible}
.swal2-popup .cwginstock-subscribe-form{margin:0;padding:0;border:0;background:none;box-shadow:none}
.swal2-popup .cwginstock-subscribe-form,.swal2-popup .cwginstock-subscribe-form *{text-align:left!important}
.swal2-popup .cwginstock-subscribe-form h4{padding-right:2.6rem;font-size:1.45rem}
.swal2-popup .swal2-close{top:.7rem!important;right:.7rem!important;width:2.75rem;height:2.75rem;border-radius:50%;background:var(--cream);color:var(--ink);font:300 1.9rem/1 var(--sans);box-shadow:none!important;transition:background .2s}
.swal2-popup .swal2-close:hover{background:var(--ink);color:var(--cream)}
.swal2-popup .swal2-close:focus-visible{outline:2px solid var(--wheat);outline-offset:2px}
.swal2-popup .cwginstock-subscribe-form .cwgstock_button{width:100%}
/* Pulsanti delle schede prodotto tutti uguali: larghi quanto la scheda e
della stessa altezza ("Scegli", "Aggiungi al carrello", "Avvisami"). */
.shop ul.products li.product .button,
.shop ul.products li.product .cwg_popup_submit{display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:3.4rem;margin:0 1.4rem 1.4rem;padding:.6rem 1rem;text-align:center}
@media (max-width:559px){
.shop ul.products li.product .button,
.shop ul.products li.product .cwg_popup_submit{min-height:3.2rem;margin:0 .8rem .8rem;padding:.55rem .6rem}
}
.pcard .btn{display:flex;align-items:center;justify-content:center;min-height:3.2rem;text-align:center}
/* ==========================================================================
Colonna dei filtri, versione 2: categorie a rami apribili, prezzo a
pillole, "Mostra solo" a interruttori. Sul computer sempre aperta.
========================================================================== */
.pshop-lato__box{border-radius:var(--raggio);box-shadow:0 18px 40px -32px rgba(42,33,24,.45)}
.pshop-lato__gruppo h3{margin-bottom:.7rem}
/* Categorie: riga con nome, quantita' e freccia per le sottocategorie */
.pshop-lato__gruppo--albero a span{min-width:1.9rem;padding:.12rem .45rem;border-radius:99px;background:var(--cream);color:var(--muted);text-align:center;font-weight:600;line-height:1.4}
.pshop-lato__gruppo--albero a.is-attivo span{background:rgba(244,236,220,.16);color:var(--wheat)}
.pshop-lato__gruppo--albero a{align-items:center}
.pshop-ramo__riga{display:flex;align-items:center;gap:.25rem}
.pshop-ramo__riga>a{flex:1;min-width:0}
.pshop-ramo__apri{flex:0 0 auto;display:grid;place-items:center;width:2.1rem;height:2.1rem;padding:0;border:0;border-radius:50%;background:none;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}
.pshop-ramo__apri:hover{background:var(--cream);color:var(--ink)}
.pshop-ramo__apri:focus-visible{outline:2px solid var(--wheat);outline-offset:1px}
.pshop-ramo__apri svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s var(--ease)}
.pshop-ramo.is-aperto>.pshop-ramo__riga .pshop-ramo__apri svg{transform:rotate(90deg)}
.js .pshop-ramo:not(.is-aperto)>ul{display:none}
.pshop-lato__gruppo--albero ul ul{margin:.15rem 0 .35rem .55rem;padding-left:.6rem;border-left:2px solid var(--cream)}
/* Prezzo: pillole su due colonne, "Tutti i prezzi" a tutta larghezza */
.pshop-lato__gruppo--pillole ul{grid-template-columns:1fr 1fr;gap:.45rem}
.pshop-lato__gruppo--pillole li:first-child{grid-column:1/-1}
.pshop-lato__gruppo--pillole a{justify-content:center;padding:.55rem .5rem;border:1px solid var(--line);border-radius:99px;font-size:.9rem;text-align:center;white-space:nowrap}
.pshop-lato__gruppo--pillole a:hover{border-color:var(--ink);background:#fff}
.pshop-lato__gruppo--pillole a.is-attivo{border-color:var(--ink)}
/* Mostra solo: interruttori acceso/spento */
.pshop-lato__gruppo--interruttori ul{gap:.3rem}
.pshop-lato__gruppo--interruttori a{align-items:center;padding:.5rem .5rem}
.pshop-lato__gruppo--interruttori a::after{content:"";flex:0 0 auto;width:2.7rem;height:1.55rem;border-radius:99px;background:radial-gradient(circle at .78rem 50%,#fff .56rem,transparent .6rem),#d8ccb1;transition:background .2s}
.pshop-lato__gruppo--interruttori a.is-attivo{background:none;color:var(--ink);font-weight:600}
.pshop-lato__gruppo--interruttori a.is-attivo::after{background:radial-gradient(circle at calc(100% - .78rem) 50%,#fff .56rem,transparent .6rem),var(--ink)}
.pshop-lato__gruppo--interruttori a:hover{background:var(--cream)}
/* Azzera i filtri: un vero pulsante */
.pshop-lato__azzera{margin:1.3rem 0 0}
.pshop-lato__azzera a{display:flex;justify-content:center;align-items:center;min-height:2.9rem;border:1px solid var(--ink);border-radius:2px;color:var(--ink);font:600 .8rem var(--sans);letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.pshop-lato__azzera a:hover{background:var(--ink);color:var(--cream)}
/* Computer: riquadro sempre aperto, intestazione come titolo */
@media (min-width:900px){
.pshop-impaginato{grid-template-columns:17.5rem minmax(0,1fr)}
.pshop-lato{scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pshop-lato__box summary{pointer-events:none;cursor:default;padding:1.3rem 1.3rem .9rem;font:400 1.35rem/1.2 var(--serif);color:var(--ink)}
.pshop-lato__box summary::after{display:none}
.pshop-lato__box summary em{font:600 .75rem var(--sans)}
.pshop-lato__corpo{padding:0 1.3rem 1.3rem}
}
/* numeri delle categorie in colonna anche dove non c'e' la freccia */
.pshop-lato__gruppo--albero li:not(.pshop-ramo)>a{margin-right:2.35rem}
.pshop-lato__gruppo--albero>ul>li:first-child>a{margin-right:0}
@media (min-width:900px){
.pshop-lato__gruppo--albero a{padding:.42rem .6rem}
.pshop-lato__gruppo + .pshop-lato__gruppo{margin-top:1rem;padding-top:1rem}
}
@media (min-width:1200px){.pshop-impaginato{grid-template-columns:19.5rem minmax(0,1fr)}}
@media (max-width:899px){.pshop-lato__gruppo--albero a span{background:rgba(255,255,255,.75)}.pshop-lato__gruppo--pillole a{background:rgba(255,255,255,.55)}.pshop-lato__gruppo--pillole a.is-attivo{background:var(--ink)}}
/* Menu aperto sul telefono: la barra in alto (logo, lingua, carrello, chiudi)
resta intera sopra il pannello scuro. Prima il pannello copriva logo e "IT"
ma non "EN" e la X, e il selettore restava a meta'. */
@media (max-width:860px){
.nav{z-index:1}
.site-header__in>.brand,.site-header__in>.lingue,.site-header__in>.header-carrello,.site-header__in>.burger{position:relative;z-index:2}
}
/* ---------- correzioni dal giro di controllo (2 ottobre) ---------- */
/* Home: spazio tra la fascia dorata che scorre e "La bottega online" */
.sec--tight{padding-top:clamp(2.6rem,6vw,4.5rem)}
/* Scheda prodotto: i tag sono parole per Google, al cliente basta la categoria */
.shop .product_meta .tagged_as{display:none}
/* Logo in alto: area da toccare piu' alta (era 20px) */
.brand{display:inline-flex;align-items:center;min-height:44px}
/* "Svuota" nella scelta del formato: piu' facile da toccare */
.variations_form .reset_variations{padding:.45rem 0}
/* Schede "Dalla farina alla tavola": la categoria sopra il titolo si legge sulla foto */
.card__cat{color:var(--cream);opacity:.85;text-shadow:0 1px 8px rgba(0,0,0,.6)}
/* Campo password: l'occhio per mostrarla sta dentro il campo, non sotto */
.shop .password-input{position:relative;display:block;width:100%}
.shop .password-input input{padding-right:3.2rem}
.shop .show-password-input{position:absolute;top:50%;right:.4rem;width:2.6rem;height:2.6rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;transform:translateY(-50%);cursor:pointer;color:var(--muted)}
.shop .show-password-input::after{content:"";position:absolute;inset:0;margin:auto;width:1.3rem;height:1.3rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.shop .show-password-input.display-password{color:var(--ink)}
.shop .show-password-input:hover{background:var(--cream)}
/* Il mio account: "Accedi" e "Registrati" in due riquadri, affiancati sul computer */
.shop #customer_login{display:grid;gap:1.6rem}
@media (min-width:860px){.shop #customer_login{grid-template-columns:1fr 1fr;align-items:start;gap:2rem}}
.shop #customer_login>div{float:none;width:auto;padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.shop #customer_login h2{margin-top:0;font-size:1.6rem}
.shop .woocommerce-form-login .woocommerce-form-login__rememberme{display:flex;align-items:center;gap:.6rem;margin:.4rem 0 1rem}
.shop .woocommerce-form-register .woocommerce-privacy-policy-text{font-size:.88rem;color:var(--muted)}
.shop .woocommerce-form-login .button,.shop .woocommerce-form-register .button{width:100%;min-height:3.2rem}
/* Account senza accesso: niente colonna del menu, i due moduli usano tutta la larghezza */
body.woocommerce-account:not(.logged-in) .shop .woocommerce{grid-template-columns:minmax(0,1fr)}
body.woocommerce-account:not(.logged-in) .shop #customer_login{max-width:64rem}
/* ==========================================================================
Barra degli avvisi sopra l'header (views/layout/avvisi.php)
Scorre verso sinistra; si ferma col mouse sopra; ferma con "riduci movimento".
========================================================================== */
:root{--avvisi-h:2.4rem}
.avvisi{position:relative;z-index:3;height:var(--avvisi-h);overflow:hidden;background:var(--wheat);color:var(--ink);font:500 .92rem/var(--avvisi-h) var(--sans)}
.avvisi__pista{display:flex;width:max-content;animation:avvisi-scorre 48s linear infinite}
.avvisi:hover .avvisi__pista,.avvisi:focus-within .avvisi__pista{animation-play-state:paused}
.avvisi__serie{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;gap:3.2rem;min-width:100vw;margin:0;padding:0 1.6rem;list-style:none;white-space:nowrap}
.avvisi__serie li{display:flex;align-items:center;gap:3.2rem}
.avvisi__serie li::after{content:"";flex:0 0 auto;width:.38rem;height:.38rem;background:var(--ink);opacity:.55;transform:rotate(45deg)}
.avvisi strong{font-weight:700}
.avvisi a{color:inherit;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.avvisi a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@keyframes avvisi-scorre{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){
.avvisi__pista{animation:none}
.avvisi__serie[aria-hidden]{display:none}
.avvisi{overflow-x:auto;scrollbar-width:none}
}
@media (max-width:640px){
:root{--avvisi-h:2.2rem}
.avvisi{font-size:.86rem}
.avvisi__serie,.avvisi__serie li{gap:2.4rem}
}
/* L'header e' fisso: i contenuti scendono dell'altezza della barra */
.con-avvisi #contenuto{padding-top:var(--avvisi-h)}
/* numero di telefono nella barra: area da toccare alta quanto la barra */
.avvisi a{display:inline-block;line-height:var(--avvisi-h)}
/* Bollino "agricoltura biologica UE" sulla foto (prodotti con _fc_bio) */
.shop .woocommerce-product-gallery.is-bio::before,
.shop ul.products li.product.is-bio>a:first-child::before,
.pcard.is-bio .pcard__img::after{content:"";position:absolute;z-index:3;top:.8rem;right:.8rem;width:4.4rem;aspect-ratio:240/156;background:url("../img/bio-ue.png") center/cover no-repeat;border-radius:6px;box-shadow:0 6px 16px -8px rgba(0,0,0,.5);pointer-events:none}
.shop ul.products li.product.is-bio>a:first-child{position:relative}
.pcard.is-bio .pcard__img{position:relative}
.shop ul.products li.product.is-bio>a:first-child::before,
.pcard.is-bio .pcard__img::after{top:.6rem;right:.6rem;width:3.4rem}
@media (max-width:559px){
.shop ul.products li.product.is-bio>a:first-child::before,
.pcard.is-bio .pcard__img::after{top:.45rem;right:.45rem;width:2.7rem;border-radius:4px}
.shop .woocommerce-product-gallery.is-bio::before{width:3.6rem}
}
/* Prodotti con formato: quantita' e pulsante come nei prodotti semplici,
affiancati con spazio (prima erano attaccati uno sotto l'altro). */
.shop div.product form.variations_form{display:block}
.shop .woocommerce-variation-add-to-cart{display:flex;flex-wrap:wrap;gap:.8rem;align-items:stretch;margin-top:1.2rem}
.shop .woocommerce-variation-add-to-cart .single_add_to_cart_button{flex:1 1 12rem;min-height:3.4rem}
.shop .single_variation_wrap .woocommerce-variation{margin-top:.4rem}
.shop .single_variation_wrap .woocommerce-variation-availability p{margin:.3rem 0 0}
/* Testi importati da PrestaShop con colori incollati (verde chiaro, arancio): leggibili */
.shop .woocommerce-product-details__short-description [style*="color"],.shop .woocommerce-Tabs-panel [style*="color"],.prose [style*="color"]{color:inherit!important}
/* Contrassegno: cifra da preparare */
.cod-importo{display:block;margin-top:.5rem;font-size:1.02rem;color:var(--ink)}
.cod-promemoria{margin:0 0 1.6rem;padding:1rem 1.2rem;background:#fff;border-left:4px solid var(--wheat);border-radius:4px;font-weight:600;color:var(--ink)}
/* Cassa: errori sotto il campo */
.shop .form-row.woocommerce-invalid input.input-text,.shop .form-row.woocommerce-invalid select,.shop .form-row.woocommerce-invalid .select2-selection{border-color:#b3391f;box-shadow:0 0 0 1px #b3391f}
.campo-errore{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;color:#b3391f;font-size:.92rem;font-weight:600;line-height:1.35}
.campo-errore::before{content:"!";flex:0 0 auto;display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#b3391f;color:#fff;font-size:.75rem}
/* Campo obbligatorio lasciato vuoto (WooCommerce lo segna uscendo dal campo) */
.shop .form-row.woocommerce-invalid-required-field:not(:has(.campo-errore))::after{content:"Questo campo è obbligatorio";display:block;margin-top:.35rem;color:#b3391f;font-size:.92rem;font-weight:600}
html[lang^="en"] .shop .form-row.woocommerce-invalid-required-field:not(:has(.campo-errore))::after{content:"This field is required"}
/* Account: "Il tuo ultimo ordine" e pulsante "Ordina di nuovo" */
.riordina{margin:0 0 2rem;padding:1.4rem 1.5rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.riordina__titolo{margin:0;font:400 1.45rem/1.2 var(--serif);color:var(--ink)}
.riordina__data{margin:.2rem 0 .9rem;color:var(--muted);font-size:.95rem}
.riordina ul{list-style:none;margin:0 0 1.2rem;padding:0;display:grid;gap:.35rem}
.riordina li{display:flex;justify-content:space-between;gap:1rem;padding-bottom:.35rem;border-bottom:1px solid var(--line)}
.riordina .button{width:100%;min-height:3.2rem;background:var(--wheat);color:var(--ink)}
.shop .woocommerce-orders-table .button.ordina-di-nuovo,.shop .order-again .button{background:var(--wheat);color:var(--ink)}
.shop .woocommerce-orders-table__cell-order-actions{display:flex;flex-wrap:wrap;gap:.4rem}
/* Domande frequenti sotto la scheda prodotto */
.shop .domande{grid-column:1/-1;margin-top:2.4rem;padding-top:2rem;border-top:1px solid var(--line)}
.domande__titolo{margin:0 0 1rem;font:400 clamp(1.5rem,3vw,2rem)/1.2 var(--serif);color:var(--ink)}
.domande__voce{border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.domande__voce+.domande__voce{margin-top:.6rem}
.domande__voce summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.4rem;padding:.8rem 1.2rem;list-style:none;cursor:pointer;font-weight:600;font-size:1.05rem;color:var(--ink)}
.domande__voce summary::-webkit-details-marker{display:none}
.domande__voce summary::after{content:"+";flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--cream);font:400 1.4rem/1 var(--sans);transition:transform .25s var(--ease)}
.domande__voce[open] summary::after{transform:rotate(45deg)}
.domande__voce summary:focus-visible{outline:2px solid var(--wheat);outline-offset:2px;border-radius:var(--raggio)}
.domande__voce p{margin:0;padding:0 1.2rem 1.1rem;font-size:1rem;line-height:1.6;color:var(--text)}
.domande__voce a{color:var(--wheat-d);font-weight:600}
/* Pagina "Come ordinare" */
.prose .passi__intro{font-size:1.15rem}
.prose .passi{list-style:none;margin:2rem 0;padding:0;display:grid;gap:1rem;counter-reset:none}
.prose .passo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1.2rem;align-items:start;margin:0;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.prose .passo__icona{grid-row:span 2;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:var(--cream);color:var(--wheat-d)}
.prose .passo__icona svg{width:1.9rem;height:1.9rem}
.prose .passo h2{margin:0;font-size:1.4rem}
.prose .passo p{margin:.3rem 0 0}
.prose .passi__aiuto{padding:1.2rem 1.4rem;background:var(--ink);color:var(--cream);border-radius:var(--raggio)}
.prose .passi__aiuto p{margin:0}
.prose .passi__aiuto a{color:var(--wheat)}
@media (max-width:560px){.prose .passo{grid-template-columns:minmax(0,1fr)}.prose .passo__icona{grid-row:auto}}
/* Carrello: link alla guida sotto i totali */
.guida-ordine{margin:1rem 0 0;text-align:center;font-size:.98rem}
.guida-ordine a{color:var(--wheat-d);font-weight:600}
/* Scorte pronte (negozio e home) */
.scorte{margin:0 0 2.4rem}
.scorte__titolo{margin:0;font:400 clamp(1.5rem,3vw,2rem)/1.2 var(--serif);color:var(--ink)}
.scorte__intro{margin:.3rem 0 1.1rem;color:var(--muted)}
.scorte__lista{display:grid;gap:1rem}
@media (min-width:700px){.scorte__lista{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}}
.scorta{display:flex;flex-direction:column;padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio);box-shadow:0 18px 40px -32px rgba(42,33,24,.45)}
.scorta h3{margin:0;font:400 1.35rem/1.2 var(--serif);color:var(--ink)}
.scorta>p{margin:.35rem 0 .8rem;color:var(--text)}
.scorta ul{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.3rem;font-size:.95rem}
.scorta li{display:flex;justify-content:space-between;gap:.8rem;padding-bottom:.3rem;border-bottom:1px dashed var(--line)}
.scorta__prezzo{margin:auto 0 .9rem;font:700 1.35rem var(--sans);color:var(--ink)}
.scorta__gratis{display:inline-block;margin-left:.4rem;padding:.15rem .55rem;border-radius:99px;background:var(--cream);color:var(--wheat-d);font-size:.8rem;font-weight:700;vertical-align:middle}
.scorta__pulsante{display:flex;justify-content:center;align-items:center;min-height:3.2rem;width:100%}
.sec .scorte{margin-top:3rem}
/* Casella del promemoria carrello in cassa */
.shop .fc-promemoria label{display:flex;align-items:flex-start;gap:.6rem;font-weight:400;font-size:.95rem;color:var(--muted);cursor:pointer}
.shop .fc-promemoria .optional{display:none}
/* Errori della cassa: il messaggio sotto il campo e' di WooCommerce 11 */
.shop .checkout-inline-error-message{display:flex;align-items:center;gap:.4rem;margin:.35rem 0 0;color:#b3391f;font-size:.92rem;font-weight:600;line-height:1.35}
.shop .checkout-inline-error-message::before{content:"!";flex:0 0 auto;display:grid;place-items:center;width:1.15rem;height:1.15rem;border-radius:50%;background:#b3391f;color:#fff;font-size:.75rem}
.shop .form-row.woocommerce-invalid-required-field:has(.checkout-inline-error-message)::after{content:none}
/* In cima: una frase sola al posto dell'elenco dei campi (gia' segnati sotto) */
.shop .woocommerce-NoticeGroup-checkout .woocommerce-error li[data-id]{display:none}
.shop .woocommerce-NoticeGroup-checkout .woocommerce-error:has(li[data-id])::before{content:"Mancano alcuni dati: li trovi segnati in rosso qui sotto.";display:block;font-weight:600}
html[lang^="en"] .shop .woocommerce-NoticeGroup-checkout .woocommerce-error:has(li[data-id])::before{content:"Some details are missing: they are marked in red below."}
/* Scorte: quantita' sempre accanto al nome */
.scorta li strong{white-space:nowrap}
/* Come ordinare: WordPress aggiunge
e vuoti tra icona e testo
(wpautop), che rompevano la griglia. Icona a sinistra, testo a destra. */
.prose .passo>br,.prose .passo>p:empty{display:none}
.prose .passo>.passo__icona{grid-column:1;grid-row:1/span 3}
.prose .passo>:not(.passo__icona){grid-column:2;min-width:0}
@media (max-width:560px){
.prose .passo>.passo__icona{grid-row:auto}
.prose .passo>:not(.passo__icona){grid-column:1}
}
/* Foto intere, mai ritagliate: le bottiglie di vino (foto verticali) nel
riquadro quadrato restavano tagliate a meta'. Le foto gia' quadrate
(farine, pasta) non cambiano. */
.shop ul.products li.product a:first-child img,
.pcard__img img,
.shop .woocommerce-product-gallery__image img{object-fit:contain;background:#fff}
.pcard__img{background:#fff}
/* Formato in evidenza (FC\Shop\Formato) */
.formato-evidenza{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.2rem 0 1rem}
.formato-evidenza__etichetta{font:600 .78rem var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-right:.2rem}
.formato-evidenza__valore{display:inline-flex;align-items:center;min-height:2.2rem;padding:.25rem .9rem;border:1.5px solid var(--ink);border-radius:99px;background:#fff;font:700 1.05rem var(--sans);color:var(--ink)}
.shop ul.products li.product .pshop__formato{margin:0;padding:.15rem 1.4rem 0;font:600 .92rem var(--sans);color:var(--muted)}
@media (max-width:559px){.shop ul.products li.product .pshop__formato{padding:.1rem .8rem 0;font-size:.85rem}}
.pcard__formato{margin:.15rem 0 .4rem;font:600 .92rem var(--sans);color:var(--muted)}
/* Stelle delle recensioni (lo stile di WooCommerce non e' caricato):
cinque stelle grigie, sopra quelle dorate larghe quanto il voto. */
.star-rating{position:relative;display:inline-block;overflow:hidden;width:5.6em;height:1.15em;font-size:1.05rem;line-height:1;letter-spacing:.12em;vertical-align:middle}
.star-rating::before{content:"★★★★★";position:absolute;top:0;left:0;color:#d8ccb1}
.star-rating span{position:absolute;top:0;left:0;overflow:hidden;height:100%;padding-top:1.5em}
.star-rating span::before{content:"★★★★★";position:absolute;top:0;left:0;color:var(--wheat)}
.shop .woocommerce-product-rating{display:flex;align-items:center;gap:.6rem;margin:0 0 .8rem;font-size:.95rem}
.shop .woocommerce-review-link{color:var(--muted)}
/* Codice articolo vuoto ("COD: N/A"): ai clienti non serve */
.shop .product_meta .sku_wrapper{display:none}
/* Moduli recensione: stelle da scegliere grandi */
.shop .comment-form-rating p.stars a{font-size:1.6rem}
/* Anteprima carrello: "Formato: 500 g" accanto al nome, non sotto la foto
(finiva nella colonna stretta della foto, una parola per riga). */
.carrello-anteprima .woocommerce-mini-cart-item{grid-template-rows:auto auto 1fr}
.carrello-anteprima .woocommerce-mini-cart-item>a:not(.remove) img{grid-row:1/4}
.carrello-anteprima .woocommerce-mini-cart-item dl.variation{grid-column:2;grid-row:2;display:flex;flex-wrap:wrap;gap:0 .3rem;margin:0;font-size:.9rem;color:var(--muted)}
.carrello-anteprima .woocommerce-mini-cart-item dl.variation dt,.carrello-anteprima .woocommerce-mini-cart-item dl.variation dd{margin:0;padding:0;float:none;font-weight:400}
.carrello-anteprima .woocommerce-mini-cart-item dl.variation dd p{margin:0}
.carrello-anteprima .woocommerce-mini-cart-item .quantity{grid-row:3}
/* Da loggati: la barra nera di WordPress copriva avvisi, header e anteprima carrello */
.admin-bar .site-header,.admin-bar .carrello-anteprima__pannello{top:32px}
@media (max-width:782px){.admin-bar .site-header,.admin-bar .carrello-anteprima__pannello{top:46px}}
@media (max-width:600px){.admin-bar .site-header{top:0}}
/* Colonna dei filtri: voce "Scorte pronte" in cima */
.pshop-lato__scorte{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:0 0 1.1rem;padding:.75rem .9rem;border-radius:var(--raggio);background:var(--wheat);color:var(--ink);font-weight:600;text-decoration:none;transition:background .2s}
.pshop-lato__scorte:hover{background:#dba640}
.pshop-lato__scorte em{font-style:normal;min-width:1.9rem;padding:.1rem .45rem;border-radius:99px;background:rgba(255,255,255,.55);text-align:center;font-size:.85rem}
.pshop-lato__scorte span::before{content:"";display:inline-block;width:1.1rem;height:1.1rem;margin-right:.5rem;vertical-align:-.2rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5v8l-9 5-9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8l9-5 9 5v8l-9 5-9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E") center/contain no-repeat}
/* Pagina "Scorte pronte": riquadri a tutta larghezza del testo */
.prose .scorte{margin:1.6rem 0 0}
.prose .scorta h3{margin-top:0}
.prose .scorta ul{padding:0}
/* Scorte: pulsante sempre in fondo alla card e uguale agli altri anche dentro le pagine (.prose colora i link) */
.scorta>.scorta__prezzo{margin:auto 0 .9rem;padding-top:.6rem}
.scorta__pulsante{margin-top:0}
.prose .scorta a.scorta__pulsante{color:var(--cream);text-decoration:none}
.prose .scorta li{margin:0}
/* Banner cookie (Complianz): colori e caratteri del sito, pulsanti grandi e di pari peso
("Accetta" e "Rifiuta" uguali, come chiede il Garante). Testi in Privacy > Banner. */
.cmplz-cookiebanner{
--cmplz_banner_background_color:#fffaf0;--cmplz_banner_border_color:var(--line,#d8c9a8);--cmplz_banner_border_width:1px;--cmplz_banner_border_radius:12px;
--cmplz_text_color:var(--text);--cmplz_hyperlink_color:var(--wheat-d);--cmplz_text_font_size:17px;--cmplz_text_line_height:1.55;--cmplz_title_font_size:20px;--cmplz_link_font_size:15px;
--cmplz_button_font_size:14px;--cmplz_button_border_radius:2px;
--cmplz_button_accept_background_color:var(--ink);--cmplz_button_accept_border_color:var(--ink);--cmplz_button_accept_text_color:var(--cream);
--cmplz_button_deny_background_color:var(--ink);--cmplz_button_deny_border_color:var(--ink);--cmplz_button_deny_text_color:var(--cream);
--cmplz_button_settings_background_color:transparent;--cmplz_button_settings_border_color:var(--ink);--cmplz_button_settings_text_color:var(--ink);
--cmplz_slider_active_color:var(--wheat-d);--cmplz_slider_inactive_color:#b9ac95;--cmplz_slider_bullet_color:#fff;
--cmplz_category_header_always_active_color:var(--ok,#3f6b2a);--cmplz_category_header_title_font_size:16px;--cmplz_category_header_active_font_size:14px;--cmplz_category_body_font_size:15px;
font-family:var(--sans)!important;box-shadow:0 24px 60px -30px rgba(42,33,24,.55)!important
}
.cmplz-cookiebanner .cmplz-title{font-family:var(--serif)!important;font-weight:400!important;color:var(--ink)!important}
.cmplz-cookiebanner .cmplz-btn{min-height:48px!important;font-family:var(--sans)!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.08em}
.cmplz-cookiebanner .cmplz-btn:focus-visible,.site-footer__cookie:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
.cmplz-cookiebanner .cmplz-links a,.cmplz-cookiebanner .cmplz-link{text-decoration:underline!important}
.cmplz-cookiebanner .cmplz-logo{display:none!important}
/* Il link "Preferenze cookie" nel footer sostituisce la linguetta fissa di Complianz */
#cmplz-manage-consent .cmplz-manage-consent{display:none!important}
.site-footer__cookie{padding:0;border:0;background:none;color:inherit;font:inherit;opacity:.85;cursor:pointer;text-align:left}
.site-footer__cookie:hover{opacity:1;color:var(--wheat)}
/* Negozio: mentre arrivano i risultati dei filtri (main.js, caricamento senza ricarica) */
.pshop-impaginato .pshop-risultati{transition:opacity .2s}
.pshop-impaginato.is-caricamento .pshop-risultati{opacity:.45;pointer-events:none}
.pshop-impaginato.is-caricamento .pshop-lato__corpo{cursor:progress}
@media (prefers-reduced-motion:reduce){.pshop-impaginato .pshop-risultati{transition:none}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
/* Loader del negozio: una spiga che matura chicco per chicco, in un cerchio
(main.js, filtri senza ricarica). Senza testo: il risultato lo annuncia l'avviso
per i lettori di schermo. Con movimento ridotto la spiga e' gia' matura e ferma. */
.pshop-loader{position:fixed;top:42vh;left:50%;z-index:1100;display:grid;place-items:center;width:104px;height:104px;border:1px solid var(--line,#d8c9a8);border-radius:50%;background:radial-gradient(circle at 50% 38%,#fffdf6 0,#fbf3e1 70%);box-shadow:0 18px 40px -20px rgba(42,33,24,.55),inset 0 0 0 5px rgba(255,255,255,.6);transform:translate(-50%,8px) scale(.94);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility 0s .22s}
.pshop-loader.is-visibile{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1);transition:opacity .22s,transform .22s}
.pshop-loader svg{width:33px;height:94px;margin-top:4px;overflow:visible}
.pshop-loader__pianta{transform-box:view-box;transform-origin:20px 87px;animation:pshop-vento 3.4s ease-in-out infinite alternate}
.pshop-loader__stelo{fill:none;stroke:#8a6418;stroke-width:1.8;stroke-linecap:round}
.pshop-loader__foglia{fill:#9c7a2e;opacity:.8}
.pshop-loader__reste{fill:none;stroke:#c99a3c;stroke-width:.8;stroke-linecap:round;opacity:.9}
.pshop-loader__acerbo{fill:#e3dab8;stroke:#cfc39a;stroke-width:.4}
.pshop-loader__chicco{fill:#c8942b;stroke:#a7781c;stroke-width:.4;opacity:0;animation:pshop-matura 2.2s calc(var(--i) * .075s) ease-in-out infinite}
.pshop-loader__solco{fill:none;stroke:#fff6dc;stroke-width:.45;stroke-linecap:round;opacity:.55}
@keyframes pshop-matura{0%,6%{opacity:0}32%,80%{opacity:1}100%{opacity:0}}
@keyframes pshop-vento{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
@media (prefers-reduced-motion:reduce){
.pshop-loader,.pshop-loader.is-visibile{transition:none}
.pshop-loader__pianta,.pshop-loader__chicco{animation:none}
.pshop-loader__chicco{opacity:1}
}
/* Variante con testo sotto il cerchio (invio dell'ordine alla cassa) */
.pshop-loader--testo span{position:absolute;top:calc(100% + .8rem);left:50%;transform:translateX(-50%);padding:.55rem 1.1rem;border:1px solid var(--line,#d8c9a8);border-radius:999px;background:#fffaf0;box-shadow:0 14px 30px -20px rgba(42,33,24,.55);color:var(--ink);font-weight:600;font-size:1.05rem;white-space:nowrap}
/* Cassa: casella "Crea la tua area personale", grande come "Spedire a un indirizzo diverso" */
.shop .woocommerce-account-fields .create-account{margin:1.4rem 0 .6rem}
.shop .woocommerce-account-fields .create-account label{display:flex;align-items:center;gap:.7rem;font:500 1.02rem/1.4 var(--sans);cursor:pointer}
.shop .woocommerce-account-fields #createaccount{flex:none;width:22px;height:22px;margin:0;accent-color:var(--ink)}
.shop .woocommerce-account-fields .create-account p{margin-top:.6rem}
/* ---------- area personale nell'intestazione (accanto al carrello) ---------- */
.header-account{position:relative;flex:0 0 auto;display:inline-grid;place-items:center;width:2.9rem;height:2.9rem;margin-left:.6rem;border-radius:50%;color:var(--on-dark);text-decoration:none;transition:background .25s,color .25s}
.header-account:hover{background:rgba(233,224,207,.12);color:var(--wheat)}
.header-account:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
.header-account svg{width:1.55rem;height:1.55rem}
.header-account.is-collegato::after{content:"";position:absolute;top:.45rem;right:.45rem;width:.6rem;height:.6rem;border-radius:50%;background:var(--wheat);border:2px solid var(--ink)}
.header-account+.header-carrello{margin-left:.1rem}
@media (max-width:900px){
.header-account{margin-left:.1rem}
.header-account+.header-carrello{margin-left:0}
}
@media (max-width:860px){.site-header__in>.header-account{position:relative;z-index:2}}
/* Nel menu del telefono anche la voce scritta, per chi non riconosce l'omino */
.nav__account{display:none}
@media (max-width:860px){.nav__account{display:block}}
/* Schermi medi (tablet): voci del menu su una riga, piu' vicine, cosi' c'e' posto per l'omino */
.nav a{white-space:nowrap}
@media (min-width:861px) and (max-width:1120px){
.nav ul{gap:1.1rem}
.lingue{margin-left:.6rem}
.site-header__in{gap:.6rem}
.site-header__in>.brand{margin-right:1rem}
.nav a{font-size:.9rem}
}
/* Accedi / Registrati affiancati: stessa altezza e pulsanti alla stessa altezza.
I pulsanti stanno in fondo al riquadro; sotto "Accedi" c'e' "Password dimenticata?",
quindi sotto "Registrati" lasciamo lo stesso spazio. */
@media (min-width:860px){
.shop #customer_login{align-items:stretch}
.shop #customer_login>div{display:flex;flex-direction:column}
.shop #customer_login form{flex:1;display:flex;flex-direction:column;margin:0}
.shop .woocommerce-form-login>p.form-row:not(.form-row-wide),
.shop .woocommerce-form-register>p.form-row:last-of-type{margin-top:auto;margin-bottom:0}
.shop .woocommerce-form-login .lost_password{margin:.9rem 0 0;line-height:1.6rem;height:1.6rem}
.shop .woocommerce-form-register::after{content:"";display:block;height:2.5rem}
}
/* ---------- Area personale: elenco ordini ----------
Stato come etichetta colorata (con il nome scritto, non solo il colore),
importo in evidenza con i pezzi sotto, due pulsanti affiancati. */
.shop .woocommerce-orders-table{width:100%;border-collapse:collapse}
.shop .woocommerce-orders-table thead th{padding:.4rem 1rem .8rem;border-bottom:1px solid var(--line);color:var(--muted);font:500 .9rem var(--sans);letter-spacing:.02em;text-align:left;white-space:nowrap}
.shop .woocommerce-orders-table tbody th,.shop .woocommerce-orders-table tbody td{padding:1.1rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle;text-align:left}
.shop .woocommerce-orders-table tbody tr:last-child>*{border-bottom:0}
.shop .woocommerce-orders-table__cell-order-number a{font:400 1.25rem var(--serif);color:var(--ink);text-decoration:none}
.shop .woocommerce-orders-table__cell-order-number a:hover{text-decoration:underline;text-decoration-color:var(--wheat)}
.shop .woocommerce-orders-table__cell-order-date{white-space:nowrap}
.shop .woocommerce-orders-table__cell-order-status{white-space:nowrap}
.shop .woocommerce-orders-table__cell-order-total .ordini__totale{display:block;font-size:1.1rem;font-weight:700;color:var(--ink);white-space:nowrap}
.shop .ordini__pezzi{display:block;color:var(--muted);font-size:.92rem}
.shop .woocommerce-orders-table__cell-order-status::before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.45rem;border-radius:50%;background:currentColor;vertical-align:.1em}
.shop .woocommerce-orders-table__row .woocommerce-orders-table__cell-order-status{color:#5d554a}
.shop .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status{color:#8a5a00}
.shop .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{color:#2f5a1c}
.shop .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status,
.shop .woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status{color:#9a4a12}
.shop .woocommerce-orders-table__cell-order-status{font-weight:600}
.shop td.woocommerce-orders-table__cell-order-actions{display:table-cell;text-align:right;white-space:nowrap}
.shop .woocommerce-orders-table__cell-order-actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;margin:.2rem 0 .2rem .4rem;padding:.6rem 1.1rem;font-size:.8rem;white-space:nowrap}
.shop .woocommerce-orders-table__cell-order-actions .button.view{background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.shop .woocommerce-orders-table__cell-order-actions .button.view:hover{background:var(--ink);color:var(--cream)}
/* Telefono: ogni ordine diventa una scheda */
@media (max-width:768px){
.shop .woocommerce-orders-table thead{display:none}
.shop .woocommerce-orders-table,.shop .woocommerce-orders-table tbody{display:block}
.shop .woocommerce-orders-table tbody tr{display:grid;grid-template-columns:1fr auto;gap:.3rem 1rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.shop .woocommerce-orders-table tbody tr+tr{margin-top:.8rem}
.shop .woocommerce-orders-table tbody th,.shop .woocommerce-orders-table tbody td{display:block;padding:0;border:0}
.shop .woocommerce-orders-table tbody [data-title]:not(.woocommerce-orders-table__cell-order-status)::before{display:none}
.shop .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-status::before{content:""}
.shop .woocommerce-orders-table__cell-order-number{grid-column:1}
.shop .woocommerce-orders-table__cell-order-status{grid-column:2;grid-row:1;align-self:center}
.shop .woocommerce-orders-table__cell-order-date{grid-column:1;color:var(--muted)}
.shop .woocommerce-orders-table__cell-order-total{grid-column:2;grid-row:2/4;text-align:right}
.shop td.woocommerce-orders-table__cell-order-actions{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;margin-top:.9rem;text-align:left;white-space:normal}
.shop .woocommerce-orders-table__cell-order-actions .button{width:100%;margin:0;min-height:3rem}
}
@media (max-width:768px){
/* piu' specifico delle regole di WooCommerce per le tabelle su telefono */
.shop table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.1rem;text-align:left}
.shop table.woocommerce-orders-table .woocommerce-orders-table__cell-order-actions .button{margin:0}
}
/* "Il tuo ultimo ordine": su schermi larghi il pulsante e' largo quanto il suo testo */
@media (min-width:700px){
.riordina .button{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:3rem;padding:.75rem 1.6rem}
}
/* ---------- Dettagli d'ordine ("Ordine ricevuto" e area personale) ----------
Le regole del carrello su telefono (righe a schede) la scomponevano: qui torna
una tabella semplice a due colonne, prodotto a sinistra e importo a destra. */
.shop mark{background:none;color:var(--ink);font-weight:700;padding:0}
.shop table.shop_table.order_details,.shop table.shop_table.woocommerce-table--order-details{display:table;width:100%;border:1px solid var(--line);border-radius:var(--raggio)}
.shop table.shop_table.order_details thead{display:table-header-group}
.shop table.shop_table.order_details tbody{display:table-row-group}
.shop table.shop_table.order_details tfoot{display:table-footer-group}
.shop table.shop_table.order_details tr{display:table-row;padding:0;position:static}
.shop table.shop_table.order_details th,.shop table.shop_table.order_details td{display:table-cell;padding:.95rem 1.1rem;border-bottom:1px solid var(--line);vertical-align:top}
.shop table.shop_table.order_details td.product-name{padding:.95rem 1.1rem;font:400 1.1rem/1.35 var(--serif);color:var(--ink)}
.shop table.shop_table.order_details td.product-name a{font-size:inherit}
.shop table.shop_table.order_details .product-quantity{font:700 .95rem var(--sans);white-space:nowrap}
.shop table.shop_table.order_details .wc-item-meta{list-style:none;margin:.35rem 0 0;padding:0;font:400 .92rem/1.4 var(--sans);color:var(--muted)}
.shop table.shop_table.order_details .wc-item-meta li{display:flex;gap:.3rem}
.shop table.shop_table.order_details .wc-item-meta li p,.shop table.shop_table.order_details .wc-item-meta li strong{display:inline;margin:0;font-weight:400}
.shop table.shop_table.order_details td.product-total,.shop table.shop_table.order_details tfoot td{text-align:right;white-space:nowrap}
.shop table.shop_table.order_details tfoot th{font-weight:500;color:var(--text)}
.shop table.shop_table.order_details tfoot tr:last-child th,.shop table.shop_table.order_details tfoot tr:last-child td{border-bottom:0}
.shop table.shop_table.order_details tfoot td{white-space:normal}
.shop table.shop_table.order_details tfoot tr:has(.woocommerce-Price-amount) td{white-space:nowrap}
.shop table.shop_table.order_details thead th{font:500 .82rem var(--sans);letter-spacing:.04em;color:var(--muted)}
.shop table.shop_table.order_details thead th.product-total{text-align:right}
@media (max-width:760px){
.shop table.shop_table.order_details th,.shop table.shop_table.order_details td{padding:.85rem .9rem}
.shop table.shop_table.order_details td.product-name{font-size:1.02rem}
}
/* Indirizzi sotto l'ordine: affiancati su schermo largo, senza corsivo */
.shop .woocommerce-customer-details address{font-style:normal;line-height:1.6;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
@media (min-width:760px){.shop .woocommerce-customer-details .woocommerce-columns--addresses{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.shop .woocommerce-customer-details .woocommerce-column{width:auto;float:none}}
/* "Ordine ricevuto": riquadro bonifico e "Cosa succede adesso" */
.grazie-bonifico,.grazie-dopo{margin:1.6rem 0;padding:1.3rem 1.4rem;border-radius:var(--raggio)}
.grazie-bonifico{background:#fff;border:2px solid var(--wheat)}
.grazie-dopo{background:#f4ecdc;border:1px solid var(--line)}
.grazie-bonifico h2,.grazie-dopo h2{margin:0 0 .9rem;font:400 1.45rem/1.2 var(--serif);color:var(--ink)}
.grazie-bonifico dl{margin:0;display:grid;gap:.1rem}
.grazie-bonifico dl>div{display:grid;grid-template-columns:8.5rem 1fr;gap:.2rem 1rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--line)}
.grazie-bonifico dt{color:var(--muted);font-size:.95rem}
.grazie-bonifico dd{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;margin:0;font-weight:700;color:var(--ink);font-size:1.05rem}
.grazie-bonifico dd span{overflow-wrap:anywhere}
.grazie-copia{min-height:44px;padding:.45rem .95rem;border:1.5px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:600 .8rem var(--sans);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.grazie-copia:hover{background:var(--ink);color:var(--cream)}
.grazie-copia.is-copiato{background:var(--ok,#3f6b2a);border-color:var(--ok,#3f6b2a);color:#fff}
.grazie-copia:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
.grazie-bonifico__nota{margin:.9rem 0 0;color:var(--text);font-size:.98rem}
.grazie-dopo p{margin:.35rem 0;font-size:1.05rem;line-height:1.55}
.grazie-dopo__aiuto{color:var(--muted);font-size:.98rem!important}
@media (max-width:560px){.grazie-bonifico dl>div{grid-template-columns:1fr}}
.shop table.shop_table.order_details .wc-item-meta li{display:block}
.shop table.shop_table.order_details .wc-item-meta li p{white-space:nowrap}
/* ---------- Area personale ---------- */
/* Menu: la voce attiva si vede (sfondo scuro); su telefono una griglia compatta
di pulsanti invece di cinque righe che riempivano lo schermo. */
.shop .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;gap:.3rem}
.shop .woocommerce-MyAccount-navigation a{padding:.75rem 1rem;border:0;border-radius:6px;color:var(--ink);font-weight:500}
.shop .woocommerce-MyAccount-navigation a:hover{background:rgba(200,148,43,.14)}
.shop .woocommerce-MyAccount-navigation .is-active a{background:var(--ink);color:var(--cream)}
.shop .woocommerce-MyAccount-navigation-link--customer-logout a{color:var(--muted)}
@media (max-width:859px){
.shop .woocommerce-MyAccount-navigation ul{grid-template-columns:1fr 1fr;gap:.5rem}
.shop .woocommerce-MyAccount-navigation a{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.6rem .5rem;border:1px solid var(--line);background:#fff;text-align:center;font-size:.98rem}
.shop .woocommerce-MyAccount-navigation-link--customer-logout{grid-column:1/-1}
.shop .woocommerce-MyAccount-navigation-link--customer-logout a{background:transparent;border-style:dashed}
}
/* Riepilogo */
.area-saluto{margin:0 0 1.2rem;font:400 clamp(1.7rem,4vw,2.2rem)/1.15 var(--serif);color:var(--ink)}
.area-riquadri{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.8rem}
@media (min-width:700px){.area-riquadri{grid-template-columns:repeat(3,1fr)}}
.area-riquadri a{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.9rem;height:100%;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s}
.area-riquadri a:hover{border-color:var(--wheat)}
.area-riquadri a:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
.area-riquadri svg{grid-row:1/3;width:2rem;height:2rem;color:var(--wheat-d)}
.area-riquadri__titolo{font:400 1.25rem/1.2 var(--serif)}
.area-riquadri__testo{margin-top:.2rem;color:var(--muted);font-size:.95rem;line-height:1.4}
/* Ultimo ordine: stato e "Vedi l'ordine" */
.riordina__testa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.4rem 1rem}
.riordina__stato{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.95rem;color:#5d554a}
.riordina__stato::before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:currentColor}
.riordina__stato--processing{color:#8a5a00}
.riordina__stato--completed{color:#2f5a1c}
.riordina__azioni{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem}
.riordina__vedi{color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em;min-height:44px;display:inline-flex;align-items:center}
/* Indirizzi: due schede con il pulsante "Modifica" */
.shop .woocommerce-Addresses{display:grid;gap:1rem;margin-top:1.2rem}
@media (min-width:760px){.shop .woocommerce-Addresses{grid-template-columns:1fr 1fr}}
.shop .woocommerce-Addresses::before,.shop .woocommerce-Addresses::after{display:none}
.shop .woocommerce-Addresses .woocommerce-Address{float:none;width:auto;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.shop .woocommerce-Address-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-bottom:.8rem}
.shop .woocommerce-Address-title h2{margin:0;font-size:1.35rem}
.shop .woocommerce-Address-title .edit{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1.1rem;border:1.5px solid var(--ink);border-radius:2px;color:var(--ink);font:600 .8rem var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.shop .woocommerce-Address-title .edit:hover{background:var(--ink);color:var(--cream)}
.shop .woocommerce-Address address{font-style:normal;line-height:1.6;color:var(--text)}
/* Moduli dell'area personale: pulsante grande, staccato dai campi */
.shop .woocommerce-address-fields>p:last-child,.shop .woocommerce-EditAccountForm>p:last-of-type{margin-top:1.6rem}
.shop .woocommerce-address-fields .button,.shop .woocommerce-EditAccountForm .button{min-height:3.2rem;padding:.9rem 2rem}
@media (max-width:640px){.shop .woocommerce-address-fields .button,.shop .woocommerce-EditAccountForm .button{width:100%}}
/* Dati e password: niente "Nome visualizzato"; la password in un riquadro come gli altri */
.shop .woocommerce-EditAccountForm p:has(#account_display_name){display:none}
.shop .woocommerce-EditAccountForm fieldset{margin:1.6rem 0 0;padding:1.1rem 1.2rem 1.2rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.shop .woocommerce-EditAccountForm legend{padding:0 .4rem;font:400 1.3rem var(--serif);color:var(--ink)}
.shop .order-again{margin:1.2rem 0 0}
/* ---------- Scheda prodotto: Descrizione, Caratteristiche, Recensioni ----------
Sezioni una sotto l'altra al posto delle linguette (woocommerce/single-product/tabs/tabs.php). */
.scheda-sezioni{grid-column:1/-1;margin-top:2.4rem}
.scheda-sezione{padding:2rem 0;border-top:1px solid var(--line)}
.scheda-sezione__titolo{margin:0 0 1rem;font:400 clamp(1.5rem,3vw,1.9rem)/1.2 var(--serif);color:var(--ink)}
.scheda-sezione__corpo{max-width:72ch;font-size:1.06rem;line-height:1.7;color:var(--text)}
.scheda-sezione__corpo p{margin:0 0 .9rem}
.scheda-sezione__corpo strong{color:var(--ink)}
.scheda-sezione__corpo.is-chiuso{max-height:20rem;overflow:hidden;position:relative}
.scheda-sezione__corpo.is-chiuso::after{content:"";position:absolute;inset:auto 0 0;height:6rem;background:linear-gradient(rgba(244,236,220,0),var(--cream,#f4ecdc));pointer-events:none}
.leggi-tutto{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;margin-top:.4rem;padding:.6rem 1.3rem;border:1.5px solid var(--ink);border-radius:2px;background:transparent;color:var(--ink);font:600 .82rem var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.leggi-tutto::after{content:"";width:.5rem;height:.5rem;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-2px)}
.leggi-tutto[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-2px)}
.leggi-tutto:hover{background:var(--ink);color:var(--cream)}
.leggi-tutto:focus-visible{outline:3px solid var(--wheat);outline-offset:2px}
/* Caratteristiche: scheda con righe etichetta / valore */
.scheda-caratteristiche{max-width:34rem;margin:0;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.scheda-caratteristiche div{display:grid;grid-template-columns:9rem 1fr;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--line)}
.scheda-caratteristiche div:last-child{border-bottom:0}
.scheda-caratteristiche dt{color:var(--muted)}
.scheda-caratteristiche dd{margin:0;font-weight:600;color:var(--ink)}
/* Recensioni */
.scheda-sezione--reviews .woocommerce-Reviews-title{display:none}
.scheda-sezione--reviews .woocommerce-noreviews{margin:0 0 .4rem;font-size:1.06rem;color:var(--ink)}
.scheda-sezione--reviews .woocommerce-verification-required{margin:0;padding:1rem 1.2rem;border-left:3px solid var(--wheat);background:#fff;border-radius:0 var(--raggio) var(--raggio) 0;color:var(--text)}
.scheda-sezione--reviews .commentlist{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:1rem}
.scheda-sezione--reviews .commentlist li .comment_container{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.scheda-sezione--reviews .commentlist img.avatar{display:none}
.scheda-sezione--reviews .comment-text{margin:0!important;border:0!important;padding:0!important}
/* Colori incollati da PrestaShop dentro le descrizioni (es. "Semola" verde acceso): via */
.scheda-sezione__corpo [style*="color"]{color:inherit!important;background:none!important}
/* Sezioni della scheda prodotto in schede bianche con spazio interno */
.scheda-sezioni{display:grid;gap:1rem}
.scheda-sezione{padding:clamp(1.3rem,3vw,2rem) clamp(1.2rem,3vw,2.2rem);border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.scheda-sezione__corpo.is-chiuso::after{background:linear-gradient(rgba(255,255,255,0),#fff)}
.scheda-caratteristiche{border:0;border-radius:0;max-width:36rem}
.scheda-caratteristiche div{padding:.8rem 0}
.scheda-sezione--reviews .woocommerce-verification-required{background:var(--cream,#f4ecdc)}
.scheda-sezione--reviews .commentlist li .comment_container{background:var(--cream,#f4ecdc);border-color:transparent}
/* ---------- Ricette (articoli del vecchio blog) ---------- */
.ricetta__torna{margin:0 0 .8rem}
.ricetta__torna a{color:var(--wheat);text-decoration:none;font-weight:600}
.ricetta__torna a:hover{text-decoration:underline}
.ricetta__prodotti{margin-top:3rem;padding:1.6rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.ricetta__prodotti h2{margin:0 0 1.2rem;font:400 1.6rem/1.2 var(--serif);color:var(--ink)}
.ricetta__prodotti ul{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:600px){.ricetta__prodotti ul{grid-template-columns:1fr 1fr}}
.ricetta__prodotti a{display:grid;grid-template-columns:5.5rem 1fr;grid-template-rows:auto auto 1fr;column-gap:1rem;height:100%;padding:.8rem;border:1px solid var(--line);border-radius:var(--raggio);color:var(--ink);text-decoration:none}
.ricetta__prodotti a:hover{border-color:var(--wheat)}
.ricetta__prodotti img{grid-row:1/4;width:5.5rem;height:5.5rem;object-fit:contain;background:#f6f3ec;border-radius:4px}
.ricetta__nome{font:400 1.15rem/1.25 var(--serif)}
.ricetta__prezzo{font-weight:700;margin-top:.2rem}
.ricetta__vedi{align-self:end;margin-top:.4rem;color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.ricette{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}
@media (min-width:700px){.ricette{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.ricette{grid-template-columns:repeat(3,1fr)}}
.ricette__scheda{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:var(--raggio);background:#fff;color:var(--ink);text-decoration:none}
.ricette__scheda:hover{border-color:var(--wheat)}
.ricette__scheda img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.ricette__titolo{padding:1.1rem 1.2rem 0;font:400 1.4rem/1.2 var(--serif)}
.ricette__estratto{padding:.5rem 1.2rem 0;color:var(--text);line-height:1.55}
.ricette__leggi{margin-top:auto;padding:1rem 1.2rem 1.2rem;color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
/* Area personale: "I tuoi dati" (scarica / cancella) */
.shop .area-privacy{margin-top:2.4rem;padding:1.3rem 1.3rem 1.4rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.shop .area-privacy h2{margin:0 0 .5rem;font:400 1.5rem var(--serif);color:var(--ink)}
.shop .area-privacy h3{margin:1.8rem 0 .4rem;padding-top:1.4rem;border-top:1px solid var(--line);font:400 1.2rem var(--serif);color:var(--ink)}
.shop .area-privacy p{margin:0 0 .9rem;color:var(--muted);line-height:1.55}
.shop .area-privacy__azione{margin:0}
.shop .area-privacy .button{min-height:3.2rem;padding:.9rem 2rem}
.shop .area-privacy .button.area-privacy__cancella{border:1px solid #a63d28;background:transparent;color:#a63d28}
.shop .area-privacy .button.area-privacy__cancella:hover{background:#a63d28;color:#fff}
.shop .area-privacy__stato{padding:.8rem 1rem;border-radius:var(--raggio);background:var(--cream);color:var(--ink)!important}
.shop .area-privacy__nota{margin:1.4rem 0 0!important;font-size:.95rem}
@media (max-width:640px){.shop .area-privacy .button{width:100%}}
/* Ricetta: dettaglio */
.ricetta-hero .eyebrow{margin:1.4rem 0 1rem}
.ricetta-hero h1{max-width:18ch}
.ricetta-hero--foto{padding-bottom:clamp(6rem,14vw,9rem)}
.ricetta__fatti{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0;padding:0}
.ricetta__fatti li{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border:1px solid rgba(233,224,207,.28);border-radius:999px;color:var(--on-dark);font-size:.98rem;line-height:1.3}
.ricetta__fatti svg,.ricetta__stampa svg,.ricetta__firma svg{width:1.15rem;height:1.15rem;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ricetta__fatti svg{color:var(--wheat)}
.ricetta{padding-top:0;display:flow-root}
.ricetta-hero--foto+.ricetta .ricetta__figura{margin-top:clamp(-5rem,-11vw,-3.5rem)}
.ricetta__figura{margin:0 0 2.2rem}
.ricetta__figura img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raggio);box-shadow:0 18px 40px -22px rgba(20,14,6,.55)}
@media (min-width:900px){.ricetta__figura img{aspect-ratio:21/9}}
.ricetta__intro{max-width:46rem;margin:0 auto 2.6rem;font:400 clamp(1.2rem,2.4vw,1.45rem)/1.6 var(--serif);color:var(--text)}
.ricetta__intro p{margin:0 0 1rem}
.ricetta__corpo{display:grid;gap:2.2rem}
@media (min-width:960px){.ricetta__corpo{grid-template-columns:20rem 1fr;gap:3.5rem;align-items:start}.ricetta__lato{position:sticky;top:calc(var(--testa-compatta,4.5rem) + 1.5rem)}}
.ricetta__ingredienti{padding:1.4rem 1.4rem 1.5rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.ricetta__ingredienti h2{margin:0 0 .8rem;font-size:1.6rem}
.ricetta__ingredienti h3{margin:1.4rem 0 .3rem;padding-top:1.1rem;border-top:1px solid var(--line);font-size:1.15rem}
.ricetta__ingredienti ul{list-style:none;margin:0;padding:0}
.ricetta__ingredienti li{position:relative;padding:.6rem 0 .6rem 1.6rem;border-bottom:1px dashed var(--line);font-size:1.08rem;line-height:1.45}
.ricetta__ingredienti li:last-child{border-bottom:0}
.ricetta__ingredienti li::before{content:"";position:absolute;left:.2rem;top:1.05rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--wheat)}
.ricetta__ingredienti p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.5}
.ricetta__stampa{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.3rem;padding:.65rem 1rem;min-height:2.9rem;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:600 .98rem var(--sans);cursor:pointer}
.ricetta__stampa:hover{border-color:var(--wheat-d);color:var(--wheat-d)}
.ricetta__principale>h2,.ricetta__sezione h2{margin:0 0 1.2rem;font-size:clamp(1.7rem,3.4vw,2.1rem);color:var(--ink)}
.ricetta__passi{list-style:none;counter-reset:passo;margin:0 0 2.6rem;padding:0}
.ricetta__passi li{counter-increment:passo;position:relative;padding:0 0 1.6rem 3.6rem}
.ricetta__passi li::before{content:counter(passo);position:absolute;left:0;top:0;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--ink);color:var(--wheat);font:400 1.15rem/1 var(--serif)}
.ricetta__passi li:not(:last-child)::after{content:"";position:absolute;left:1.22rem;top:2.9rem;bottom:.4rem;width:1px;background:var(--line)}
.ricetta__passi p{margin:0;padding-top:.25rem;font-size:1.1rem;line-height:1.7;color:var(--text)}
.ricetta__sezione{margin:0 0 2.4rem;font-size:1.1rem;line-height:1.75}
.ricetta__firma{display:flex;gap:.9rem;align-items:flex-start;padding:1.2rem 1.3rem;border-left:3px solid var(--wheat);border-radius:0 var(--raggio) var(--raggio) 0;background:#fff}
.ricetta__firma svg{margin-top:.3rem;color:#b5452f;fill:#b5452f}
.ricetta__firma p{margin:0;font:italic 400 1.12rem/1.6 var(--serif);color:var(--text)}
.ricetta__data{margin:1.4rem 0 0;color:var(--muted);font-size:.95rem}
.ricetta-altre{background:#fff}
.ricetta-altre h2{margin:0 0 1.6rem;font-size:clamp(1.8rem,3.6vw,2.4rem)}
/* Home: ricette */
.home-ricette{border-top:1px solid var(--line)}
.home-ricette__tutte{color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
@media print{
.avvisi,.site-header,.site-footer,.ricetta__torna,.ricetta__stampa,.ricetta__prodotti,.ricetta-altre,#cmplz-cookiebanner-container,.cmplz-cookiebanner{display:none!important}
.page-hero,.ricetta-hero{background:none!important;color:#000!important;padding:0 0 1rem!important}
.ricetta-hero h1,.ricetta__fatti li{color:#000!important}
.ricetta-hero--foto+.ricetta .ricetta__figura{margin-top:0}
.ricetta__figura img{aspect-ratio:21/9;max-height:9cm;box-shadow:none}
.ricetta__corpo{grid-template-columns:16rem 1fr!important}
.ricetta__lato{position:static}
.sec{padding:0!important;background:none!important}
}
/* Cassa: codice fiscale nascosto fuori dall'Italia (main.js di WooCommerce lo rimostra), campi azienda */
.fc-nascosto{display:none}
.fc-azienda[hidden]{display:none!important}
.woocommerce form .form-row.fc-azienda-scelta label,.woocommerce form .form-row.fc-newsletter label{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;line-height:1.45;cursor:pointer}
.woocommerce form .form-row.fc-azienda-scelta input,.woocommerce form .form-row.fc-newsletter input{flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--wheat-d)}
.fc-newsletter-area{margin-top:1.6rem}
#billing_codice_fiscale{text-transform:uppercase}
/* la casella e i campi azienda non sono "facoltativi": se la spunti, servono */
.woocommerce form .fc-azienda-scelta .optional,.woocommerce form .fc-azienda .optional{display:none}
/* Pagina Scorte pronte: la voce in cima alla colonna e' quella attiva */
.pshop-lato__scorte.is-attivo{background:var(--ink);color:var(--wheat)}
.pshop-lato__scorte.is-attivo em{background:rgba(255,255,255,.14);color:var(--cream)}
.pshop-risultati>.prose>p:first-child{margin-top:0}
/* Carrello, "Modifica indirizzo": un po' d'aria fra link, campi e pulsante "Aggiorna" */
.shop .cart_totals .woocommerce-shipping-calculator{margin:.4rem 0 .2rem}
.shop .cart_totals .shipping-calculator-form{margin-top:1rem;padding-top:.2rem}
.shop .cart_totals .shipping-calculator-form .form-row{margin:0 0 1rem}
.shop .cart_totals .shipping-calculator-form label{display:block;margin-bottom:.35rem}
.shop .cart_totals .shipping-calculator-form button[name="calc_shipping"]{margin-top:.6rem;width:100%;min-height:3.2rem}
/* Hero con prodotto in evidenza (Personalizza > Hero della home) */
.hero--prodotto .hero__title{font-size:clamp(2.2rem,4.8vw,4rem)}
.hero__formato{margin:-.4rem 0 1rem;color:var(--wheat);font-weight:600;letter-spacing:.04em}
.hero__prezzo{margin:1.2rem 0 0;font:700 clamp(1.6rem,2.6vw,2.1rem)/1 var(--sans);color:#fff}
.hero__prezzo del{opacity:.55;font-size:.6em;font-weight:500;margin-right:.4rem}
.hero__prezzo ins{text-decoration:none}
.hero__prodotto{position:absolute;z-index:2;left:50%;top:52%;height:min(76%,560px);aspect-ratio:9/11;transform:translate(-50%,-50%);border-radius:var(--raggio);overflow:hidden;background:#fff;box-shadow:0 30px 60px -25px rgba(0,0,0,.7)}
.hero__prodotto img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:859px){.hero__prodotto{height:66%;top:61%}}
/* Home: recensioni Google (plugin Trustindex) */
.home-recensioni{border-top:1px solid var(--line)}
.home-recensioni__media{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .7rem;margin:0;color:var(--text);font-size:1.02rem}
.home-recensioni__voto{font:400 2.4rem/1 var(--serif);color:var(--ink)}
.home-recensioni__stelle{color:#e3a72f;letter-spacing:.08em;font-size:1.2rem}
.home-recensioni__media a{color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.home-recensioni__widget{margin-top:-.5rem}
/* Schede del negozio: le stelle allineate a titolo e prezzo (stesso margine interno) */
.shop ul.products li.product .star-rating{display:block;margin:.5rem 1.4rem 0}
@media (max-width:559px){.shop ul.products li.product .star-rating{margin:.4rem .8rem 0}}
/* Schede del negozio allineate in ogni fila: titolo, stelle e formato in alto;
prezzo, disponibilita' e pulsante in fondo, alla stessa altezza anche se il
titolo va su due righe o manca il formato (vini). */
.shop ul.products li.product>a:first-child{display:flex;flex-direction:column}
.shop ul.products li.product>a:first-child>img{flex:none}
.shop ul.products li.product>a:first-child>.price{margin-top:auto}
/* stessa altezza per "Aggiungi al carrello" (a volte su due righe) e "Scegli" */
.shop ul.products li.product .button{min-height:3.4rem;justify-content:center;align-items:center;text-align:center}
@media (max-width:559px){.shop ul.products li.product .button{min-height:3.1rem}}
/* Tra 860 e 1100 px c'e' anche la colonna dei filtri: tre schede diventavano
strettissime (titoli su 6 righe, pulsanti su 3). Due colonne fino a 1100 px. */
@media (min-width:860px) and (max-width:1099px){.shop ul.products{grid-template-columns:repeat(2,1fr)}}
.shop ul.products li.product .button{align-self:stretch}
/* Tutte le file della griglia alte uguali (la piu' alta detta la misura) */
.shop ul.products{grid-auto-rows:1fr}
/* Hero su PC: esattamente uno schermo (barra avvisi + hero = 100vh). L'intestazione
fissa (circa 88 px) sta sopra la hero: il testo parte sotto e si centra nello
spazio che resta. Titolo e sigillo si riducono sugli schermi bassi. */
@media (min-width:860px){
.hero{min-height:0;height:calc(100vh - var(--avvisi-h));height:calc(100svh - var(--avvisi-h))}
body:not(.con-avvisi) .hero{height:100vh;height:100svh}
.hero__in{justify-content:center;padding-top:calc(5.5rem + 2vh);padding-bottom:4vh}
.hero__title{font-size:clamp(2.2rem,min(5.6vw,8.2vh),4.6rem);margin-bottom:min(1.2rem,2vh)}
.hero--prodotto .hero__title{font-size:clamp(2rem,min(4.8vw,7vh),4rem)}
.hero__seal{width:min(104px,11vh);height:min(104px,11vh);margin:.2rem 0 min(1.5rem,2.4vh)}
.hero__in .eyebrow{margin-bottom:min(1.4rem,2.4vh)}
.hero__cta{margin-top:min(2rem,3.4vh)}
.hero__prezzo{margin-top:min(1.2rem,2vh)}
}
@media (min-width:860px){
.hero__title{font-size:clamp(2.2rem,min(5.6vw,7.4vh),4.6rem)}
.hero__lead{font-size:clamp(1rem,min(1.5vw,2.4vh),1.25rem)}
}
/* Calcolatore dell'impasto (FC\Shop\Calcolatore) */
.calc{display:grid;gap:1.6rem;margin:0 0 2.4rem}
@media (min-width:960px){.calc{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:2.4rem}.calc__scelte{position:sticky;top:calc(var(--testa-compatta,4.5rem) + 1.5rem)}}
.calc__scelte{display:grid;gap:1.4rem;padding:1.4rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.calc__tipi{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:0;border:0}
.calc__tipi legend,.calc__quanti>label{margin:0 0 .6rem;font:400 1.35rem/1.2 var(--serif);color:var(--ink);padding:0}
.calc__tipo{position:relative;cursor:pointer}
.calc__tipo input{position:absolute;opacity:0;inset:0;cursor:pointer}
.calc__tipo span{display:flex;align-items:center;justify-content:center;min-height:3.6rem;padding:.6rem;border:2px solid var(--line);border-radius:var(--raggio);font-weight:600;font-size:1.05rem;color:var(--ink);text-align:center;transition:border-color .2s,background .2s}
.calc__tipo input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--wheat)}
.calc__tipo input:focus-visible+span{outline:3px solid var(--wheat);outline-offset:2px}
.calc__quanti>label{display:block}
.calc__quanti>label span{color:var(--muted);font-size:1rem;font-family:var(--sans)}
.calc__qta{display:inline-grid;grid-template-columns:3.4rem 5rem 3.4rem;height:3.4rem;border:1px solid var(--line);border-radius:var(--raggio);overflow:hidden}
.calc__qta button{border:0;background:var(--cream);font-size:1.6rem;color:var(--ink);cursor:pointer}
.calc__qta button:hover{background:#eadfc6}
.calc__qta input{width:100%;border:0;border-inline:1px solid var(--line);text-align:center;font:700 1.35rem var(--sans);color:var(--ink);-moz-appearance:textfield}
.calc__qta input::-webkit-outer-spin-button,.calc__qta input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.calc__rustica{display:flex;gap:.6rem;align-items:flex-start;font-size:1rem;color:var(--text);cursor:pointer}
.calc__rustica input{width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:var(--wheat-d);flex:none}
.calc__esito{display:grid;gap:1.4rem}
.calc__dosi{padding:1.4rem 1.4rem 1.2rem;border-radius:var(--raggio);background:var(--ink);color:var(--on-dark)}
.calc__dosi h2{margin:0 0 1rem;font-size:clamp(1.5rem,3vw,1.9rem);color:#fff}
.calc__dosi dl{margin:0;display:grid;gap:0}
.calc__dosi dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.75rem 0;border-bottom:1px solid rgba(233,224,207,.18)}
.calc__dosi dt{font-size:1.05rem}
.calc__dosi dd{margin:0;text-align:right;font:700 1.45rem/1.2 var(--sans);color:var(--wheat)}
.calc__dosi dd small{display:block;font:400 .9rem/1.4 var(--sans);color:var(--on-dark);opacity:.85}
.calc__consigli{margin:1.1rem 0 0;padding-left:1.1rem;font-size:1rem;line-height:1.55}
.calc__consigli li{margin:.35rem 0}
.calc__ricetta{margin:1rem 0 0}.calc__ricetta a{color:var(--wheat);font-weight:600}
.calc__prodotti{display:grid;gap:1rem}
.calc__sotto{margin:.4rem 0 -.4rem;font-weight:600;color:var(--ink)}
.calc-prodotto{display:grid;grid-template-columns:6.5rem 1fr;gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:var(--raggio);background:#fff}
.calc-prodotto img{width:6.5rem;height:6.5rem;object-fit:cover;border-radius:6px;background:#f6f3ec}
.calc-prodotto h3{margin:0 0 .3rem;font-size:1.25rem}
.calc-prodotto h3 a{color:var(--ink);text-decoration:none}
.calc-prodotto p{margin:0 0 .7rem;color:var(--muted);font-size:.98rem}
.calc-prodotto__formati{display:flex;flex-wrap:wrap;gap:.5rem}
.calc-prodotto__btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:3.2rem;padding:.55rem 1rem;font-size:.95rem;text-align:left}
.calc-prodotto__btn span{font-size:.72rem;letter-spacing:.08em;opacity:.8}
.calc-prodotto__btn.loading{opacity:.6;pointer-events:none}
@media (max-width:520px){.calc-prodotto{grid-template-columns:4.5rem 1fr}.calc-prodotto img{width:4.5rem;height:4.5rem}.calc-prodotto__btn{flex:1 1 100%}}
.calc-tabella{margin-top:1rem}
.calc-tabella table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}
.calc-tabella th,.calc-tabella td{padding:.7rem .8rem;border-bottom:1px solid var(--line);text-align:left}
.calc-tabella thead th{background:var(--cream);font-weight:700}
.calc-tabella__nota{margin-top:.8rem;color:var(--muted);font-size:.95rem}
@media (max-width:620px){.calc-tabella{overflow-x:auto}.calc-tabella table{min-width:520px}}
.calc-link{margin:.9rem 0 0}.calc-link a{color:var(--wheat-d);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
.ricette__calc{margin:1.2rem 0 0}.ricette__calc a{color:var(--wheat);font-weight:600;text-decoration:underline;text-underline-offset:.2em}
/* Home, sezione ricette: invito al calcolatore dell'impasto */
.home-calc{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:1.8rem;padding:1.4rem 1.6rem;border:1px solid var(--line);border-left:4px solid var(--wheat);border-radius:var(--raggio);background:#fff}
.home-calc h3{margin:0 0 .3rem;font-size:1.5rem;color:var(--ink)}
.home-calc p{margin:0;max-width:38rem;color:var(--text);line-height:1.55}
@media (max-width:620px){.home-calc .btn{width:100%;text-align:center}}
/* ---------- IVA: righe "di cui IVA 4%" sotto il totale ---------- */
/* riepilogo ordine (conferma, area clienti): "tramite GLS — consegna in 24/48 ore" e
il metodo di pagamento vanno a capo, gli importi no. Prima la riga della spedizione
allargava la tabella oltre lo schermo del telefono. */
.shop table.shop_table.order_details tfoot td,.shop table.shop_table.order_details tfoot tr:has(.woocommerce-Price-amount) td{white-space:normal}
.shop table.shop_table.order_details .woocommerce-Price-amount{white-space:nowrap}
.shop table.shop_table.order_details .shipped_via{display:block;font-size:.85em;color:var(--muted)}
/* "di cui IVA" sotto il totale: righe piccole e strette, senza linee, perche' non
sono importi da pagare ma il dettaglio del totale */
.shop table tr.iva-riga{padding:0!important;border:0!important;min-height:0!important;margin:0!important}
.shop table tr.iva-riga>th,.shop table tr.iva-riga>td{padding:0 0 .15rem!important;border:0!important;font:400 .88rem/1.5 var(--sans)!important;color:var(--muted)!important;background:none!important}
.shop table tr.iva-riga>td{text-align:right}
.shop table tr.order-total:has(+tr.iva-riga),.shop table tr.order-total:has(+tr.iva-riga)>*{border-bottom:0!important;padding-bottom:.25rem!important}
.shop table tr.iva-riga:last-child>th,.shop table tr.iva-riga:last-child>td{padding-bottom:.6rem!important}
/* vino nel carrello: avviso della dichiarazione di maggiore eta' */
.fc-avviso-vino{margin:0 0 1rem;padding:.7rem 1rem;border-left:3px solid var(--wheat);background:#fffaf0;font-size:.95rem}
.fc-maggiorenne{margin:.6rem 0 .2rem}
/* "Mostra solo" sta in cima: spazio prima del pulsante delle scorte pronte */
.pshop-lato__gruppo + .pshop-lato__scorte{margin-top:1.2rem}
/* La barra di scorrimento non deve cambiare le larghezze:
- colonna filtri (ferma, alta al massimo quanto lo schermo): con un filtro attivo
comparivano "1 attivi" e "Azzera i filtri", la colonna diventava piu' alta dello
spazio, Chrome aggiungeva la barra e il riquadro si stringeva di ~15 px;
- pagina: senza la barra la finestra "cresce" e intorno ai 1200 px saltava la
larghezza della colonna (17,5rem / 19,5rem). */
html{scrollbar-gutter:stable}
@media (min-width:900px){
.pshop-lato{scrollbar-gutter:stable;scrollbar-width:thin}
}
/* recensioni Google in home, mostrate dal tema (senza il widget di Trustindex) */
.home-recensioni__elenco{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
.recensione{background:#fff;border:1px solid var(--line);border-radius:var(--raggio);padding:1.2rem 1.3rem;display:flex;flex-direction:column;gap:.55rem}
.recensione__testa{display:flex;align-items:center;gap:.75rem}
.recensione__iniziale{flex:0 0 2.6rem;height:2.6rem;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--wheat);font:600 1.1rem/1 var(--sans)}
.recensione__nome{display:block;color:var(--ink);font-size:1rem}
.recensione__data{display:block;color:var(--muted);font-size:.85rem}
.recensione__stelle{margin:0;color:#e3a72f;letter-spacing:.08em;font-size:1.05rem}
.recensione__testo{margin:0;color:var(--text);font-size:.98rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.recensione__risposta{margin:.2rem 0 0;padding:.6rem .8rem;background:var(--cream);border-radius:6px;font-size:.88rem;color:var(--muted)}
@media (max-width:640px){
.home-recensioni__elenco{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 .6rem}
.recensione{flex:0 0 85%;scroll-snap-align:start}
}
/* Informativa privacy: tabella "finalità, dati, base giuridica, tempi".
Sul telefono ogni riga diventa una scheda con le etichette davanti ai valori. */
.tabella-privacy{margin:1.2rem 0 1.6rem}
.tabella-privacy table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem;line-height:1.5}
.tabella-privacy th,.tabella-privacy td{padding:.75rem .8rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.tabella-privacy thead th{background:var(--cream);font-weight:700}
.tabella-privacy tbody th{font-weight:600}
@media (max-width:700px){
.tabella-privacy thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.tabella-privacy table,.tabella-privacy tbody,.tabella-privacy tr,.tabella-privacy th,.tabella-privacy td{display:block;width:100%}
.tabella-privacy table{background:none}
.tabella-privacy tr{margin:0 0 .9rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--line);border-radius:var(--raggio)}
.tabella-privacy th,.tabella-privacy td{padding:0;border:0}
.tabella-privacy tbody th{margin:0 0 .6rem;font-size:1.05rem}
.tabella-privacy td{margin-top:.5rem}
.tabella-privacy td::before{content:attr(data-etichetta);display:block;font:600 .78rem/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
}