/* =========================================================================
   IAIA LIGHT — app.css
   Stile brand IAIA Milano. Mobile-first. CSS variables.
   Font self-hosted (Cormorant Garamond + Jost) da assets/fonts/:
   nessun Google Fonts esterno, nessuna richiesta a fonts.googleapis.com
   o fonts.gstatic.com (privacy/GDPR + first render). Subset: latin.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1) VARIABILI / TOKEN BRAND
   ---------------------------------------------------------------------- */
/* -------------------------------------------------------------------------
   0) FONT SELF-HOSTED — subset latin (copre l'italiano: à è é ì ò ù)
   File in assets/fonts/. app.css vive in assets/, quindi i path sono
   relativi a quella cartella (url('fonts/...')).
   unicode-range = subset latin di Google Fonts (U+0000-00FF + extra).
   ---------------------------------------------------------------------- */

/* Cormorant Garamond — serif dei titoli (--iaia-serif) · variabile 400–700 */
@font-face {
	font-family: 'Cormorant Garamond';
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url('fonts/cormorant-garamond.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Jost — sans del testo (--iaia-sans) · variabile 300–500 */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300 500;
	font-display: swap;
	src: url('fonts/jost.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Palette */
	--iaia-bg:      #0C0C0D; /* nero/quasi-nero di fondo */
	--iaia-gold:    #C2A15B; /* oro (bottoni, accenti) */
	--iaia-cream:   #EFE3A6; /* giallo burro crema (prezzi) — sostituisce l'oliva di WooCommerce */
	--iaia-ivory:   #F3EFE6; /* avorio (testo principale) */
	--iaia-grey:    #9A958C; /* grigio (testo secondario) */
	--iaia-line:    rgba(243, 239, 230, 0.12); /* hairline su fondo scuro */
	--iaia-card:    #141416; /* superficie card leggermente sollevata */

	/* Tipografia */
	--iaia-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--iaia-sans:  "Jost", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

	/* Spaziatura / misure */
	--iaia-maxw:   1200px;
	--iaia-pad:    16px;
	--iaia-radius: 4px;
	--iaia-header-h: 56px;

	/* Transizioni leggere */
	--iaia-ease: 200ms ease;
}

/* -------------------------------------------------------------------------
   2) RESET MINIMALE / BASE
   ---------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
	margin: 0;
	background: var(--iaia-bg);
	color: var(--iaia-ivory);
	font-family: var(--iaia-sans);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; display: block; }

a { color: inherit; text-decoration: none; }
a:hover { color: var(--iaia-gold); }

h1, h2, h3, h4 {
	font-family: var(--iaia-serif);
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 0.5em;
	letter-spacing: 0.01em;
}

p { margin: 0 0 1em; }

.iaia-wrap {
	width: 100%;
	max-width: var(--iaia-maxw);
	margin-inline: auto;
	padding-inline: var(--iaia-pad);
}

/* Bottoni / CTA */
.iaia-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
	font-family: var(--iaia-sans);
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	padding: 14px 28px;
	border: 1px solid var(--iaia-gold);
	border-radius: var(--iaia-radius);
	background: var(--iaia-gold);
	color: var(--iaia-bg);
	cursor: pointer;
	transition: background var(--iaia-ease), color var(--iaia-ease);
}
.iaia-btn:hover { background: #E3C77E; color: #0C0C0D; } /* schiarisce (no transparent) → testo sempre leggibile */

.iaia-btn--ghost {
	background: transparent;
	color: var(--iaia-ivory);
	border-color: var(--iaia-line);
}
.iaia-btn--ghost:hover { border-color: var(--iaia-gold); color: var(--iaia-gold); }

/* -------------------------------------------------------------------------
   3) HEADER STICKY
   ---------------------------------------------------------------------- */
.iaia-header {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(12, 12, 13, 0.92);
	backdrop-filter: saturate(140%) blur(8px);
	border-bottom: 1px solid var(--iaia-line);
}

.iaia-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: var(--iaia-header-h);
}

/* Wordmark testuale */
.iaia-wordmark {
	font-family: var(--iaia-serif);
	font-size: 1.25rem;
	letter-spacing: 0.08em;
	color: var(--iaia-ivory);
	white-space: nowrap;
}
.iaia-wordmark .iaia-dot { color: var(--iaia-gold); }
.iaia-wordmark .iaia-city {
	font-family: var(--iaia-sans);
	font-size: 0.7rem;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--iaia-grey);
}

/* Navigazione */
.iaia-nav { display: none; } /* nascosta su mobile, mostrata da menu-panel */

.iaia-nav ul {
	list-style: none;
	display: flex;
	gap: 28px;
	margin: 0;
	padding: 0;
}
.iaia-nav a {
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--iaia-ivory);
}
.iaia-nav .current-menu-item > a { color: var(--iaia-gold); }

/* Azioni header (carrello + burger) */
.iaia-header__actions {
	display: flex;
	align-items: center;
	gap: 14px;
}

/* Icona carrello con conteggio */
.iaia-cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	color: var(--iaia-ivory);
}
.iaia-cart svg { width: 22px; height: 22px; }
.iaia-cart__count {
	position: absolute;
	top: -8px;
	right: -10px;
	min-width: 17px;
	height: 17px;
	padding: 0 4px;
	border-radius: 999px;
	background: var(--iaia-gold);
	color: var(--iaia-bg);
	font-family: var(--iaia-sans);
	font-size: 0.65rem;
	font-weight: 700;
	line-height: 17px;
	text-align: center;
}

