/*
Street Luxury — WooCommerce
Caricato dopo i fogli del plugin, con quelli come dipendenza.
Qui dentro si veste tutto quello che WooCommerce stampa di suo:
negozio, scheda prodotto, carrello, checkout, account.
*/

/* spaziatura delle pagine negozio, prima scritta a mano nel template */
.sl-page-pad{padding:10px 0 90px}
.sl-page-pad.is-product{padding-top:0}

/* ------------------------------------------------------------- avvisi */
.woocommerce-notices-wrapper{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.woocommerce-message,.woocommerce-info,.woocommerce-error,
.woocommerce ul.woocommerce-error{
  border:1px solid var(--line);border-left:2px solid rgba(var(--light-rgb),.6);
  background:var(--bg-card);color:var(--ink);padding:16px 20px;margin:24px 0;
  font-size:13.5px;list-style:none;border-radius:var(--r)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message a,.woocommerce-info a{border-bottom:1px solid var(--line)}
.woocommerce-message .button,.woocommerce-info .button{float:right}

/* --------------------------------------------------------- la griglia */
.woocommerce ul.products,.sl-shop ul.products{display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;
  list-style:none;margin:0;padding:0}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products>li.product,.woocommerce ul.products>.product{
  width:auto;margin:0;float:none;clear:none}

/* LA CARD.
   Le foto vere dei capi sono scatti su fondo nero, non ritagli con lo
   sfondo trasparente: il cono di luce disegnato e il riflesso specchiato
   sotto — che sul mockup funzionavano — su una fotografia diventano un
   trapezio grigio appiccicato sopra il modello. Qui la foto occupa un
   riquadro pulito 4:5 e la luce resta un bagliore dietro, non davanti. */
.woocommerce .card::before,.card::before{
  top:auto;bottom:38%;left:50%;width:120%;height:70%;transform:translate(-50%,50%);
  clip-path:none;border-radius:50%;
  background:radial-gradient(50% 50% at 50% 50%,rgba(var(--light-rgb),.16),transparent 70%);
  filter:blur(30px);opacity:.5}
.card .shot{height:auto;aspect-ratio:4/5;border-radius:calc(var(--r) + 1px);
  overflow:hidden;background:#0a0a0c;display:block}
.card .shot::after{display:none}
.card .pic{position:static;height:100%;display:block}
.card .pic img,.card .shot img{width:100%;height:100%;object-fit:cover;
  transition:transform .9s cubic-bezier(.2,.8,.2,1);filter:none}
.card:hover .pic img,.card:hover .shot img{transform:scale(1.045)}
.card .refl{display:none}

/* titolo e prezzo incolonnati: i nomi dei prodotti sono lunghi e su due
   righe la versione affiancata mandava il prezzo fuori asse */
.card .meta{display:block;margin-top:18px;min-height:0}
.card .meta h3{font-size:12.5px;font-weight:400;line-height:1.45;max-width:none;
  letter-spacing:.02em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;
  -webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.card .meta .price{font-family:'Instrument Serif',serif;font-size:16px;
  display:flex!important;align-items:baseline;justify-content:flex-start;gap:7px;
  flex-wrap:nowrap;margin-top:6px;color:var(--ink)}
.card .meta .price del,.card .meta .price del .amount,
.card .meta .price del bdi{font-family:'Inter Tight',sans-serif;font-size:11.5px;
  color:var(--faint);text-decoration:line-through;margin:0;opacity:1;flex:none}
.card .meta .price ins,.card .meta .price>.amount{flex:none}
.card .meta .price ins{text-decoration:none;background:transparent;color:var(--ink)}
.card .meta .price .woocommerce-Price-currencySymbol{font-size:.82em;padding-left:2px}
.card .meta .price del .woocommerce-Price-currencySymbol{font-size:1em;padding-left:1px}
.card .add{margin-top:14px}

@media(max-width:640px){
  .woocommerce ul.products,.sl-shop ul.products{grid-template-columns:repeat(2,1fr);gap:11px}
  /* sotto l'ultima riga di prodotti bastano poche decine di pixel prima
     del piè di pagina: novanta erano un buco */
  .sl-page-pad{padding-bottom:34px}
  .woocommerce nav.woocommerce-pagination ul{margin-top:32px}
  .woocommerce .card{padding:14px 12px 14px}
  .card .meta h3{font-size:11.5px}
  .card .meta .price{font-size:14px;gap:5px;margin-top:5px}
  .card .meta .price del,.card .meta .price del bdi{font-size:10px}
  .card .meta h3{min-height:2.8em}
  .card .add{margin-top:11px}
  .card .add{font-size:9.5px;padding:11px 10px;letter-spacing:.12em}
  .card .tag{font-size:8.5px;padding:4px 9px;top:10px;left:10px}
}

/* --------------------------------------------- testata delle categorie */
.sl-shop-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;
  border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:30px;flex-wrap:wrap}
.woocommerce .woocommerce-result-count{margin:0;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--faint)}
.woocommerce .woocommerce-ordering{margin:0}
.woocommerce .woocommerce-ordering select{background:transparent;border:1px solid var(--line);
  border-radius:var(--r);padding:10px 14px;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,rgba(245,242,236,.5) 50%),
    linear-gradient(135deg,rgba(245,242,236,.5) 50%,transparent 50%);
  background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px}
.woocommerce .woocommerce-ordering select option{background:#111;color:var(--ink)}

.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center;
  margin:56px 0 0;list-style:none;padding:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;list-style:none;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  border:1px solid var(--line);border-radius:50%;width:42px;height:42px;
  display:grid;place-items:center;font-size:12.5px;padding:0;color:var(--muted);background:transparent}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:rgba(var(--light-rgb),.92);color:#0a0a0b;border-color:transparent}

/* =====================================================================
   SCHEDA PRODOTTO
   ===================================================================== */
.single-product div.product{position:relative;display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:66px;padding:30px 0 90px;max-width:1180px;margin:0 auto;align-items:start}
/* nel mockup .summary era il riquadro del carrello: qui è la colonna
   d'acquisto e non deve ereditarne bordo, sfondo e posizione */
.single-product div.product .summary{background:none!important;border:0!important;
  padding:0!important;position:static!important;box-shadow:none!important;
  max-width:none;width:auto;border-radius:0!important}
.single-product div.product::before,.single-product div.product::after{display:none}

/* galleria: più piccola di prima e senza faretto sopra la foto */
.single-product div.product .woocommerce-product-gallery{
  width:100%!important;float:none!important;margin:0;position:relative;max-width:500px}
.single-product div.product .woocommerce-product-gallery::before{display:none}
.single-product .woocommerce-product-gallery__wrapper{margin:0;border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;background:#0a0a0c}
.single-product .woocommerce-product-gallery__image img{width:100%;height:auto;display:block}
.single-product .woocommerce-product-gallery .flex-control-thumbs{display:flex;gap:10px;
  margin:12px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.single-product .woocommerce-product-gallery .flex-control-thumbs li{width:76px;margin:0;float:none;
  aspect-ratio:4/5;overflow:hidden;border-radius:var(--r)}
.single-product .woocommerce-product-gallery .flex-control-thumbs img{width:100%;height:100%;
  object-fit:cover;display:block;
  border:1px solid var(--line);border-radius:var(--r);opacity:.55;transition:opacity .4s,border-color .4s}
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active,
.single-product .woocommerce-product-gallery .flex-control-thumbs img:hover{
  opacity:1;border-color:rgba(var(--light-rgb),.45)}
/* la lente bianca di serie stonava sopra la foto: la nascondiamo, la
   galleria si apre lo stesso toccando l'immagine */
.single-product .woocommerce-product-gallery__trigger{display:none!important}

/* etichetta saldo: la pastiglia del tema, non il bollino giallo.
   Sta dentro la galleria (la stampa un aggancio PHP che gira lì dentro),
   quindi si appoggia all'angolo della foto invece di occupare una casella
   della griglia e lasciare un vuoto sopra l'immagine. */
.woocommerce span.onsale{position:absolute;top:16px;left:16px;right:auto;margin:0;padding:6px 13px;
  min-width:0;min-height:0;line-height:1;border-radius:100px;background:rgba(10,10,12,.7);
  border:1px solid rgba(var(--light-rgb),.4);color:var(--ink);font-size:9.5px;
  letter-spacing:.22em;text-transform:uppercase;font-weight:400;z-index:8}

.single-product div.product .summary{margin:0;width:auto;float:none}
.single-product div.product .product_title{font-size:clamp(26px,3vw,40px);font-weight:300;
  letter-spacing:-.03em;line-height:1.1;margin:0 0 18px;text-transform:none}
/* ATTENZIONE al perimetro: «.single-product div.product .price» pescava
   anche i prezzi delle card dei prodotti correlati, che stanno dentro lo
   stesso contenitore. Risultato: prezzi da 32px mandati a capo su due
   righe nelle card in fondo alla pagina. Il prezzo grande è solo quello
   della colonna d'acquisto, cioè dentro .summary. */
.single-product div.product .summary p.price,
.single-product div.product .summary span.price{
  font-family:'Instrument Serif',serif;font-size:32px;color:var(--ink);
  margin:0 0 22px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.single-product div.product .summary p.price del{font-family:'Inter Tight',sans-serif;font-size:15px;
  color:var(--faint);opacity:1;text-decoration:line-through}
.single-product div.product .summary p.price ins{text-decoration:none;background:transparent;color:var(--ink)}
.single-product .woocommerce-product-details__short-description{color:var(--muted);
  font-size:14.5px;line-height:1.85;margin:0 0 26px;padding-bottom:26px;
  border-bottom:1px solid var(--line)}
.single-product .woocommerce-product-rating{margin-bottom:16px}

.single-product form.cart{margin:0 0 22px;display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}
.single-product form.cart.variations_form{display:block}
.single-product form.cart .quantity,.single-product form.cart .button{vertical-align:top}
.single-product form.cart.variations_form .quantity,
.single-product form.cart.variations_form .single_add_to_cart_button{display:inline-block;margin-right:10px}
.single-product .woocommerce-variation-add-to-cart{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}
.single-product .variations{width:100%;margin:0 0 18px;border-collapse:collapse}
.single-product .variations tr{display:block;margin-bottom:14px}
.single-product .variations th,.single-product .variations td{display:block;padding:0;text-align:left}
.single-product .variations th label{font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-bottom:8px;display:block}
.single-product .variations select{width:100%;background:transparent;border:1px solid var(--line);
  border-radius:var(--r);padding:14px 15px;color:var(--ink);font-size:14px;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,rgba(245,242,236,.5) 50%),
    linear-gradient(135deg,rgba(245,242,236,.5) 50%,transparent 50%);
  background-position:calc(100% - 20px) 55%,calc(100% - 15px) 55%;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.single-product .variations select option{background:#111;color:var(--ink)}
.single-product .woocommerce-variation-price{margin-bottom:16px}
.single-product a.reset_variations{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--faint);display:inline-block;margin-bottom:12px}

/* fascia di rassicurazione sotto il pulsante */
.sl-assure{border-top:1px solid var(--line);padding-top:22px;margin-top:26px;
  display:grid;gap:14px}
.sl-assure div{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:var(--muted);line-height:1.6}
.sl-assure b{display:block;color:var(--ink);font-weight:400;font-size:11px;
  letter-spacing:.18em;text-transform:uppercase;margin-bottom:3px}
.sl-assure i{width:5px;height:5px;border-radius:50%;margin-top:7px;flex:none;
  background:rgba(var(--light-rgb),.75);box-shadow:0 0 12px rgba(var(--light-rgb),.6)}

.single-product .product_meta{border-top:1px solid var(--line);margin-top:26px;padding-top:20px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);
  display:flex;flex-direction:column;gap:8px}
.single-product .product_meta a{color:var(--muted)}
.single-product .product_meta a:hover{color:var(--ink)}

/* linguette: niente riquadro bianco, solo una riga di etichette */
.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:34px;
  border-top:1px solid var(--line);padding-top:48px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 26px;border:0;
  display:flex;gap:34px;flex-wrap:wrap;background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs::after{display:none;border:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:transparent!important;
  border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;
  margin:0;padding:0;box-shadow:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important;border:0!important;box-shadow:none!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--faint)!important;font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;padding:0 0 14px;font-weight:400;display:block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
  border-bottom-color:rgba(var(--light-rgb),.8)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--ink)!important}
.woocommerce div.product .woocommerce-tabs .panel{color:var(--muted);font-size:14.5px;
  line-height:1.9;max-width:760px;margin:0}
/* la linguetta dice già «Descrizione»: il titolo dentro al pannello
   ripeteva la stessa parola due volte di fila */
.woocommerce div.product .woocommerce-tabs .panel>h2:first-child{display:none}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin-bottom:16px}
.woocommerce div.product .woocommerce-tabs .panel table.shop_attributes th{width:180px}

