/*
 * MyTeam Header Glass
 * Solo il menu fisso in vetro, più tre aggiunte facoltative.
 * Carrello, checkout, area account e scheda prodotto non vengono toccati.
 */

:root{
	--mtg-header-alpha:.42;
	--mtg-buy:#111114;
	--mtg-header-h:96px;
}

/* ============================================================
   1. MENU FISSO IN VETRO
   ============================================================ */
.mtg-glass-header{
	position:fixed !important;
	top:0; left:0; right:0; width:100%;
	z-index:9990;
	background:rgba(255,255,255,var(--mtg-header-alpha)) !important;
	border-bottom:1px solid rgba(255,255,255,.55);
	backdrop-filter:saturate(200%) blur(34px);
	-webkit-backdrop-filter:saturate(200%) blur(34px);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
	transition:background .3s ease, box-shadow .3s ease;
}
.mtg-glass-header.is-scrolled{
	background:rgba(255,255,255,calc(var(--mtg-header-alpha) + .24)) !important;
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 18px 40px -34px rgba(9,17,34,.6);
}

/* Gli involucri interni del tema devono lasciar vedere il vetro */
.mtg-glass-header > *,
.mtg-glass-header .header-wrap,
.mtg-glass-header .header-below-wrap,
.mtg-glass-header .header-content-inner,
.mtg-glass-header .header-inner{ background-color:transparent !important; }

/* I menu a tendina restano leggibili sopra al vetro */
.mtg-glass-header .sub-menu,
.mtg-glass-header .mega-menu,
.mtg-glass-header .minimog-menu .sub-menu{
	background:rgba(255,255,255,.96) !important;
	backdrop-filter:saturate(180%) blur(24px);
	-webkit-backdrop-filter:saturate(180%) blur(24px);
	border-radius:16px;
	box-shadow:0 24px 50px -24px rgba(9,17,34,.45);
}

/* Spazio per il menu: se il tema ha già il suo segnaposto lo usiamo, altrimenti
   aggiungiamo il margine al corpo pagina. */
body.mtg-has-glass-header{ padding-top:var(--mtg-header-h); }
body.mtg-has-glass-header.mtg-has-header-holder{ padding-top:0; }

body.admin-bar .mtg-glass-header{ top:32px; }
@media screen and (max-width:782px){
	body.admin-bar .mtg-glass-header{ top:46px; }
}

/* La pagina di accesso è a schermo intero: niente menu, niente margine */
body.myteam-login-page.mtg-has-glass-header{ padding-top:0 !important; }
body.myteam-login-page .mtg-glass-header{ display:none !important; }

@media (max-width:900px){
	.mtg-glass-header{ background:rgba(255,255,255,calc(var(--mtg-header-alpha) + .28)) !important; }
}

@media (prefers-reduced-motion:reduce){
	.mtg-glass-header{ transition:none; }
}

/* ============================================================
   2. PULSANTE "ACQUISTA ORA"
   Prende forma e altezza dal pulsante del tema che gli sta sopra.
   ============================================================ */
.mtg-buy-now{
	display:block;
	width:100%;
	margin:10px 0 0;
	background:var(--mtg-buy);
	color:#fff !important;
	border:0;
	cursor:pointer;
	text-align:center;
	font-weight:600;
	transition:filter .18s ease;
}
.mtg-buy-now:hover{ filter:brightness(1.16); color:#fff !important; }
.mtg-buy-now:active{ transform:translateY(1px); }

/* ============================================================
   3. PULSANTI PIÙ E MENO SULLA QUANTITÀ
   Solo i due pulsanti: il contenitore resta quello del tema.
   ============================================================ */
.mtg-qty-btn{
	appearance:none;
	border:0;
	background:transparent;
	cursor:pointer;
	width:32px;
	min-width:32px;
	align-self:stretch;
	font-size:17px;
	line-height:1;
	color:inherit;
	padding:0;
	border-radius:8px;
}
.mtg-qty-btn:hover{ background:rgba(11,11,15,.06); }
.quantity.mtg-qty-ready{ display:inline-flex; align-items:center; }
.quantity.mtg-qty-ready input.qty{ text-align:center; }

/* ============================================================
   4. RESPIRO NELLA SCHEDA PRODOTTO (facoltativo)
   Solo margini verticali, nessun colore e nessuna dimensione.
   ============================================================ */
body[style*="--mtg-product-spacing"] .single-product .summary > *,
body[style*="--mtg-product-spacing"] .single-product div.product .summary > *{
	margin-bottom:18px;
}
body[style*="--mtg-product-spacing"] .single-product .summary .product_title{ margin-bottom:12px; }
body[style*="--mtg-product-spacing"] .single-product .summary .price{ margin-bottom:18px; }
body[style*="--mtg-product-spacing"] .single-product .variations td.value,
body[style*="--mtg-product-spacing"] .single-product .variations tr{ margin-bottom:16px; }
body[style*="--mtg-product-spacing"] .single-product form.cart{ margin-top:22px; }