/* Burger menu mobile */
.iaia-burger {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	width: 28px;
	height: 28px;
	padding: 4px;
	background: none;
	border: 0;
	cursor: pointer;
}
.iaia-burger span {
	display: block;
	height: 2px;
	width: 100%;
	background: var(--iaia-ivory);
	transition: transform var(--iaia-ease), opacity var(--iaia-ease);
}

/* Pannello menu mobile (toggled via JS) */
.iaia-mobile-menu {
	display: none;
	border-top: 1px solid var(--iaia-line);
	background: var(--iaia-bg);
}
.iaia-mobile-menu.is-open { display: block; }
.iaia-mobile-menu ul {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.iaia-mobile-menu a {
	display: block;
	padding: 14px var(--iaia-pad);
	font-size: 0.95rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--iaia-line);
}

/* -------------------------------------------------------------------------
   4) HERO (front-page)
   ---------------------------------------------------------------------- */
.iaia-hero {
	position: relative;
	text-align: center;
	padding: 72px var(--iaia-pad) 64px;
	border-bottom: 1px solid var(--iaia-line);
}
.iaia-hero__kicker {
	font-size: 0.75rem;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--iaia-gold);
	margin-bottom: 18px;
}
.iaia-hero__title {
	font-size: clamp(2.4rem, 9vw, 4.5rem);
	color: var(--iaia-ivory);
	margin-bottom: 8px;
}
.iaia-hero__date {
	font-family: var(--iaia-serif);
	font-size: clamp(1.6rem, 6vw, 2.4rem);
	color: var(--iaia-gold);
	margin-bottom: 28px;
}
.iaia-hero__sub {
	max-width: 36ch;
	margin: 0 auto 32px;
	color: var(--iaia-grey);
}

/* -------------------------------------------------------------------------
   5) SEZIONI HOME + GRIGLIA TEASER 20 COLORI
   ---------------------------------------------------------------------- */
.iaia-section { padding: 56px 0; }
.iaia-section__head {
	text-align: center;
	margin-bottom: 36px;
}
.iaia-section__head h2 {
	font-size: clamp(1.6rem, 5vw, 2.2rem);
}
.iaia-section__head p { color: var(--iaia-grey); }

/* Griglia teaser colori */
.iaia-colors {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
}
.iaia-color {
	position: relative;
	aspect-ratio: 3 / 4;
	border-radius: var(--iaia-radius);
	overflow: hidden;
	background: var(--iaia-card);
	border: 1px solid var(--iaia-line);
}
.iaia-color img {
	width: 100%; height: 100%;
	object-fit: cover;
	transition: transform 400ms ease;
}
.iaia-color:hover img { transform: scale(1.04); }
.iaia-color__name {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	padding: 10px 12px;
	font-size: 0.8rem;
	letter-spacing: 0.05em;
	background: linear-gradient(to top, rgba(12,12,13,0.85), transparent);
	color: var(--iaia-ivory);
}

/* -------------------------------------------------------------------------
   6) WOOCOMMERCE — VETRINA / ARCHIVE
   ---------------------------------------------------------------------- */
.iaia-shop-head {
	text-align: center;
	padding: 48px var(--iaia-pad) 8px;
}
.iaia-shop-head h1 { font-size: clamp(2rem, 7vw, 3rem); }
.iaia-shop-head p { color: var(--iaia-grey); }

/* Reset della griglia WooCommerce a una griglia CSS pulita */
ul.products {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}
ul.products::before, ul.products::after { content: none; } /* annulla clearfix WC */

ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	background: var(--iaia-card);
	border: 1px solid var(--iaia-line);
	border-radius: var(--iaia-radius);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
ul.products li.product a.woocommerce-LoopProduct-link {
	display: flex;
	flex-direction: column;
	height: 100%;
}
ul.products li.product img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	margin: 0;
}
ul.products li.product .woocommerce-loop-product__title {
	font-family: var(--iaia-serif);
	font-size: 1rem;
	padding: 12px 12px 0;
	color: var(--iaia-ivory);
}
ul.products li.product .price {
	display: block;
	padding: 4px 12px 0;
	color: var(--iaia-gold);
	font-weight: 600;
	font-size: 0.95rem;
}
ul.products li.product .price del { color: var(--iaia-grey); opacity: 0.7; font-weight: 400; }
ul.products li.product .price ins { text-decoration: none; }

.iaia-klarna {
	padding: 2px 12px 12px;
	margin: 0;
	font-size: 0.78rem;
	color: var(--iaia-grey);
}
.iaia-klarna strong { color: var(--iaia-ivory); font-weight: 600; }

/* Nasconde il bottone "aggiungi al carrello" nel loop per look editoriale.
   (l'azione avviene nella scheda). Rimuovere se si preferisce mostrarlo. */
ul.products li.product .button.add_to_cart_button { display: none; }

/* Paginazione */
.woocommerce-pagination ul {
	list-style: none;
	display: flex;
	gap: 8px;
	justify-content: center;
	padding: 32px 0;
}
.woocommerce-pagination a, .woocommerce-pagination span {
	display: inline-flex;
	min-width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--iaia-line);
	border-radius: var(--iaia-radius);
}
.woocommerce-pagination .current { border-color: var(--iaia-gold); color: var(--iaia-gold); }

/* -------------------------------------------------------------------------
   7) WOOCOMMERCE — SCHEDA PRODOTTO (single)
   ---------------------------------------------------------------------- */
.iaia-product {
	padding: 24px 0 120px; /* spazio extra in basso per la CTA sticky */
}
.iaia-product__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

/* Galleria */
.iaia-product .woocommerce-product-gallery {
	margin: 0;
	float: none !important;
	width: 100% !important;
}
.iaia-product .woocommerce-product-gallery img { border-radius: var(--iaia-radius); }