/* recensioni */
.woocommerce #reviews #comments ol.commentlist li .comment-text{border:1px solid var(--line);
  border-radius:var(--r);background:var(--bg-card);padding:22px 24px}
.woocommerce #reviews #comments ol.commentlist li img.avatar{border:1px solid var(--line);
  background:transparent;padding:2px;border-radius:50%;width:44px}
.woocommerce #review_form #respond textarea,.woocommerce #review_form #respond input[type=text],
.woocommerce #review_form #respond input[type=email]{background:transparent;border:1px solid var(--line);
  border-radius:var(--r);color:var(--ink);padding:13px 15px;width:100%}
.woocommerce .star-rating span{color:rgba(var(--light-rgb),.9)}

.woocommerce .related.products,.woocommerce .up-sells.products{grid-column:1/-1;
  border-top:1px solid var(--line);padding-top:60px;margin-top:34px}
.woocommerce .related.products>h2,.woocommerce .up-sells.products>h2,
.woocommerce .cross-sells>h2{font-size:clamp(22px,2.6vw,32px);font-weight:300;
  letter-spacing:-.03em;margin:0 0 30px;text-transform:none}

@media(max-width:940px){
  .single-product div.product{grid-template-columns:1fr;gap:22px;padding:14px 0 36px}
  .single-product div.product .woocommerce-product-gallery{position:relative;max-width:520px;margin:0 auto}
  .single-product div.product .product_title{font-size:24px}
  .single-product div.product .summary p.price{font-size:27px}
  /* le tre fasce erano staccate l'una dall'altra come pagine diverse:
     qui respirano senza lasciare buchi */
  .single-product .product_meta{margin-top:20px;padding-top:16px}
  .woocommerce div.product .woocommerce-tabs{margin-top:0;padding-top:18px}
  .woocommerce div.product .woocommerce-tabs ul.tabs{gap:22px;margin-bottom:18px}
  .woocommerce div.product .woocommerce-tabs .panel{margin-bottom:0}
  .woocommerce div.product .woocommerce-tabs .panel table.shop_attributes{margin-bottom:0}
  .woocommerce .related.products,.woocommerce .up-sells.products{padding-top:24px;margin-top:0}
  .woocommerce .related.products>h2,.woocommerce .up-sells.products>h2{margin-bottom:20px}
  .sl-assure{padding-top:18px;margin-top:20px}
}

