/*
Theme Name:     MT Shop
Theme URI:
Description:    Kadence child theme.
Author:         Me
Author URI:
Template:       kadence
Version:        0.1.3
*/

/* =========================================================
   Fascia decorativa di mattonelle sotto l'header/menu
   Striscia decorativa: altezza e motivo contenuti.
   ========================================================= */
.mt-menu-tiles {
	width: 100%;
	height: 46px;
	background-image: url('assets/img/menu-tiles-strip.png');
	background-repeat: repeat-x;
	background-position: center center;
	background-size: auto 38px;
	line-height: 0;
}

@media (max-width: 768px) {
	.mt-menu-tiles {
		height: 32px;
		background-size: auto 26px;
	}
}

/* =========================================================
   Carrello header: pulsante con sfondo giallo, icona carrello
   (impostata da Kadence) e testo "Carrello".
   ========================================================= */
.header-cart-wrap .header-cart-button {
	position: relative;                     /* contesto per il bollino contatore */
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	background-color: #FFC107 !important;   /* giallo dorato */
	color: #1a1a1a !important;              /* icona + testo scuri per contrasto */
	padding: 20px 44px !important;          /* riquadro giallo piu' grande della label */
	border-radius: 6px;
	line-height: 1;
}

.header-cart-wrap .header-cart-button:hover,
.header-cart-wrap .header-cart-button:focus {
	background-color: #e6ac00 !important;
	color: #1a1a1a !important;
}