/* Colonna info */
.iaia-product__summary { /* riempito da summary WooCommerce */ }
.iaia-product .product_title {
	font-size: clamp(1.8rem, 6vw, 2.4rem);
	margin-bottom: 6px;
}
.iaia-product .price {
	font-size: 1.5rem;
	color: var(--iaia-gold);
	font-weight: 600;
}
.iaia-product .price del { color: var(--iaia-grey); font-weight: 400; }
.iaia-product .price ins { text-decoration: none; }

/* Badge edizione limitata */
.iaia-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 12px 0 16px;
	padding: 8px 14px;
	border: 1px solid var(--iaia-gold);
	border-radius: 999px;
	font-size: 0.78rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--iaia-gold);
}

/* Riga trust */
.iaia-trust {
	list-style: none;
	margin: 20px 0;
	padding: 18px 0;
	border-top: 1px solid var(--iaia-line);
	border-bottom: 1px solid var(--iaia-line);
	display: grid;
	gap: 12px;
}
.iaia-trust li {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 0.85rem;
	color: var(--iaia-grey);
}
.iaia-trust .iaia-stars { color: var(--iaia-gold); letter-spacing: 2px; }
.iaia-trust strong { color: var(--iaia-ivory); font-weight: 600; }

/* Note spedizione / resi */
.iaia-product__note {
	font-size: 0.85rem;
	color: var(--iaia-grey);
}
.iaia-product__note a { color: var(--iaia-gold); text-decoration: underline; }

/* CTA STICKY in basso */
.iaia-sticky-cta {
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 120;
	background: rgba(12, 12, 13, 0.96);
	backdrop-filter: blur(8px);
	border-top: 1px solid var(--iaia-line);
	padding: 10px var(--iaia-pad);
	padding-bottom: calc(10px + env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	gap: 12px;
}
.iaia-sticky-cta__price {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
}
.iaia-sticky-cta__price .now { color: var(--iaia-gold); font-weight: 700; font-size: 1.1rem; }
.iaia-sticky-cta__price .was { color: var(--iaia-grey); text-decoration: line-through; font-size: 0.8rem; }
.iaia-sticky-cta .iaia-btn { flex: 1; }

/* -------------------------------------------------------------------------
   8) FOOTER
   ---------------------------------------------------------------------- */
.iaia-footer {
	border-top: 1px solid var(--iaia-line);
	padding: 48px 0 32px;
	color: var(--iaia-grey);
	font-size: 0.88rem;
}
.iaia-footer__top {
	display: grid;
	grid-template-columns: 1fr;
	gap: 28px;
	margin-bottom: 32px;
}
.iaia-footer__brand .iaia-wordmark { font-size: 1.4rem; }
.iaia-footer__brand p { margin-top: 12px; max-width: 36ch; }
.iaia-footer__brand a[href^="mailto"] { color: var(--iaia-gold); }

.iaia-footer__nav ul {
	list-style: none;
	margin: 0; padding: 0;
	display: grid;
	gap: 10px;
}
.iaia-footer__nav a { color: var(--iaia-ivory); }
.iaia-footer__nav a:hover { color: var(--iaia-gold); }

/* Social */
.iaia-social { display: flex; gap: 16px; margin-top: 8px; }
.iaia-social a { display: inline-flex; color: var(--iaia-ivory); }
.iaia-social a:hover { color: var(--iaia-gold); }
.iaia-social svg { width: 22px; height: 22px; }

/* Riga legale */
.iaia-legal {
	border-top: 1px solid var(--iaia-line);
	padding-top: 20px;
	font-size: 0.78rem;
	color: var(--iaia-grey);
	line-height: 1.6;
}

/* -------------------------------------------------------------------------
   9) BREAKPOINT — DESKTOP / TABLET
   ---------------------------------------------------------------------- */
@media (min-width: 480px) {
	.iaia-colors { grid-template-columns: repeat(3, 1fr); }
}

@media (min-width: 768px) {
	:root { --iaia-header-h: 64px; }

	/* Header desktop: mostra nav inline, nascondi burger e menu mobile */
	.iaia-nav { display: block; }
	.iaia-burger { display: none; }
	.iaia-mobile-menu { display: none !important; }

	.iaia-colors { grid-template-columns: repeat(4, 1fr); }
	ul.products { grid-template-columns: repeat(3, 1fr); }

	/* Scheda prodotto a 2 colonne */
	.iaia-product__grid { grid-template-columns: 1fr 1fr; align-items: start; }

	.iaia-footer__top {
		grid-template-columns: 1.4fr 1fr 1fr;
		gap: 40px;
	}

	/* Su desktop la CTA sticky resta, ma ridimensionata e centrata */
	.iaia-sticky-cta {
		justify-content: center;
		gap: 20px;
		padding: 12px var(--iaia-pad);
	}
	.iaia-sticky-cta .iaia-btn { flex: 0 0 auto; min-width: 320px; }
}

@media (min-width: 1024px) {
	.iaia-colors { grid-template-columns: repeat(5, 1fr); } /* 20 colori = 4 righe */
	ul.products { grid-template-columns: repeat(4, 1fr); }
}

/* -------------------------------------------------------------------------
   10) ACCESSIBILITA / UTILITY
   ---------------------------------------------------------------------- */
.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	* { transition: none !important; animation: none !important; }
}

/* -------------------------------------------------------------------------
   11) OVERRIDE — bottoni d'azione in ORO + niente messaging Klarna 3 rate
   ---------------------------------------------------------------------- */