/* =====================================================================
   PULSANTI — un solo linguaggio in tutto il negozio.
   Il viola è il colore di serie di WooCommerce: qui non deve mai passare.
   ===================================================================== */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce input.button.alt,.woocommerce #respond input#submit.alt,
.woocommerce div.product form.cart .button,
.woocommerce .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page .wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order,.woocommerce-cart table.cart input.button{
  background:rgba(var(--light-rgb),.94)!important;color:#0a0a0b!important;
  border:0!important;border-radius:var(--r)!important;
  padding:15px 30px!important;font-size:11px!important;letter-spacing:.2em!important;
  text-transform:uppercase!important;font-weight:600!important;line-height:1.2!important;
  text-shadow:none!important;box-shadow:none!important;
  transition:box-shadow .45s,background .45s!important}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover{
  background:rgba(var(--light-rgb),1)!important;color:#0a0a0b!important;
  box-shadow:0 0 44px rgba(var(--light-rgb),.42)!important}
.woocommerce a.button.disabled,.woocommerce button.button:disabled,
.woocommerce button.button.disabled{opacity:.35!important}
/* il secondario resta in filo, non pieno */
.woocommerce .button.wc-backward,.woocommerce a.button.wc-forward:not(.checkout-button):not(.alt){
  background:transparent!important;color:var(--ink)!important;
  border:1px solid rgba(var(--light-rgb),.45)!important}