/* Testo a sinistra, icona a destra (ordine naturale del markup) */
.header-cart-wrap .header-cart-label {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

/* Icona carrello personalizzata: diventa il contesto per il numero interno */
.header-cart-wrap .kadence-svg-iconset.mt-cart-iconset {
	position: relative;
	display: inline-flex;
	line-height: 0;
}

/* Ingrandisce l'icona (Kadence la limiterebbe a ~1em) per ospitare il numero */
.header-cart-wrap .mt-cart-svg {
	width: 46px !important;
	height: 40px !important;
}

/* Contatore articoli DENTRO il cestello dell'icona (parte da 0).
   Posizione in % = robusta rispetto alla dimensione dell'icona.
   - left/top: centro del cestello dell'SVG (viewBox 36x32) */
.header-cart-wrap .header-cart-total {
	position: absolute;
	left: 53%;
	top: 36%;
	transform: translate(-50%, -50%);
	margin: 0 !important;
	min-width: 0 !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	background: transparent !important;   /* niente cerchio: solo il numero nel cestello */
	color: var(--global-palette1, #18606f) !important;  /* verde petrolio del tema */
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: 1 !important;
	text-align: center;
	pointer-events: none;
}

/* =========================================================
   Pulsante azione prodotto (griglia home a blocchi + archivio/shop).
   Problema: Kadence mostra il pulsante in hover come overlay
   (.product-action-wrap in position:absolute), quindi quando la label
   andava a capo su due righe il riquadro cresceva e COPRIVA prezzo/testo.
   Soluzione: il pulsante sta SEMPRE nel flusso, sotto prezzo/descrizione.
   La label può andare a capo: il pulsante cresce verso il basso e non si
   sovrappone mai al testo sopra.
   ========================================================= */
.woocommerce ul.products li.product .product-action-wrap,
.wc-block-grid__product .wc-block-grid__product-add-to-cart {
	position: static !important;     /* niente overlay: resta nel flusso */
	opacity: 1 !important;           /* sempre visibile, non solo in hover */
	visibility: visible !important;
	transform: none !important;
	pointer-events: auto !important;
	margin-top: 0.5em;
}

.woocommerce ul.products li.product .product-action-wrap .button,
.wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link {
	white-space: normal;             /* la label può andare a capo dentro il pulsante */
	height: auto;                    /* altezza segue il contenuto (2 righe ok) */
	max-width: 100%;
	box-sizing: border-box;
}

/* =========================================================
   Titolo pagina: sfondo maioliche petrolio a scacchiera
   (riga centrale specchiata e sfalsata). Vale per OGNI pagina
   con il titolo in alto (area hero di Kadence).
   ========================================================= */
.entry-hero-container-inner{position:relative !important;background-color:#0A607C !important;background-image:none !important;min-height:175px;padding-top:34px !important;padding-bottom:0 !important}
.entry-hero-container-inner .hero-section-overlay{background:transparent !important;opacity:0 !important}
.entry-hero-container-inner .entry-header{min-height:141px !important}
.entry-hero-container-inner::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background-color:#0b4f66;-webkit-mask-image:url('assets/img/menu-tiles-mixed.png?v=4');mask-image:url('assets/img/menu-tiles-mixed.png?v=4');-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-position:center top;mask-position:center top;-webkit-mask-size:auto 210px;mask-size:auto 210px}
.entry-hero-container-inner .hero-container{position:relative;z-index:1}
/* Sugli articoli il testo della fascia e' un div (l'h1 resta il titolo vero, nel contenuto):
   senza questa regola prenderebbe la dimensione del testo normale. Stessi valori dell'h1 di Kadence. */
.entry-hero-container-inner div.entry-title{margin:0;font-style:normal;font-weight:800;font-size:60px;line-height:1.2;text-transform:none}
@media (max-width:1024px){.entry-hero-container-inner div.entry-title{font-size:50px}}
@media (max-width:767px){.entry-hero-container-inner div.entry-title{font-size:40px}}
.entry-hero-container-inner .entry-title,.entry-hero-container-inner .page-title,.entry-hero-container-inner .kadence-breadcrumbs,.entry-hero-container-inner .kadence-breadcrumbs a,.entry-hero-container-inner .kadence-breadcrumbs .bc-delimiter{color:#ffffff !important}

/* ===== Footer: brand + box assistenza (petrolio tema) ===== */
.mt-footer-logo{display:block;max-width:180px;height:auto;margin:0 0 18px}
.mt-assist-box{position:relative;display:inline-grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;background:#ffffff;border-radius:8px;padding:12px 15px;box-shadow:7px 7px 0 #FFC107}
.mt-assist-box::before{content:"";grid-column:1;grid-row:1 / 3;width:40px;height:40px;background-color:#0A607C;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z'/%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'%3E%3Cpath d='M20 15.5c-1.25 0-2.45-.2-3.57-.57-.35-.11-.74-.03-1.02.24l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM19 12h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm-4 0h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3z'/%3E%3C/svg%3E") center/contain no-repeat}
.mt-assist-label{display:block;font-size:11px;line-height:1.25;letter-spacing:.3px;text-transform:uppercase;color:#0A607C;font-weight:600;margin-bottom:4px;max-width:160px;grid-column:2;grid-row:1}
.mt-assist-num{display:inline-block;font-size:19px;font-weight:800;color:#0A607C !important;text-decoration:none;letter-spacing:.3px;white-space:nowrap;grid-column:2;grid-row:2}
/* Titoli pagina Condizioni di vendita in petrolio */
/* Pagina "Condizioni di vendita": selettore per NOME pagina (l'id resta come ripiego). */
.mt-page-condizioni-di-vendita .entry-content h2,.mt-page-condizioni-di-vendita .entry-content h3,
.page-id-1372 .entry-content h2,.page-id-1372 .entry-content h3{color:#0A607C !important}

/* Footer: brand (logo + assistenza affiancati) sotto FOLLOW US */
.mt-footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-top:24px}
.mt-footer-logo{max-width:78px;margin:0;flex:0 0 auto}
.mt-footer-sep{display:block;width:100%}
/* copyright footer: link bianco */
.site-footer .site-footer-section-inner-items-html a,.site-footer .footer-html-inner a{color:#ffffff;text-decoration:underline}

/* ===== Footer rifinitura ===== */
.site-footer .widget-title{color:#FFC107 !important}
.mt-footer-logo{max-width:150px !important;height:auto;margin:26px 0 0 !important;display:block}
.mt-assist-box{padding:16px 20px !important}
.mt-assist-label{font-size:12px !important;max-width:210px !important}
.mt-assist-num{font-size:22px !important;white-space:nowrap}
.mt-footer-sep{margin:0 !important;display:block;line-height:0;font-size:0}
#colophon.site-footer{margin-top:0 !important}
#kt-scroll-up,#kt-scroll-up.scroll-up-style-outline{background:#FFC107 !important;border-color:#FFC107 !important}
#kt-scroll-up svg,#kt-scroll-up svg *{color:#0A607C !important;stroke:#0A607C !important;fill:#0A607C !important}

/* Contatti: maiolica attaccata allo slider (no gap). Selettore per NOME pagina,
   con l'id come ripiego finché la pagina resta la stessa. */
.mt-page-contattaci .mt-menu-tiles.mtc-sep-tiles,
.page-id-1142 .mt-menu-tiles.mtc-sep-tiles{margin:0 !important}
.mt-page-contattaci .mt-menu-tiles.mtc-sep-tiles + .wp-block-kadence-advancedgallery,
.page-id-1142 .mt-menu-tiles.mtc-sep-tiles + .wp-block-kadence-advancedgallery{margin-top:0 !important}
.mt-page-contattaci .wp-block-kadence-advancedgallery,
.page-id-1142 .wp-block-kadence-advancedgallery{margin-top:0 !important}

/* Breadcrumb dentro l'hero custom (sotto il titolo, su immagine) */
.mt-hero-breadcrumb{margin-top:10px}
.mt-hero-breadcrumb .kadence-breadcrumbs{max-width:none;font-size:15px;text-align:left}
.mt-hero-breadcrumb .kadence-breadcrumbs,
.mt-hero-breadcrumb .kadence-breadcrumbs a,
.mt-hero-breadcrumb .kadence-breadcrumbs span{color:#fff}
.mt-hero-breadcrumb .kadence-breadcrumbs a{text-decoration:none;opacity:.9}
.mt-hero-breadcrumb .kadence-breadcrumbs a:hover{opacity:1;text-decoration:underline}
.mt-hero-breadcrumb .kadence-breadcrumb-separator{opacity:.7}

/* Home: riduci lo spazio vuoto in fondo alla sezione storia (sopra le card news) */
.kb-row-layout-id974_3fb569-1a .kt-row-column-wrap{padding-bottom:8px !important}

/* Home: card promo Ricette / Blog (blocco che sostituisce la vecchia newsletter).
   Niente titolo: il margine superiore fa da separatore dalla sezione storia. */
.mt-news-block{max-width:1200px;margin:48px auto 50px;padding:0 20px}
.mt-news-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mt-news-card{position:relative;display:flex;align-items:flex-end;min-height:340px;
	border-radius:6px;overflow:hidden;background-size:cover;background-position:center;
	text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.15);transition:transform .25s ease}
.mt-news-card::before{content:"";position:absolute;inset:0;
	background:linear-gradient(to top, rgba(10,96,124,.9) 0%, rgba(10,96,124,.2) 55%, rgba(10,96,124,0) 100%)}
.mt-news-card:hover{transform:translateY(-4px)}
.mt-news-card__inner{position:relative;padding:28px;width:100%}
.mt-news-card__title{display:block;color:#fff;font-size:26px;font-weight:600;margin:0 0 14px;line-height:1.2}
.mt-news-card__btn{display:inline-block;background:#FFC107;color:#0A607C;font-weight:600;
	padding:10px 22px;border-radius:4px;transition:background .2s ease}
.mt-news-card:hover .mt-news-card__btn{background:#fff}
@media (max-width:768px){.mt-news-cards{grid-template-columns:1fr}}

/* Griglia articoli News (shortcode mt_news_grid): card + selettore colonne */
.mt-grid-wrap{max-width:1200px;margin:0 auto}
.mt-grid-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 0 20px}
.mt-grid-toolbar__label{font-size:13px;color:#666;margin-right:4px}
.mt-grid-select{height:36px;border:1px solid #d6d6d6;border-radius:4px;background:#fff;color:#0A607C;
	font-weight:600;font-size:14px;padding:0 32px 0 12px;cursor:pointer;
	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230A607C' stroke-width='1.6'/%3E%3C/svg%3E");
	background-repeat:no-repeat;background-position:right 12px center}
.mt-grid-select:focus{outline:none;border-color:#0A607C;box-shadow:0 0 0 2px rgba(10,96,124,.15)}
.mt-grid{display:grid;gap:26px}
.mt-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr)}
.mt-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}
.mt-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}
.mt-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ececec;border-radius:8px;
	overflow:hidden;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:box-shadow .2s ease,transform .2s ease}
.mt-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);transform:translateY(-3px)}
.mt-card__imglink{display:block;aspect-ratio:3/2;overflow:hidden;background:#f0f0f0}
.mt-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.mt-card:hover .mt-card__img{transform:scale(1.05)}
.mt-card__img--ph{display:block;width:100%;height:100%;
	background:repeating-linear-gradient(45deg,#eee,#eee 10px,#e6e6e6 10px,#e6e6e6 20px)}
.mt-card__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.mt-card__cat{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:#C79A3A;font-weight:700;margin-bottom:8px}
.mt-card__title{font-size:20px;line-height:1.25;margin:0 0 6px}
.mt-card__title a{color:#0A607C;text-decoration:none}
.mt-card__title a:hover{text-decoration:underline}
.mt-card__date{font-size:12px;color:#999;margin-bottom:10px}
.mt-card__excerpt{color:#666;font-size:15px;line-height:1.5;flex:1}
.mt-card__more{align-self:flex-start;margin-top:16px;background:#0A607C;color:#fff;
	padding:8px 20px;border-radius:4px;text-decoration:none;font-weight:600;transition:background .2s ease}
.mt-card__more:hover{background:#084d63}
.mt-grid[data-cols="4"] .mt-card__title{font-size:18px}
@media (max-width:900px){
	.mt-grid[data-cols="3"],.mt-grid[data-cols="4"]{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
	.mt-grid[data-cols="2"],.mt-grid[data-cols="3"],.mt-grid[data-cols="4"]{grid-template-columns:1fr}
	.mt-grid-toolbar{display:none}
}

/* Lente e account nell'header, uno sopra l'altro: quadrati a contorno da 37 px come i social accanto
   (in due alti quanto il Carrello, 2 x 37 + 6 = 80 px), pieni al passaggio del mouse (01-10).
   padding !important: Kadence mette sulla lente una spaziatura sinistra sua. */
.site-header-item[data-section="kadence_customizer_header_search"]{
	flex-direction:column;align-items:center;justify-content:center;gap:6px}
#masthead .site-header-item[data-section="kadence_customizer_header_search"] .search-toggle-open,
#masthead .mt-account-icon{
	box-sizing:border-box;width:37px;height:37px;padding:0 !important;display:inline-flex;
	align-items:center;justify-content:center;border:1.5px solid #0A607C;border-radius:6px;
	color:#0A607C;background:#fff;line-height:0;transition:background .2s ease,color .2s ease}
#masthead .site-header-item[data-section="kadence_customizer_header_search"] .search-toggle-open:hover,
#masthead .site-header-item[data-section="kadence_customizer_header_search"] .search-toggle-open:focus-visible,
#masthead .mt-account-icon:hover,#masthead .mt-account-icon:focus-visible{color:#fff;background:#0A607C}
#masthead .search-toggle-open .search-toggle-icon{font-size:18px}
.mt-account-icon svg{width:18px;height:18px;display:block}

/* Facebook e Instagram nell'header principale, accanto a lente e account (30-09): quadrati uno sopra
   l'altro, alti in due quanto il Carrello (2 x 37 + 6 = 80 px) e con i suoi angoli da 6 px; col colore
   del social al passaggio del mouse. Posizione e stile «pieno» nel Personalizza. */
#masthead .site-header-main-section-right .header-social-inner-wrap{flex-direction:column;gap:6px;font-size:18px}
#masthead .site-header-main-section-right .header-social-inner-wrap .social-button{
	width:37px;height:37px;border:0;border-radius:6px;color:#fff;background:#0A607C;
	box-shadow:0 2px 6px rgba(10,96,124,.25);transition:background .2s ease,box-shadow .2s ease}
#masthead .site-header-main-section-right .header-social-inner-wrap .social-button:hover,
#masthead .site-header-main-section-right .header-social-inner-wrap .social-button:focus-visible{
	color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.22)}
#masthead .site-header-main-section-right .header-social-inner-wrap .social-link-facebook:hover,
#masthead .site-header-main-section-right .header-social-inner-wrap .social-link-facebook:focus-visible{background:#1877F2}
#masthead .site-header-main-section-right .header-social-inner-wrap .social-link-instagram:hover,
#masthead .site-header-main-section-right .header-social-inner-wrap .social-link-instagram:focus-visible{
	background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}

/* Footer: la colonna Login/Registrati (menu windget_01) serve solo ai visitatori.
   Per gli utenti loggati la nascondo e riporto la griglia da 5 a 4 colonne. */
/* Entrambe le regole usano :has(): sui browser che non lo supportano NESSUNA delle
   due si applica e il footer resta a 5 colonne con la colonna di accesso visibile.
   Prima la seconda regola scattava comunque, lasciando una colonna fuori griglia. */
body.logged-in .site-footer-section:has(.menu-windget_01-container){display:none}
body.logged-in .site-top-footer-inner-wrap:has(.menu-windget_01-container){grid-template-columns:repeat(4,1fr) !important}

/* Firma dello sviluppatore in basso a destra del footer (01-10): stesso corpo e colore del copyright */
.site-footer-bottom-section-2{justify-content:flex-end;align-items:center}
.site-footer .site-bottom-footer-wrap a.mt-firma-sviluppatore{display:inline-flex;align-items:center;gap:8px;
	font-size:12px;line-height:1;color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s ease}
.site-footer .site-bottom-footer-wrap a.mt-firma-sviluppatore:hover,
.site-footer .site-bottom-footer-wrap a.mt-firma-sviluppatore:focus-visible{color:#fff}
.mt-firma-sviluppatore img{display:block}
/* Centrata sulla «Vu», non sull'immagine intera: sopra c'è la corona sottile e a occhio la scritta saliva */
.site-footer .site-bottom-footer-wrap a.mt-firma-sviluppatore span{position:relative;top:5px}

/* Titolo "I più venduti": spazio verso i prodotti + accento decorativo */
.mt-bestsellers-title{margin-bottom:2rem !important;letter-spacing:.5px;padding-bottom:.5rem}
.mt-bestsellers-title::after{content:"";display:block;width:64px;height:3px;margin:.75rem auto 0;
	background:var(--global-palette1,#0A607C);border-radius:2px}

/* Prezzo + badge disponibilità sulla stessa riga (badge a destra) */
.mt-price-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:.85rem;margin-bottom:1rem}
.mt-price-row .price{margin:0 !important}
.mt-stock-badge{display:inline-block;font-weight:600;font-size:.82rem;line-height:1;padding:.5rem .85rem;border-radius:3px}
.mt-stock-badge.is-in{background:#e6f4ea;color:#1a7f37}
.mt-stock-badge.is-out{background:#fde8e8;color:#b32d2e}
.single-product div.product p.stock{display:none}  /* niente doppione del testo stock nativo */

/* Formato accanto al prezzo (prodotti a formato singolo) */
.mt-formato{margin:.25rem 0 1rem;color:var(--global-palette4,#33404a)}

/* Descrizione breve a destra + "Leggi tutto" */
.mt-short-desc{margin-bottom:1.1rem;line-height:1.6}
.mt-leggi-tutto{font-weight:600;white-space:nowrap;color:var(--global-palette1,#0A607C);text-decoration:underline;cursor:pointer}
.mt-leggi-tutto:hover{opacity:.8}

/* Extra Kadence (spedizione/trust/pagamenti) sotto la galleria, colonna sinistra.
   Il layout Kadence e' a float (images/summary 48%): clear+float li fa scendere. */
@media (min-width:850px){
	.single-product div.product .single-product-extras,
	.single-product div.product .single-product-payments,
	.single-product div.product .mt-share,
	.single-product div.product .mt-spedizione{float:left;clear:left;width:48%}
	.single-product div.product .woocommerce-tabs{clear:both}  /* i tab sotto ai float */
}
/* Galleria e scheda sono affiancate gia' da 768px: sotto gli 850 le due colonne
   diventano troppo strette (titolo spezzato, icone schiacciate), quindi si
   impilano. Il .woocommerce in testa serve a superare la regola omonima del
   plugin, che ha la stessa specificita' ma viene caricata dopo. */
@media (max-width:849px){
	.woocommerce.single-product div.product div.images,
	.woocommerce.single-product div.product div.summary{float:none;width:100%;margin-right:0}
}
.single-product div.product .single-product-extras{margin-top:1.5rem}
/* il titolo spedizione degli extra Kadence e' sostituito dal box .mt-spedizione */
.single-product-extras > p:first-child{display:none}

/* Box spedizione stile produzione: bordo + icona + testo in colore primario */
.mt-spedizione{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;padding:.85rem 1.1rem;
	border:1px solid var(--global-palette1,#0A607C);border-radius:6px;color:var(--global-palette1,#0A607C)}
.mt-spedizione svg{flex:0 0 34px;width:34px;height:auto;fill:currentColor}
.mt-spedizione p{margin:0;line-height:1.4}

/* Condivisione social sotto l'immagine */
.mt-share{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0}
.mt-share__label{font-weight:600;color:var(--global-palette4,#33404a)}
.mt-share__btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;transition:opacity .2s}
.mt-share__btn:hover,.mt-share__btn:focus{opacity:.82;color:#fff}
.mt-share__btn svg{width:auto;height:15px;fill:currentColor}
.mt-share__btn--facebook{background:#1877F2}
.mt-share__btn--x{background:#000}
.mt-share__btn--whatsapp{background:#25D366}
.mt-share__btn--email{background:#0A607C}

/* Descrizione categoria: in fondo ai prodotti, testo scuro leggibile su sfondo chiaro */
.mt-cat-desc{margin-top:2.5rem;color:var(--global-palette4,#33404a);line-height:1.7;text-align:left}
.mt-cat-desc p{margin:0 0 1em}
.mt-cat-desc p:last-child{margin-bottom:0}

/* Griglia prodotti (shop, categorie, blocco best-sellers in home): pulsante
   (Aggiungi/Scegli) allineato in fondo alla card, a prescindere da immagine e titolo. */
.woocommerce ul.products li.product,
.wc-block-grid__product{display:flex;flex-direction:column}
.woocommerce ul.products li.product .product-details,
.wc-block-grid__product .product-details{display:flex;flex-direction:column;flex:1 1 auto}
.woocommerce ul.products li.product .product-action-wrap,
.wc-block-grid__product .product-action-wrap,
.wc-block-grid__product .wc-block-grid__product-add-to-cart{margin-top:auto !important}

/* Zoom globale del sito a 0.9 su desktop/tablet (navigazione piu comoda) */
@media (min-width:769px){html{zoom:.9}}

/* Pannello del menu (hamburger): Kadence lo apre al 90% della pagina, che su
   schermi larghi è quasi tutto. 360px bastano per le cinque voci; sui telefoni
   piccoli resta il limite percentuale. */
#mobile-drawer.popup-drawer-layout-sidepanel .drawer-inner{max-width:min(360px,85vw)}

/* Voce «account» in fondo al menu mobile: riga intera sotto le altre voci (la
   navigazione è in riga, e senza questo finiva affiancata), con l'icona accanto. */
#mobile-drawer .site-header-item-mobile-navigation{flex-wrap:wrap}
.mt-mobile-account{flex:0 0 100%;margin:1.4rem 0 0;padding:0;list-style:none}
.mt-mobile-account a{display:flex;align-items:center;gap:.6rem}
.mt-mobile-account svg{flex:0 0 22px}

/* Scheda prodotto: stacca i pagamenti rapidi dal pulsante «Aggiungi al carrello», che altrimenti
   sembrano la stessa cosa. Lo spazio sta sotto al form, così vale qualunque blocco arrivi dopo.
   Il selettore parte da «body» perché Kadence ha «.woocommerce div.product form.cart» con la
   stessa forza e il foglio caricato dopo il nostro: senza quel grado in più vince il suo. */
body.single-product div.product form.cart{margin-bottom:150px}
@media (max-width:767px){body.single-product div.product form.cart{margin-bottom:90px}}