.iaia-product__summary .single_add_to_cart_button,
.iaia-product__summary button.alt,
.entry-summary .button.alt,
.teqb-quick-buy-btn,
form.cart .button {
	background: var(--iaia-gold) !important;
	color: #0C0C0D !important;
	border: none !important;
	border-radius: var(--iaia-radius) !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-weight: 700;
}
.iaia-product__summary .single_add_to_cart_button:hover,
.teqb-quick-buy-btn:hover,
form.cart .button:hover { background: #E3C77E !important; color: #0C0C0D !important; }

/* Nasconde il messaging Klarna di Stripe (3 rate / "333"): resta solo la nostra riga a 12 rate */
klarna-placement,
.klarna-onsite-messaging,
.wc-stripe-klarna-onsite-message,
[data-klarna-osm] { display: none !important; }

/* Sulla SCHEDA prodotto teniamo solo il nostro "Ordina ora": via i bottoni Express
   (Apple/Google Pay/Link). I metodi di pagamento restano in carrello/checkout. */
.single-product #wc-stripe-express-checkout-element,
.single-product .wc-stripe-payment-request-wrapper,
.single-product .wc-stripe-product-checkout-container,
.iaia-product__summary #wc-stripe-express-checkout-element { display: none !important; }

/* Un solo CTA: teniamo SOLO la barra sticky in basso ("Ordina ora — Flash Sale").
   Nascondiamo il form add-to-cart inline (bottone + quantità) nella scheda. */
.single-product .iaia-product__summary form.cart { display: none !important; }

/* ====== FIX RIFINITURE SCHEDA (smoke test) ====== */

/* (A) Badge "Flash Sale": via il verde oliva di default → oro brand, elegante. */
.onsale,
.single-product .iaia-product__media .onsale,
ul.products li.product .onsale {
	background: var(--iaia-gold) !important;
	color: #0C0C0D !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 6px 14px !important;
	font-size: .72rem !important;
	font-weight: 600 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1.2 !important;
	box-shadow: 0 2px 10px rgba(0,0,0,.18) !important;
}
.single-product .iaia-product__media { position: relative; }
.single-product .iaia-product__media .onsale {
	position: absolute !important;
	top: 14px !important;
	left: 14px !important;   /* spostato in ALTO a SINISTRA */
	right: auto !important;
	margin: 0 !important;
	z-index: 3;
}

/* (B) Miniature galleria: tutte su UNA riga (erano 5 su griglia a 4 → la 5ª andava a capo). */
.woocommerce-product-gallery .flex-control-thumbs {
	display: grid !important;
	grid-template-columns: repeat(5, 1fr) !important;
	gap: 8px !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	float: none !important;
	width: 100% !important;
}
.woocommerce-product-gallery .flex-control-thumbs li {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	list-style: none !important;
}
.woocommerce-product-gallery .flex-control-thumbs li img {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	cursor: pointer;
	opacity: .7;
	transition: opacity .2s ease;
}
.woocommerce-product-gallery .flex-control-thumbs li img.flex-active,
.woocommerce-product-gallery .flex-control-thumbs li img:hover { opacity: 1 !important; }

/* (C) Prodotti correlati ("4 modelli a confronto"): griglia pulita a 4 colonne,
   niente float che si incastra e crea il "buco"; immagini ad altezza uniforme. */
.related.products ul.products,
.up-sells ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, 1fr) !important;
	gap: 22px !important;
	margin: 0 !important;
}
.related.products ul.products li.product,
.up-sells ul.products li.product {
	width: auto !important;
	margin: 0 !important;
	float: none !important;
	clear: none !important;
}
.related.products ul.products li.product img,
.up-sells ul.products li.product img {
	width: 100% !important;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	margin: 0 0 10px !important;
}
@media (max-width: 782px) {
	.related.products ul.products,
	.up-sells ul.products { grid-template-columns: repeat(2, 1fr) !important; gap: 14px !important; }
	.woocommerce-product-gallery .flex-control-thumbs { gap: 6px !important; }
}

/* (E) BOUTIQUE — griglia archivio a colonne nette (4 desktop · 3 tablet · 2 mobile).
   Usa .woocommerce ul.products + !important per battere le regole .columns-N del core
   WooCommerce, che causavano l'allineamento irregolare (3-4-4-4-1). */
.woocommerce ul.products { display: grid !important; }
/* I ::before/::after di clearfix di WooCommerce, dentro un container grid, diventano
   CELLE FANTASMA e sballano le righe (3-4-4-4-1 sull'archivio, 1-3 nei correlati).
   Vanno annullati con la stessa specificità di WC (.woocommerce ul.products::*). */
.woocommerce ul.products::before,
.woocommerce ul.products::after { content: none !important; display: none !important; }
.woocommerce ul.products li.product { width: auto !important; float: none !important; clear: none !important; margin: 0 !important; }
@media (max-width: 767px)  { .woocommerce ul.products { grid-template-columns: repeat(2, 1fr) !important; } }
@media (min-width: 768px)  { .woocommerce ul.products { grid-template-columns: repeat(3, 1fr) !important; } }
@media (min-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(4, 1fr) !important; } }

/* (D) PREZZI: via il verde oliva di default WooCommerce → giallo burro crema.
   (Le selezioni core di WooCommerce vincono per specificità: forziamo con !important.) */
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.iaia-product .price,
.iaia-product__summary .price,
.woocommerce ul.products li.product .price,
ul.products li.product .price,
.iaia-sticky-cta__price .now {
	color: var(--iaia-cream) !important;
}
.price ins, .price ins .amount, .price ins bdi { color: var(--iaia-cream) !important; text-decoration: none !important; }
.price del, .price del .amount, .price del bdi,
.iaia-sticky-cta__price .was { color: var(--iaia-grey) !important; }