.woocommerce .quantity .qty{background:transparent;border:1px solid var(--line);
  border-radius:var(--r);color:var(--ink);padding:15px 6px;width:78px;text-align:center;font-size:14px}
.woocommerce .quantity{margin:0}

/* =====================================================================
   CARRELLO
   ===================================================================== */
.woocommerce-cart .sl-shop,.woocommerce-checkout .sl-shop{max-width:1180px}
.woocommerce table.shop_table{border:0;border-collapse:collapse;border-radius:0;width:100%}
.woocommerce table.shop_table th{font-size:10px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--faint);font-weight:400;border-bottom:1px solid var(--line);padding:0 12px 14px;text-align:left}
.woocommerce table.shop_table td{border-top:1px solid var(--line);padding:22px 12px;
  color:var(--muted);vertical-align:middle}
.woocommerce table.shop_table td.product-name a{color:var(--ink);font-size:13.5px}
.woocommerce table.shop_table td.product-name dl.variation{font-size:11.5px;color:var(--faint);margin:6px 0 0}
.woocommerce table.shop_table td.product-name dl.variation dt,
.woocommerce table.shop_table td.product-name dl.variation dd{display:inline;margin:0}
.woocommerce table.cart img{width:74px;height:auto;border:1px solid var(--line);border-radius:var(--r)}
.woocommerce a.remove{color:var(--faint)!important;font-size:20px;line-height:1;
  border:1px solid var(--line);width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;font-weight:300}
