/*!
 * Miele di Sicilia — Shop · fogli di stile dei tre moduli
 */

/* ==========================================================================
   Scheda prodotto
   ========================================================================== */
/* Occhiello sopra il titolo — prototipo: .eyebrow
   Dichiarazioni identiche al prototipo. !important solo dove Woodmart
   interviene con selettori più specifici sui paragrafi della colonna
   prodotto: dimensione, peso, colore, spaziatura fra le lettere, margini.
   La linea è lo pseudo-elemento ::after, che occupa lo spazio rimasto. */
.mds-eyebrow,
span.mds-eyebrow,
p.mds-eyebrow{
	display:flex!important;align-items:center;gap:8px;
	margin:0 0 6px!important;padding:0!important;
	font-family:inherit;font-size:11.5px!important;font-weight:700!important;
	letter-spacing:.13em!important;line-height:1.4!important;
	text-transform:uppercase!important;text-align:left!important;
	color:#966006!important}
.mds-eyebrow::after{content:""!important;
	flex:1 1 0%!important;height:1px!important;
	margin:0!important;padding:0!important;border:0!important;
	box-shadow:none!important;background:#E6DBC9!important}

/* Kit collegato — prototipo: .bundle */
.mds-kit{margin:14px 0 0;padding:16px;background:#FFFBF2;
	border:1.5px dashed #D99518;border-radius:14px}
.mds-kit__head{display:flex;justify-content:space-between;align-items:center;gap:12px;
	flex-wrap:wrap;margin-bottom:12px}
.mds-kit__head h2,.mds-kit__head h3{margin:0;padding:0;font-size:16px;line-height:1.25;color:#1C1611;text-transform:none}
.mds-kit__save{flex:0 0 auto;padding:4px 9px;background:#3F6B4A;color:#fff;border-radius:100px;
	font-size:11px;font-weight:700;line-height:1.4;white-space:nowrap}
.mds-kit__save .amount{color:#fff!important;font-size:inherit!important;font-weight:700!important}
.mds-kit__items{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:13px}
.mds-kit__thumb{flex:0 0 auto;display:grid;place-items:center;width:56px;height:56px;
	overflow:hidden;background:#F5EDE0;border:1px solid #E6DBC9;border-radius:11px}
.mds-kit__thumb img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border-radius:0}
.mds-kit__plus{flex:0 0 auto;color:#726351;font-size:15px;line-height:1}
.mds-kit__sum{margin:0 0 11px;font-size:13.5px;line-height:1.5;color:#463A2C}
.mds-kit__sum s{color:#726351}
.mds-kit__sum s .amount{color:#726351!important;font-size:inherit!important;font-weight:400!important}
.mds-kit__sum b{font-size:16px;color:#1C1611}
.mds-kit__sum b .amount{color:#1C1611!important;font-size:inherit!important;font-weight:700!important}
.mds-kit__sum .amount{display:inline!important;white-space:nowrap}
.mds-kit__btn{display:flex!important;align-items:center;justify-content:center;
	width:100%;height:44px;padding:0 16px;margin:0!important;
	background:#D99518!important;color:#241A0A!important;border:0!important;border-radius:11px!important;
	font-size:14px!important;font-weight:700!important;line-height:1;text-align:center;text-decoration:none;
	text-transform:none!important;letter-spacing:normal!important;transition:background-color .15s ease,color .15s ease}
.mds-kit__btn:hover{background:#966006!important;color:#fff!important}
.mds-kit__btn.loading{opacity:.6}
.mds-kit__btn.added::after{content:""}

/* Elenco dei componenti, sulla pagina del kit */
.mds-kit--contents{background:#FCF8F1;border-style:solid;border-width:1px;border-color:#E6DBC9}
.mds-kit__list{list-style:none;margin:0;padding:0}
.mds-kit__list li{margin:0;padding:0;border-bottom:1px solid #E6DBC9}
.mds-kit__list li:last-child{border-bottom:0}
.mds-kit__list a{display:flex;align-items:center;gap:12px;padding:10px 0;
	text-decoration:none;color:#1C1611}
.mds-kit__list a:hover .mds-kit__name{color:#966006;text-decoration:underline}
.mds-kit__name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;line-height:1.4}
.mds-kit__price{flex:0 0 auto;font-size:13.5px;color:#726351;white-space:nowrap}
.mds-kit__price .amount{color:#726351!important;font-size:inherit!important;font-weight:400!important}
.mds-kit--contents .mds-kit__sum{margin:12px 0 0;font-size:12.5px;color:#726351}
.mds-kit--contents .mds-kit__sum b{font-size:13.5px}
@media (max-width:575px){
	.mds-kit{padding:14px}
	.mds-kit__thumb{width:48px;height:48px}
}

.mds-acc{margin:14px 0 0;border-top:1px solid #E6DBC9}
.mds-acc details{margin:0;padding:0;border-bottom:1px solid #E6DBC9;background:none}
.mds-acc summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;
	margin:0;padding:17px 0;cursor:pointer;
	font-family:inherit;font-size:14.5px;font-weight:700;line-height:1.4;color:#1C1611;
	text-transform:none;letter-spacing:normal}
.mds-acc summary::-webkit-details-marker{display:none}
.mds-acc summary::marker{content:""}
.mds-acc summary::after{content:"+";flex:0 0 auto;font-size:20px;font-weight:400;line-height:1;
	color:#966006;transition:transform .2s ease}
.mds-acc details[open]>summary::after{transform:rotate(45deg)}
.mds-acc__body{padding:0 0 18px;font-size:14px;line-height:1.6;color:#463A2C}
.mds-acc__body p{margin:0 0 10px}
.mds-acc__body p:last-child{margin-bottom:0}

.mds-spec{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0;font-size:13.5px}
.mds-spec dt{margin:0;color:#726351;font-weight:400}
.mds-spec dd{margin:0;font-weight:600;color:#1C1611}

.mds-meter{margin:16px 0 0}
.mds-mrow{display:flex;align-items:center;gap:12px;margin-bottom:9px;font-size:12.5px}
.mds-ml{flex:0 0 auto;width:96px;color:#726351}
.mds-mbar{flex:1 1 auto;height:6px;background:#F5EDE0;border-radius:100px;overflow:hidden}
.mds-mfill{display:block;height:100%;border-radius:100px;
	background:linear-gradient(90deg,#F5C359,#966006)}

.mds-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.mds-chip{display:inline-block;padding:6px 12px;background:#F5EDE0;border:1px solid #E6DBC9;
	border-radius:100px;font-size:12.5px;font-weight:500;color:#1C1611;line-height:1.4}

.mds-nut{width:100%;margin:0;border-collapse:collapse;font-size:13px}
.mds-nut td{padding:7px 0;border-bottom:1px solid #E6DBC9;background:none}
.mds-nut td:last-child{text-align:right;font-weight:600;white-space:nowrap}
.mds-nut tr.is-sub td:first-child{padding-left:14px;color:#726351}
.mds-nut tr.is-sub td:last-child{font-weight:400;color:#726351}
.mds-nut__foot{margin:9px 0 0;font-size:12px;color:#726351}
.mds-nut__note{margin-top:12px;font-size:13px}
.mds-nut__note b,.mds-nut__note strong{color:#1C1611}

@media (max-width:575px){
	.mds-spec{grid-template-columns:1fr;gap:2px 0}
	.mds-spec dd{margin-bottom:8px}
	.mds-ml{width:78px}
}

/* ==========================================================================
   Tempi di consegna
   ========================================================================== */
.mds-ship{display:flex;gap:11px;align-items:flex-start;margin:12px 0;padding:13px 15px;
	background:#F1F6F1;border:1px solid #D4E4D6;border-radius:14px;
	font-size:13.5px;line-height:1.5;color:#463A2C}
.mds-ship__dot{flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-radius:50%;
	background:#3F6B4A;box-shadow:0 0 0 4px rgba(63,107,74,.15)}
.mds-ship__text{flex:1 1 auto;min-width:0}
.mds-ship__when b{color:#1C1611;font-weight:700}
.mds-ship__free{display:block;margin-top:2px;color:#726351;font-size:12.5px}
.mds-ship__free b{color:#966006;font-weight:700;white-space:nowrap}
.mds-ship .amount{display:inline!important;font-size:inherit!important;color:inherit!important;
	font-weight:inherit!important;white-space:nowrap}
@media (max-width:575px){.mds-ship{padding:12px;font-size:13px}}

/* ==========================================================================
   Confezione regalo
   ========================================================================== */
/* ==================================================================
 * 0. Isolamento dagli stili del tema
 * Woodmart applica regole proprie a label, input[type=checkbox],
 * .amount e alle voci della lista mini carrello. Le neutralizziamo
 * solo dentro i nostri blocchi.
 * ================================================================== */
.mds-gw,.mds-gw *,.mds-gw-card,.mds-gw-card *{box-sizing:border-box}

/* Voce di lista: via pallini, bordi e padding verticale delle righe carrello.
   Il padding ORIZZONTALE del tema va invece conservato, altrimenti il blocco
   si appiccica ai bordi del drawer invece di allinearsi ai prodotti.
   Il JavaScript lo ricopia comunque dalla riga prodotto precedente. */
li.mds-gw-li{list-style:none!important;display:block!important;
	margin:0 0 4px!important;padding-top:0!important;padding-bottom:0!important;
	border:0!important;background:none!important;min-height:0!important}
li.mds-gw-li::before,li.mds-gw-li::after{content:none!important;display:none!important}
li.mds-gw-li>.mds-gw{margin:10px 0!important}

/* checkbox: Woodmart la nasconde e la ridisegna con pseudo-elementi,
   il che manda in pezzi l\'allineamento. Torniamo a quella nativa. */
.mds-gw__input,.mds-gw-opt .mds-gw__input{
	-webkit-appearance:checkbox!important;-moz-appearance:checkbox!important;appearance:checkbox!important;
	position:static!important;float:none!important;clip:auto!important;
	opacity:1!important;visibility:visible!important;pointer-events:auto!important;
	padding:0!important;border:0!important;background:none!important;box-shadow:none!important;
	min-width:0!important;max-width:none!important;min-height:0!important;
	flex:0 0 auto!important;accent-color:#D99518;cursor:pointer}
.mds-gw__input::before,.mds-gw__input::after{content:none!important;display:none!important}

/* importi WooCommerce: restano in linea e non prendono stili dai totali */
.mds-gw .amount,.mds-gw-card .amount,
.mds-gw .woocommerce-Price-amount,.mds-gw-card .woocommerce-Price-amount{
	display:inline!important;float:none!important;
	font-size:inherit!important;font-weight:inherit!important;
	color:inherit!important;line-height:inherit!important;white-space:nowrap}

/* ==================================================================
 * 1. Variante compatta — mini carrello e pagina carrello
 * Prototipo: blocco ".gift" del cart drawer
 * ================================================================== */
/* Nel prototipo la scheda è bianca su fondo crema. Il side cart di Woodmart
   è bianco, quindi invertiamo la coppia — crema su bianco — per conservare
   lo stesso stacco visivo. */
.mds-gw{display:flex!important;flex-wrap:nowrap;gap:11px;align-items:flex-start;
	width:100%;max-width:100%;margin:14px 0;padding:14px!important;
	background:#FBF7EF!important;border:1px solid #E6DBC9!important;
	border-radius:14px!important;
	font-family:inherit;font-size:13.5px;font-weight:400;line-height:1.5;
	text-align:left;text-transform:none;letter-spacing:normal;color:#1C1611;
	cursor:pointer;overflow:hidden;
	transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.mds-gw:hover{border-color:#F5C359!important}
.mds-gw.is-on{border-color:#D99518!important;background:#FFF6E3!important;
	box-shadow:0 0 0 3px rgba(217,149,24,.13)}

/* Anti-sfarfallio: quando il blocco va spostato sopra il subtotale resta
   invisibile finché il JavaScript non lo ha collocato. Se lo script non
   dovesse partire, l\'animazione lo rivela comunque dopo 600 ms. */
.mds-gw[data-place]{visibility:hidden;
	animation:mdsGwReveal 0s linear .6s forwards}
@keyframes mdsGwReveal{to{visibility:visible}}
.mds-gw.mds-gw--placed{visibility:visible!important;animation:none!important}
.mds-gw .mds-gw__input{width:16px!important;height:16px!important;margin:3px 0 0!important}
.mds-gw__text{display:block;flex:1 1 auto;min-width:0;max-width:100%}
.mds-gw__title{display:block;margin:0;font-size:13.5px;font-weight:700;
	line-height:1.4;color:#1C1611;overflow-wrap:anywhere}
.mds-gw__desc{display:block;margin:2px 0 0;font-size:12px;font-weight:400;
	line-height:1.45;color:#726351;overflow-wrap:anywhere}

/* ==================================================================
 * 2. Variante estesa — checkout
 * Prototipo: card ".card" + riga ".shipopt"
 * ================================================================== */
.mds-gw-card{clear:both;width:100%;margin:0 0 18px;padding:24px;
	background:#fff;border:1px solid #E6DBC9;border-radius:22px}
.mds-gw-card__head{margin:0 0 16px}
.mds-gw-card__head h3{margin:0 0 4px!important;padding:0!important;
	font-size:18px;line-height:1.15;letter-spacing:-.015em;
	text-transform:none;color:#1C1611}
.mds-gw-card__head p{margin:0!important;font-size:13px;line-height:1.45;color:#726351}
.mds-gw-opt{display:flex!important;flex-wrap:nowrap;gap:12px;align-items:flex-start;
	width:100%;margin:0;padding:15px!important;
	background:#fff;border:1.5px solid #E6DBC9;border-radius:14px;
	font-family:inherit;font-weight:400;text-align:left;text-transform:none;
	cursor:pointer;
	transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.mds-gw-opt:hover{border-color:#F5C359}
.mds-gw-opt.is-on{border-color:#D99518;background:#FFFBF2;box-shadow:0 0 0 3px rgba(217,149,24,.11)}
.mds-gw-opt .mds-gw__input{width:17px!important;height:17px!important;margin:2px 0 0!important}
.mds-gw-opt__info{flex:1 1 auto;min-width:0}
.mds-gw-opt__info b{display:block;font-size:14px;font-weight:700;line-height:1.4;
	color:#1C1611;overflow-wrap:anywhere}
.mds-gw-opt__info span{display:block;font-size:12.5px;font-weight:400;line-height:1.45;
	color:#726351;overflow-wrap:anywhere}
.mds-gw-opt__price{flex:0 0 auto;font-size:14px;font-weight:700;color:#1C1611;white-space:nowrap}

/* ==================================================================
 * 3. Stati
 * ================================================================== */
.mds-gw-busy{opacity:.5;pointer-events:none}
.mds-gw-row td{padding:0!important;border:0!important}
.mds-gw-row td>.mds-gw{margin:10px 0}

/* ==================================================================
 * 4. Schermi stretti — side cart a tutta larghezza e checkout mobile
 * Sotto i 480px il prezzo del checkout passa sotto al testo,
 * rientrato per restare allineato con l\'etichetta.
 * ================================================================== */
@media (max-width:575px){
	.mds-gw{gap:10px;padding:12px!important;font-size:13px}
	.mds-gw__title{font-size:13px}
	.mds-gw__desc{font-size:11.5px}
	.mds-gw-card{padding:16px;border-radius:16px}
	.mds-gw-card__head{margin-bottom:12px}
	.mds-gw-card__head h3{font-size:16px}
	.mds-gw-opt{flex-wrap:wrap;gap:10px;padding:13px!important}
	.mds-gw-opt__info{flex:1 1 100%}
	.mds-gw-opt__price{order:3;width:100%;padding-left:27px;text-align:left}
}

/* Il side cart di Woodmart è stretto anche su desktop: evitiamo che
   il titolo con il prezzo spinga il riquadro oltre il contenitore. */
.widget_shopping_cart_content .mds-gw,.wd-side-hidden .mds-gw{max-width:100%}

/* Per usare il carattere del prototipo nel titolo della scheda checkout,
   carica Fraunces dal tema e togli il commento a questa regola:
.mds-gw-card__head h3{font-family:"Fraunces",Georgia,serif;font-weight:600}
*/

/* ==========================================================================
   Spaziatura fra i blocchi
   I blocchi possono stare uno dentro l'altro (inserimento automatico) oppure
   ciascuno nel proprio elemento del builder (shortcode). Nel secondo caso il
   margine del builder si sommerebbe al nostro: qui lo azzeriamo e lasciamo
   decidere al builder, così gli spazi restano quelli che imposti tu.
   ========================================================================== */
.mds-sc{display:block}
span.mds-sc{display:block}
.mds-sc:empty{display:none}
.mds-sc > *:first-child{margin-top:0}
.mds-sc > *:last-child{margin-bottom:0}
.mds-sc + .mds-sc{margin-top:0}

/* Un blocco che non ha nulla da dire non deve lasciare spazio. */
.mds-sc--vuoto,
.mds-hidden{display:none!important}

/* Contenitore che avvolge solo l'occhiello: niente stacco sotto, così il
   titolo del prodotto resta vicino come nel prototipo. */
.mds-tight{margin-bottom:0!important;padding-bottom:0!important}
.mds-tight + *{margin-top:0!important}

/* ==========================================================================
   Recensioni — prototipo: sezione #recensioni
   ========================================================================== */
.mds-rev{margin:0 0 26px}
.mds-rev__title{margin:0 0 8px;font-family:'Fraunces',Georgia,serif;font-size:clamp(24px,3.2vw,32px);
	font-weight:600;line-height:1.15;letter-spacing:-.015em;color:#1C1611}
.mds-rev__sub{margin:0 0 28px;font-size:14.5px;color:#726351}
.mds-rev__grid{display:grid;grid-template-columns:250px 1fr;gap:40px}
.mds-rev__sum{background:#fff;border:1px solid #E6DBC9;border-radius:22px;padding:22px;text-align:center;align-self:start}
.mds-rev__big{font-family:'Fraunces',Georgia,serif;font-size:52px;font-weight:700;line-height:1}
.mds-rev__bars{margin-top:16px;text-align:left}
.mds-rev__bar{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#726351;margin-bottom:5px}
.mds-rev__bar .t{flex:1;height:5px;background:#F5EDE0;border-radius:100px;overflow:hidden}
.mds-rev__bar .t i{display:block;height:100%;background:#D99518}
.mds-rev__list{display:grid;gap:14px}
.mds-rev__card{background:#fff;border:1px solid #E6DBC9;border-radius:14px;padding:18px}
.mds-rev__top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}
.mds-rev__name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}
.mds-rev__verif{background:#EDF4EE;color:#3F6B4A;font-size:10px;font-weight:700;padding:3px 7px;border-radius:100px}
.mds-rev__date{font-size:12px;color:#726351}
.mds-rev__text{font-size:14px;color:#463A2C}
.mds-stars{color:#D99518;letter-spacing:1px;font-size:14px}
.mds-rev__count{font-size:12.5px;color:#726351}
.mds-rev__sum .mds-stars{display:block;font-size:17px;margin:6px 0}
.mds-rev__bar span:first-child{flex:0 0 auto;width:20px}
.mds-rev__bar span:last-child{flex:0 0 auto;width:26px;text-align:right}
.mds-rev__extra{margin-top:16px;padding-top:14px;border-top:1px solid #E6DBC9;font-size:12.5px;text-align:left}
.mds-rev__extra div{display:flex;justify-content:space-between;margin-bottom:5px}
.mds-rev__extra span{color:#726351}
.mds-rev__card .mds-stars{display:block;margin-bottom:7px}
.mds-rev__text{margin:0}
.mds-rev--vuota p{margin:0;font-size:14px;color:#726351}
@media (max-width:800px){.mds-rev__grid{grid-template-columns:1fr;gap:24px}}
.mds-rev__fonte{background:#F5EDE0;color:#726351;font-size:10px;font-weight:700;
	padding:3px 7px;border-radius:100px;white-space:nowrap}
.mds-rev--generali .mds-rev__sum{background:#FCF8F1}
.mds-rev__name a{color:inherit;text-decoration:none}
.mds-rev__name a:hover{color:#966006;text-decoration:underline}
.mds-rev__attrib{margin:14px 0 0;font-size:12px;color:#726351}
.mds-rev__attrib a{color:#966006;font-weight:600}