/* "Disponibile" / stock: via l'oliva → grigio tenue (non verde). */
.woocommerce div.product .stock,
.woocommerce .stock { color: var(--iaia-grey) !important; }

/* (E) Nota/disclaimer Klarna (servizio esterno): piccola e discreta. */
.iaia-klarna-note {
	margin: 2px 0 0;
	font-size: 0.66rem;
	line-height: 1.35;
	color: var(--iaia-grey);
	opacity: 0.85;
	max-width: 46ch;
}

/* Disclaimer artigianalità / camoscio */
.iaia-craft-note {
	margin: 14px 0 0;
	padding: 12px 14px;
	border-left: 2px solid var(--iaia-gold);
	background: rgba(194,161,91,.06);
	font-size: 0.78rem;
	line-height: 1.5;
	color: var(--iaia-grey);
	font-style: italic;
}
.iaia-craft-note strong { color: var(--iaia-ivory); font-style: normal; }

/* =========================================================================
   STILE TECA-MUSEO ESTESO A TUTTO IL SITO
   (account, termini di vendita, pagine legali, pagine statiche)
   Palette calda + accenti oro + serif Cormorant, coerente con la boutique.
   ========================================================================= */

/* Sfondo caldo "teca" dietro al contenuto delle pagine interne e account. */
.page:not(.home):not(.single-product) .iaia-main,
.woocommerce-account .iaia-main,
body.woocommerce-page:not(.single-product) .iaia-main {
	position: relative;
	background:
		radial-gradient(120% 70% at 50% 0%, rgba(92,62,40,.22), rgba(12,12,13,0) 60%),
		var(--iaia-bg);
}

/* Titoli pagina in serif, accento oro */
.entry-content h1, .entry-content h2, .entry-content h3,
.woocommerce-account h1, .woocommerce-account h2, .woocommerce-account h3,
.page .entry-title, .iaia-page__title {
	font-family: var(--iaia-serif);
	color: var(--iaia-ivory);
	letter-spacing: .02em;
	font-weight: 500;
}
.entry-content h2, .woocommerce-account h2 { border-bottom: 1px solid var(--iaia-line); padding-bottom: .3em; }

/* Testo e link delle pagine interne */
.entry-content, .woocommerce-account, .wc-block-components-form, .woocommerce {
	color: var(--iaia-ivory);
}
.entry-content a, .woocommerce-account a:not(.button), .woocommerce a:not(.button) { color: var(--iaia-gold); }
.entry-content a:hover, .woocommerce a:not(.button):hover { text-decoration: underline; }

/* I bottoni-link del brand NON sono link testuali: testo scuro su oro, niente underline.
   (Evita testo oro-su-oro introdotto dalla regola link site-wide qui sopra.) */
a.iaia-btn, .iaia-btn, .iaia-sticky-cta .iaia-btn {
	color: #0C0C0D !important;
	text-decoration: none !important;
}
a.iaia-btn:hover, .iaia-sticky-cta .iaia-btn:hover { color: #0C0C0D !important; text-decoration: none !important; }

/* MY ACCOUNT — navigazione laterale come menu editoriale */
.woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--iaia-line); }
.woocommerce-MyAccount-navigation li { margin: 0; }
.woocommerce-MyAccount-navigation li a {
	display: block;
	padding: 10px 16px;
	color: var(--iaia-grey);
	letter-spacing: .08em;
	text-transform: uppercase;
	font-size: .8rem;
	border-left: 2px solid transparent;
	margin-left: -1px;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
	color: var(--iaia-gold);
	border-left-color: var(--iaia-gold);
	background: rgba(194,161,91,.06);
}

/* Tabelle (ordini, dettagli) coerenti col brand */
.woocommerce table.shop_table, .woocommerce-orders-table, .entry-content table {
	border: 1px solid var(--iaia-line);
	border-collapse: collapse;
	background: var(--iaia-card);
}
.woocommerce table.shop_table th, .woocommerce table.shop_table td,
.entry-content table th, .entry-content table td {
	border-bottom: 1px solid var(--iaia-line);
	color: var(--iaia-ivory);
	padding: 10px 12px;
}
.woocommerce table.shop_table th { color: var(--iaia-gold); font-family: var(--iaia-serif); font-weight: 500; letter-spacing: .04em; }

/* Form (login, indirizzi, checkout): campi scuri, focus oro */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-account input[type="text"], .woocommerce-account input[type="email"],
.woocommerce-account input[type="password"], .woocommerce-account input[type="tel"],
.woocommerce select, .wc-block-components-text-input input {
	background: #111114;
	border: 1px solid var(--iaia-line);
	color: var(--iaia-ivory);
	border-radius: var(--iaia-radius);
	padding: 10px 12px;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce-account input:focus, .woocommerce select:focus {
	border-color: var(--iaia-gold);
	outline: none;
}
.woocommerce form label, .woocommerce-account label { color: var(--iaia-ivory); }

/* CHECKOUT leggibile su fondo scuro: label, testi, review ordine, totali → avorio. */
.woocommerce-checkout, .woocommerce-checkout #order_review,
.wc-block-checkout, .wp-block-woocommerce-checkout { color: var(--iaia-ivory); }
.woocommerce-checkout label,
.woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table tr,
.woocommerce-checkout .cart_totals, .woocommerce-checkout .cart_totals th, .woocommerce-checkout .cart_totals td,
.wc-block-components-text-input label, .wc-block-components-checkout-step__title,
.wc-block-components-checkout-step__description, .wc-block-components-totals-item,
.wc-block-components-totals-item__label, .wc-block-components-totals-item__value,
.wc-block-formatted-money-amount, .wc-block-components-checkbox__label,
.wc-block-components-order-summary-item__description, .wc-block-components-product-name {
	color: var(--iaia-ivory) !important;
}
.woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td,
.wc-block-components-totals-item { border-color: var(--iaia-line) !important; }
.woocommerce-checkout .order-total .amount, .wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
	color: var(--iaia-cream) !important;
}