.woocommerce a.remove:hover{background:transparent!important;color:var(--ink)!important;
  border-color:rgba(var(--light-rgb),.5)}
.woocommerce table.shop_table td.product-price,.woocommerce table.shop_table td.product-subtotal,
.woocommerce table.shop_table .amount{font-family:'Instrument Serif',serif;font-size:17px;color:var(--ink)}
.woocommerce table.shop_table td.product-remove{width:44px}
.woocommerce table.shop_table td.product-thumbnail{width:104px}
.woocommerce table.shop_table td.product-name dl.variation dt{margin-right:5px}
.woocommerce table.shop_table td.actions{padding:26px 0 0;border-top:1px solid var(--line);
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center}
/* il campo ha già il suo segnaposto: l'etichetta ripeteva la stessa parola */
.woocommerce .coupon>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* aggiornare il carrello è un'azione secondaria: non deve pesare come il pagamento */
.woocommerce table.shop_table td.actions button[name="update_cart"],
.woocommerce table.shop_table td.actions input[name="update_cart"]{
  background:transparent!important;color:var(--ink)!important;
  border:1px solid rgba(var(--light-rgb),.4)!important}
.woocommerce .coupon{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.woocommerce #coupon_code,.woocommerce .coupon input.input-text{background:transparent!important;
  border:1px solid var(--line)!important;border-radius:var(--r)!important;color:var(--ink)!important;
  padding:15px 16px!important;font-size:13px!important;width:220px!important;box-shadow:none!important}
.woocommerce #coupon_code::placeholder{color:var(--faint)}
.woocommerce .coupon .button{white-space:nowrap}

.woocommerce-cart .cart-collaterals{width:100%;display:flex;justify-content:flex-end;margin-top:44px}
.woocommerce-cart .cart-collaterals .cart_totals{width:100%;max-width:430px;float:none;
  border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;
  background:linear-gradient(180deg,var(--bg-card),#08080a)}
.woocommerce-cart .cart-collaterals .cart_totals h2{font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin:0 0 18px}
.woocommerce-cart .cart_totals table.shop_table th{border:0;padding:16px 0;width:45%;
  text-transform:none;font-size:12.5px;letter-spacing:.04em;color:var(--muted)}
.woocommerce-cart .cart_totals table.shop_table td{border:0;border-top:1px solid var(--line);
  padding:16px 0;text-align:right}
.woocommerce-cart .cart_totals table.shop_table tr.order-total td .amount{font-size:24px}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination{font-size:12px;color:var(--faint)}
.woocommerce-cart .wc-proceed-to-checkout{padding:22px 0 0}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center}
.woocommerce .cart-empty,.woocommerce .return-to-shop{text-align:center}
.woocommerce .cart-empty{font-size:20px;color:var(--muted);margin:60px 0 26px}
.woocommerce .return-to-shop{margin-bottom:70px}

/* la tabella del carrello sul telefono diventa una lista di schede.
   Il riepilogo però resta una tabella: trasformare anche quello in schede
   produceva riquadri dentro riquadri. */
@media(max-width:760px){
  .woocommerce table.shop_table_responsive thead,
  .woocommerce-page table.shop_table_responsive thead{display:none}
  .woocommerce table.shop_table_responsive tr,
  .woocommerce-page table.shop_table_responsive tr{display:block;
    border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px;
    background:var(--bg-card)}
  .woocommerce table.shop_table_responsive tr td,
  .woocommerce-page table.shop_table_responsive tr td{display:flex;align-items:center;
    justify-content:space-between;gap:14px;border:0;padding:9px 0;text-align:right}
  .woocommerce table.shop_table_responsive tr td[data-title]::before,
  .woocommerce-page table.shop_table_responsive tr td[data-title]::before{
    content:attr(data-title);font-size:10px;letter-spacing:.2em;text-transform:uppercase;
    color:var(--faint);float:none;font-weight:400;flex:none}
  .woocommerce table.shop_table_responsive tr td.product-name{flex-direction:column;
    align-items:flex-end;text-align:right}
  .woocommerce table.shop_table_responsive tr td.product-remove{justify-content:flex-end;padding:0}
  .woocommerce table.shop_table_responsive tr td.product-thumbnail{justify-content:center}
  .woocommerce table.shop_table_responsive tr td.product-thumbnail::before{display:none}
  .woocommerce table.cart img{width:110px}

  /* riga azioni: campo e pulsanti incolonnati, a tutta larghezza */
  .woocommerce table.shop_table_responsive tr td.actions{display:flex;flex-direction:column;
    align-items:stretch;gap:12px;background:transparent;border:0;padding:0}
  .woocommerce .coupon{flex-direction:column;align-items:stretch;gap:10px;width:100%}
  .woocommerce #coupon_code,.woocommerce .coupon input.input-text{width:100%!important}
  .woocommerce table.shop_table td.actions .button{width:100%}

  /* il riepilogo resta una tabella normale */
  .woocommerce-cart .cart_totals table.shop_table_responsive tr{display:table-row;border:0;
    padding:0;margin:0;background:transparent}
  .woocommerce-cart .cart_totals table.shop_table_responsive th{display:table-cell;
    text-align:left;padding:15px 0;width:45%}
  .woocommerce-cart .cart_totals table.shop_table_responsive td{display:table-cell;
    text-align:right;padding:15px 0;border-top:1px solid var(--line)}
  .woocommerce-cart .cart_totals table.shop_table_responsive td::before{display:none}
  .woocommerce-cart .cart-collaterals .cart_totals{max-width:none;padding:24px 20px}
  .woocommerce-cart .cart_totals .woocommerce-shipping-destination{display:block;margin-top:4px}
}

/* =====================================================================
   CHECKOUT
   ===================================================================== */
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.1fr .9fr;
  grid-template-rows:auto 1fr;gap:18px 56px;align-items:start}
.woocommerce-checkout form.checkout .col2-set{width:auto;float:none;display:block;
  grid-column:1;grid-row:1/span 2}
.woocommerce-checkout form.checkout .col2-set .col-1,
.woocommerce-checkout form.checkout .col2-set .col-2{width:auto;float:none;margin-bottom:34px}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;width:auto;float:none}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;width:auto;float:none;align-self:start}
.woocommerce-checkout #order_review_heading{font-size:10.5px;letter-spacing:.24em;
  text-transform:uppercase;color:var(--faint);font-weight:400;margin:0 0 16px}
.woocommerce-checkout #order_review{border:1px solid var(--line);border-radius:var(--r);
  padding:28px 26px;background:linear-gradient(180deg,var(--bg-card),#08080a)}
.woocommerce-checkout h3{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;
  color:var(--faint);font-weight:400;margin:0 0 18px}
.woocommerce form .form-row{padding:0;margin:0 0 16px}
.woocommerce form .form-row label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);margin-bottom:8px;display:block;line-height:1.4}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container .select2-selection--single{
  background:transparent!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;
  padding:14px 16px!important;color:var(--ink)!important;font-size:14px!important;height:auto!important;
  box-shadow:none!important;width:100%}