/* CHECKOUT — sezione METODI PAGAMENTO leggibile (era grigio-su-grigio). */
.woocommerce-checkout #payment { background: transparent !important; }
.woocommerce-checkout #payment ul.payment_methods { border: 0 !important; padding: 0 !important; }
.woocommerce-checkout #payment .wc_payment_method > label {
	color: var(--iaia-ivory) !important; font-size: 1rem !important; font-weight: 600 !important; padding: 6px 0 6px 4px !important;
}
.woocommerce-checkout #payment div.payment_box {
	background: var(--iaia-card) !important;
	border: 1px solid var(--iaia-gold) !important; border-radius: var(--iaia-radius) !important;
	color: var(--iaia-ivory) !important; margin: 8px 0 14px !important;
}
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box * { color: var(--iaia-ivory) !important; }
.woocommerce-checkout #payment div.payment_box::before { border-bottom-color: var(--iaia-card) !important; }
.woocommerce-checkout #payment div.payment_box a { color: var(--iaia-gold) !important; text-decoration: underline !important; }
/* Consensi / privacy / termini → leggibili */
.woocommerce-privacy-policy-text, .woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-wrapper, .woocommerce-terms-and-conditions-wrapper *,
.woocommerce-form__label-for-checkbox, .woocommerce-checkout #payment .woocommerce-terms-and-conditions {
	color: var(--iaia-ivory) !important;
}
.woocommerce-privacy-policy-text a, .woocommerce-terms-and-conditions-wrapper a { color: var(--iaia-gold) !important; }

/* Bottoni pagine interne → oro brand (coerenza con la boutique) */
.woocommerce-account .button, .woocommerce-account button,
.entry-content .button, .woocommerce form .button {
	background: var(--iaia-gold) !important;
	color: #0C0C0D !important;
	border: 0 !important;
	border-radius: var(--iaia-radius);
	letter-spacing: .06em;
	text-transform: uppercase;
	font-weight: 600;
}

/* Messaggi/avvisi WooCommerce con accento oro invece del verde default */
.woocommerce-message, .woocommerce-info { border-top-color: var(--iaia-gold) !important; }
.woocommerce-message::before, .woocommerce-info::before { color: var(--iaia-gold) !important; }

/* Sezione recensioni boutique */
.iaia-reviews { max-width: var(--iaia-maxw); margin: 12px auto 0; padding: 24px var(--iaia-pad); }
.iaia-reviews h2 { font-family: var(--iaia-serif); margin-bottom: 14px; }

/* =========================================================================
   12) OTTIMIZZAZIONI MOBILE — UX/UI + performance (≤767px)
   Tutto qui dentro è scoperto SOLO su mobile (e poche regole globali
   neutre per desktop): il desktop appena sistemato NON deve regredire.
   ========================================================================= */

/* ---- Guard globali anti-overflow orizzontale (neutre per il desktop) ---- */
/* NB: overflow-x:hidden NON va su html/body (romperebbe position:sticky
   dell'header). Lo applichiamo solo su mobile e solo su <body>. */
img, svg, video { max-width: 100%; }
.iaia-wrap { overflow-wrap: break-word; }     /* parole/URL lunghissimi non sfondano */

/* Prezzi, badge, titoli card: spezza parole lunghe invece di forzare scroll. */
.price, .iaia-badge, .iaia-klarna, .iaia-klarna-note,
.woocommerce-loop-product__title, .product_title,
.iaia-color__name, .iaia-sticky-cta__price {
	overflow-wrap: anywhere;
	word-break: break-word;
}

/* ---- CLS: aspect-ratio sull'immagine grande della galleria scheda ---- */
.iaia-product .woocommerce-product-gallery__image,
.iaia-product .woocommerce-product-gallery__image img,
.iaia-product .woocommerce-product-gallery .wp-post-image {
	aspect-ratio: 3 / 4;
}
.iaia-product .woocommerce-product-gallery__image img { width: 100%; height: auto; object-fit: cover; }

@media (max-width: 767px) {

	/* Anti-overflow orizzontale solo su mobile: body, non html (sticky-safe). */
	body { overflow-x: hidden; }

	/* ===== 1) SAFE-AREA — la barra sticky non copre contenuto/footer ===== */
	/* La barra sticky è alta ~64px + home-bar iPhone. Riservo lo spazio in
	   fondo alla PAGINA (footer compreso) così non viene mai coperto.
	   Margin sul footer = altezza barra + safe-area (un solo punto, niente
	   padding cumulativi). La sezione .iaia-product mantiene i suoi 120px top
	   ma azzero il suo padding-bottom per non sommarlo al margine del footer. */
	.iaia-product { padding-bottom: 24px; }
	.single-product .iaia-footer {
		margin-bottom: calc(80px + env(safe-area-inset-bottom));
	}

	/* La barra sticky: target comodo e safe-area già rispettata. */
	.iaia-sticky-cta {
		padding-top: 12px;
		padding-bottom: calc(12px + env(safe-area-inset-bottom));
	}
	.iaia-sticky-cta .iaia-btn { min-height: 48px; }

	/* ===== 2) TAP TARGET ≥44×44px ===== */
	/* Burger e carrello: area cliccabile piena. */
	.iaia-burger { width: 44px; height: 44px; gap: 5px; padding: 10px; }
	.iaia-cart {
		min-width: 44px; min-height: 44px;
		justify-content: center;
		margin-right: -4px;            /* riallinea otticamente al bordo */
	}
	.iaia-header__actions { gap: 6px; }

	/* Bottoni e CTA: altezza minima dito-friendly. */
	.iaia-btn { min-height: 48px; padding: 14px 24px; }

	/* Link footer: righe ampie e tappabili. */
	.iaia-footer__nav a {
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		padding: 4px 0;
	}
	.iaia-footer__nav ul { gap: 4px; }
	.iaia-social a { width: 44px; height: 44px; align-items: center; justify-content: center; }
	.iaia-social { gap: 8px; margin-left: -10px; }
	.iaia-footer__brand a[href^="mailto"] {
		display: inline-flex; align-items: center; min-height: 44px;
	}

	/* Paginazione: già 40×40, la porto a 44. */
	.woocommerce-pagination a,
	.woocommerce-pagination span { min-width: 44px; height: 44px; }

	/* Link recensioni / note tappabili. */
	.iaia-product__note a,
	.iaia-craft-note a { display: inline-block; padding: 6px 0; }

	/* ===== 3) MENU MOBILE — righe piene, spaziatura comoda, chiusura facile ===== */
	.iaia-mobile-menu ul { padding: 4px 0 8px; }
	.iaia-mobile-menu a {
		display: flex;
		align-items: center;
		min-height: 52px;
		padding: 14px var(--iaia-pad);
		font-size: 1rem;
	}
	.iaia-mobile-menu a:active { background: rgba(194,161,91,.08); }
	/* Burger "aperto" → X (feedback chiaro di chiusura). */
	.iaia-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.iaia-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
	.iaia-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

	/* ===== 4) iOS — niente auto-zoom: input ≥16px al focus ===== */
	input[type="text"], input[type="email"], input[type="password"],
	input[type="tel"], input[type="number"], input[type="search"],
	input[type="url"], textarea, select,
	.woocommerce form .form-row input.input-text,
	.woocommerce form .form-row textarea,
	.woocommerce select,
	.wc-block-components-text-input input,
	.woocommerce-account input {
		font-size: 16px !important;   /* Safari iOS sotto i 16px zooma al focus */
	}

	/* ===== 5) TIPOGRAFIA / leggibilità — niente overflow, body ≥15px ===== */
	body { font-size: 16px; }
	/* Hero: il clamp esistente (9vw) può sforare su 320px → tetto più basso. */
	.iaia-hero { padding: 56px var(--iaia-pad) 48px; }
	.iaia-hero__title { font-size: clamp(2rem, 11vw, 3rem); hyphens: none; }
	.iaia-hero__date  { font-size: clamp(1.4rem, 7vw, 2rem); }
	.iaia-hero__sub   { font-size: 0.95rem; max-width: 32ch; }
	.iaia-section__head h2 { font-size: clamp(1.5rem, 7vw, 2rem); }
	.iaia-product .product_title { font-size: clamp(1.6rem, 8vw, 2.1rem); }

	/* Testi secondari minimi leggibili. */
	.iaia-trust li,
	.iaia-product__note { font-size: 0.9rem; }
	.iaia-klarna { font-size: 0.82rem; }

	/* ===== 6) SPACING — respiro su 360–414px ===== */
	.iaia-section { padding: 44px 0; }
	.iaia-section__head { margin-bottom: 24px; }

	/* Griglia colori e prodotti: gap un filo più stretto, niente bordi tagliati. */
	.iaia-colors { gap: 8px; }
	ul.products,
	.woocommerce ul.products { gap: 10px !important; }

	/* Card prodotto: gerarchia prezzo + Klarna più chiara. */
	ul.products li.product .woocommerce-loop-product__title { padding: 10px 10px 0; font-size: 0.98rem; }
	ul.products li.product .price { padding: 4px 10px 0; font-size: 1rem; }
	.iaia-klarna { padding: 2px 10px 10px; }
	.iaia-color__name { font-size: 0.78rem; padding: 8px 10px; }

	/* Scheda prodotto: meno aria laterale sprecata. */
	.iaia-product__grid { gap: 18px; }
	.iaia-badge { font-size: 0.74rem; padding: 8px 12px; }

	/* Riga trust più ariosa e tappabile. */
	.iaia-trust { gap: 14px; margin: 18px 0; }

	/* Recensioni leggibili. */
	.iaia-reviews { padding: 20px var(--iaia-pad); }
}

/* Schermi molto stretti (≤360px): l'hero resta dentro. */
@media (max-width: 360px) {
	.iaia-hero__title { font-size: 1.85rem; }
	.iaia-wordmark { font-size: 1.1rem; }
	.iaia-sticky-cta { gap: 8px; }
	.iaia-sticky-cta .iaia-btn { padding: 14px 14px; font-size: 0.85rem; }
}

/* ============================================================
   CHECKOUT SNELLO — solo cosmetica, nessun impatto sul pagamento (UPE classic).
   Reversibile: ripristinare app.css.bak-precheckout.
   ============================================================ */
/* 1) Via il checkbox "Salva le informazioni di pagamento" (opzionale → attrito inutile). */
.woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew { display: none !important; }

/* 2) UN SOLO bordo intorno ai campi carta: box e fieldset diventano contenitori
      puliti, il bordo resta solo sul campo Stripe interno. */