.woocommerce form .form-row input.input-text::placeholder{color:var(--faint)}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  color:var(--ink);line-height:normal;padding:0}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:14px;right:10px}
.select2-dropdown,.select2-container--default .select2-search--dropdown .select2-search__field{
  background:#111;border-color:var(--line);color:var(--ink)}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:rgba(var(--light-rgb),.16);color:var(--ink)}
.woocommerce-checkout #payment{background:transparent;border:0;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;border-top:1px solid var(--line);
  padding:22px 0 0;margin:22px 0 0}
.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:22px 0 0;padding:22px 0 0}
.woocommerce-checkout #payment ul.payment_methods li{margin:0 0 14px;font-size:13.5px;
  color:var(--muted);list-style:none}
.woocommerce-checkout #payment ul.payment_methods li label{display:inline;font-size:13px;
  letter-spacing:.04em;text-transform:none;color:var(--ink);margin:0 0 0 8px}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{accent-color:rgba(var(--light-rgb),.9);
  width:15px;height:15px;vertical-align:middle}
.woocommerce-checkout #payment ul.payment_methods li img{max-height:22px;margin-left:8px;vertical-align:middle}
.woocommerce-checkout #payment div.payment_box{background:#0d0d10;color:var(--muted);
  border:1px solid var(--line);border-radius:var(--r);font-size:12.5px;
  margin:10px 0 0;padding:14px 16px;width:auto;line-height:1.7}
.woocommerce-checkout #payment div.payment_box p{margin:0}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row.place-order{padding:22px 0 0;margin:0}
.woocommerce #place_order{width:100%;display:block}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{font-size:12px;color:var(--muted);margin-bottom:16px}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{padding:14px 0}
.woocommerce-checkout table.shop_table tfoot th{text-transform:none;font-size:12.5px;letter-spacing:.04em}
.woocommerce-checkout table.shop_table tfoot .order-total .amount{font-size:22px}
.woocommerce-checkout-review-order-table .product-name{color:var(--muted);font-size:13px}
@media(max-width:940px){
  /* Una colonna sola: vanno azzerate ANCHE riga e colonna assegnate,
     altrimenti il riepilogo resta piazzato in una seconda colonna che
     non esiste più e finisce sopra i campi di fatturazione. */
  .woocommerce-checkout form.checkout{grid-template-columns:1fr;grid-template-rows:none;gap:26px}
  .woocommerce-checkout form.checkout .col2-set,
  .woocommerce-checkout #order_review_heading,
  .woocommerce-checkout #order_review{grid-column:1;grid-row:auto}
}

/* Avvisi dentro il riquadro di pagamento (per esempio «nessun metodo di
   pagamento disponibile»): sempre nel flusso, mai sovrapposti al resto. */
.woocommerce-checkout #payment .woocommerce-info,
.woocommerce-checkout #payment .woocommerce-error,
.woocommerce-checkout #payment .woocommerce-notice,
.woocommerce-checkout #payment ul.payment_methods li.woocommerce-info{
  position:static!important;float:none!important;width:auto!important;
  margin:0 0 16px!important;display:block}

/* ------------------------------------------------------------- account */
.woocommerce-account .woocommerce-MyAccount-navigation{width:26%;float:left}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:14px 0;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{color:var(--ink)}
.woocommerce-account .woocommerce-MyAccount-content{width:70%;float:right}
.woocommerce-account .woocommerce-form-login,.woocommerce-account .woocommerce-form-register{
  border:1px solid var(--line);border-radius:var(--r);padding:30px 28px;background:var(--bg-card)}
@media(max-width:760px){
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
  .woocommerce-account .woocommerce-MyAccount-content{margin-top:26px}
}

/* -------------------------------------------------------- briciole */
.woocommerce .woocommerce-breadcrumb{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--faint);padding:0;margin:0 0 18px}
.woocommerce .woocommerce-breadcrumb a{color:var(--faint)}
.woocommerce .woocommerce-breadcrumb a:hover{color:var(--ink)}

/* blocchi Gutenberg di WooCommerce, se il cliente li usa in una pagina */
.wp-block-woocommerce-cart .wc-block-components-button,
.wc-block-components-button:not(.is-link){
  background:rgba(var(--light-rgb),.94)!important;color:#0a0a0b!important;
  border-radius:var(--r)!important;border:0!important}
.wc-block-components-totals-item__value,.wc-block-formatted-money-amount{color:var(--ink)}