.woocommerce-checkout #payment div.payment_box {
	background: transparent !important;
	border: 0 !important; box-shadow: none !important;
	margin: 6px 0 12px !important; padding: 2px 0 0 !important;
}
.woocommerce-checkout #payment div.payment_box::before { display: none !important; } /* via la freccetta */
.woocommerce-checkout #payment fieldset.wc-upe-form {
	background: transparent !important; border: 0 !important; padding: 0 !important; margin: 0 !important;
}
.woocommerce-checkout #payment .wc-stripe-upe-element {
	background: var(--iaia-card) !important;
	border: 1px solid rgba(194, 161, 91, .45) !important;
	border-radius: var(--iaia-radius) !important;
	padding: 14px !important; margin: 0 !important;
}

/* 3) Blocco consensi alleggerito: privacy piccola e muta, checkbox termini chiara. */
.woocommerce-checkout .woocommerce-privacy-policy-text {
	font-size: 12px !important; line-height: 1.5 !important; opacity: .7 !important; margin: 4px 0 10px !important;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper { margin: 8px 0 4px !important; }
.woocommerce-checkout p.validate-required .woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-checkout label[for="terms"] { font-size: 13px !important; }

/* ============================================================
   CHECKOUT CHIARO — pannello avorio + testi scuri (richiesta Daniele 25/06).
   Vince sulle regole scure precedenti perché più in basso nel file.
   Reversibile: ripristinare app.css.bak-precheckout.
   ============================================================ */
/* Pannello riepilogo+pagamento su avorio caldo. */
.woocommerce-checkout #order_review {
	background: #F4EFE6 !important;
	border: 1px solid #E0D6C2 !important;
	border-radius: var(--iaia-radius) !important;
	padding: 20px !important;
}
/* Testi SCURI ovunque dentro il pannello chiaro. */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review *,
.woocommerce-checkout #payment .wc_payment_method > label,
.woocommerce-checkout #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box *,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table * {
	color: #1A1A1A !important;
}
/* Riepilogo: bordi morbidi. */
.woocommerce-checkout .woocommerce-checkout-review-order-table th,
.woocommerce-checkout .woocommerce-checkout-review-order-table td { border-color: #E0D6C2 !important; }
/* Totale in oro scuro leggibile su chiaro. */
.woocommerce-checkout .order-total th,
.woocommerce-checkout .order-total .amount { color: #9A7B3A !important; }
/* Campo carta Stripe: sfondo bianco, un solo bordo sand. */
.woocommerce-checkout #payment .wc-stripe-upe-element {
	background: #FFFFFF !important;
	border: 1px solid #E0D6C2 !important;
	color: #1A1A1A !important;
}
/* Niente bordo/scatola vuota sotto i campi (placeholder errori). */
.woocommerce-checkout #payment [id$="-upe-errors"] { border: 0 !important; background: transparent !important; min-height: 0 !important; padding: 0 !important; }
/* Link e privacy in oro scuro / grigio leggibile. */
.woocommerce-checkout #payment a,
.woocommerce-checkout .woocommerce-privacy-policy-text a,
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: #9A7B3A !important; text-decoration: underline !important; }
.woocommerce-checkout .woocommerce-privacy-policy-text,
.woocommerce-checkout .woocommerce-privacy-policy-text p { color: #6B6B6B !important; }
.woocommerce-checkout #terms { accent-color: #9A7B3A; }

/* Il riquadro avorio: NESSUN nero dentro — la tabella riepilogo eredita l'avorio, testo nero. */
.woocommerce-checkout #order_review table.shop_table,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table th,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table td,
.woocommerce-checkout #order_review .woocommerce-checkout-review-order-table tr,
.woocommerce-checkout #order_review .cart_item td,
.woocommerce-checkout #order_review .order-total th,
.woocommerce-checkout #order_review .order-total td {
	background: transparent !important;
	color: #1A1A1A !important;
	border-color: #E0D6C2 !important;
}
.woocommerce-checkout #order_review .order-total .amount { color: #8A6D2E !important; }
.woocommerce-checkout #payment .wc-stripe-upe-element { background: #FFFFFF !important; border-color: #E0D6C2 !important; }

/* Campi del checkout in CHIARO. Stripe campiona #billing_first_name per temare il
   riquadro carta → campi chiari = riquadro carta chiaro (niente nero). */
.woocommerce-checkout input.input-text,
.woocommerce-checkout input[type="text"],
.woocommerce-checkout input[type="email"],
.woocommerce-checkout input[type="tel"],
.woocommerce-checkout input[type="password"],
.woocommerce-checkout input[type="number"],
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout #billing_first_name {
	background-color: #FFFFFF !important;
	color: #1A1A1A !important;
	border: 1px solid #E0D6C2 !important;
}
.woocommerce-checkout input::placeholder,
.woocommerce-checkout textarea::placeholder { color: #9A8F7C !important; }

/* ====== Disponibilità boutique: badge Esaurito / Solo X ====== */
.iaia-stocklabel{font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin:6px 0 0;}
.iaia-stocklabel--out{color:#9a3b3b;}
.iaia-stocklabel--low{color:#9A7B3A;}
.woocommerce ul.products li.product.outofstock{position:relative;}
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link img{opacity:.55;filter:grayscale(.25);}
.woocommerce ul.products li.product.outofstock .woocommerce-loop-product__link::after{content:"Esaurito";position:absolute;top:10px;left:10px;background:#0C0C0D;color:#E3C77E;font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:4px;z-index:2;}
.iaia-btn--disabled{background:#6b6258 !important;color:#e8e2d8 !important;cursor:not-allowed;pointer-events:none;opacity:.85;}
.woocommerce div.product p.stock.out-of-stock{color:#9a3b3b;font-weight:700;}
.woocommerce div.product p.stock.in-stock{color:#9A7B3A;font-weight:700;}