/* Scheda prodotto StringLab - settembre 2026 (scheda Trello 20)
   Colori del sito: blu #0170B9, testo scheda #5B6672, bordi #E4E6E3. */

/* --- 1. il pulsante resta acceso finche' c'e' qualcosa da comprare --- */
.single_add_to_cart_button.sl-acceso.disabled,
.single_add_to_cart_button.sl-acceso:disabled,
.single_add_to_cart_button.sl-acceso.wc-variation-selection-needed{
	background:#0170b9 !important;
	color:#fff !important;
	opacity:1 !important;
	cursor:pointer !important;
	pointer-events:auto !important;
}

/* --- ...ma se e' davvero esaurito si spegne sul serio --- */
.single_add_to_cart_button.sl-spento,
.single_add_to_cart_button.sl-spento:hover{
	background:#eceeef !important;
	color:#8b929b !important;
	border-color:#e4e6e3 !important;
	cursor:not-allowed !important;
	opacity:1 !important;
}

/* --- avviso sopra il pulsante --- */
.sl-avviso{
	margin:0 0 10px !important;
	padding:9px 12px;
	background:#fff8e1;
	border:1px solid #f2d98b;
	border-radius:3px;
	color:#6b5600;
	font-size:14px;
	line-height:1.45;
}

/* --- il selettore mancante si fa notare --- */
.sl-manca{
	animation:sl-lampeggia 1.5s ease-out 1;
	border-radius:3px;
}
@keyframes sl-lampeggia{
	0%,100%{box-shadow:0 0 0 0 rgba(1,112,185,0)}
	15%,55%{box-shadow:0 0 0 3px rgba(1,112,185,.28)}
}

/* --- 3. note sotto calibro e formato --- */
.sl-nota{
	display:none;
	margin:7px 0 0 !important;
	font-size:13px;
	line-height:1.5;
	color:#5b6672;
}
.sl-nota.e-visibile{display:block}

/* --- riquadro consegna / reso / tensione --- */
.sl-info{
	display:flex;
	flex-direction:column;
	margin:20px 0 0;
	border:1px solid #e4e6e3;
	border-radius:3px;
	background:#f8f9f8;
}
.sl-info__riga{
	display:flex;
	gap:14px;
	align-items:baseline;
	padding:12px 14px;
}
.sl-info__riga + .sl-info__riga{border-top:1px solid #e4e6e3}
.sl-info__et{
	flex:0 0 118px;
	font-size:10px;
	line-height:14px;
	letter-spacing:.9px;
	text-transform:uppercase;
	font-weight:600;
	color:#5b6672;
}
.sl-info__testo{
	flex:1 1 auto;
	font-size:13.5px;
	line-height:1.55;
	color:#5b6672;
}
.sl-info__testo a{color:#0170b9}

@media (max-width:600px){
	.sl-info__riga{flex-direction:column;gap:3px}
	.sl-info__et{flex:0 0 auto}
}

@media (prefers-reduced-motion:reduce){
	.sl-manca{animation:none;box-shadow:0 0 0 3px rgba(1,112,185,.28)}
}

/* Il riepilogo prodotto di Astra e' un contenitore flex con gli ordini gia'
   assegnati (1..8): senza un ordine esplicito il riquadro finirebbe in cima.
   Qui lo si mette subito sotto il modulo d'acquisto. */
.summary .sl-info{order:7}
.summary .product_meta{order:8}
.summary .ast-single-product-payments{order:9}

/* ------------------------------------------------------------------------ *
 * Barra d'acquisto fissa su telefono (scheda Trello 21)
 * ------------------------------------------------------------------------ */

.sl-barra{
	display:none;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:1100;
	align-items:center;
	gap:12px;
	padding:10px 14px;
	padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
	background:#fff;
	border-top:1px solid #e4e6e3;
	box-shadow:0 -2px 12px rgba(21,25,28,.10);
}
.sl-barra[hidden]{display:none !important}

.sl-barra__testo{
	flex:1 1 auto;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:1px;
}
.sl-barra__variante{
	font-size:12px;
	line-height:1.3;
	color:#5b6672;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.sl-barra__prezzo{
	font-size:17px;
	line-height:1.2;
	font-weight:700;
	letter-spacing:-.34px;
	color:#14181d;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.sl-barra__btn{
	flex:0 0 auto;
	min-height:44px;
	padding:12px 18px;
	border:1px solid #e8c100;
	border-radius:6px;
	background:#ffd400;
	color:#1a1400;
	font-family:inherit;
	font-size:15px;
	font-weight:700;
	line-height:1;
	cursor:pointer;
}
.sl-barra__btn:hover,
.sl-barra__btn:focus{background:#e8c100;color:#1a1400}
.sl-barra__btn:focus-visible{outline:2px solid #0170b9;outline-offset:2px}

/* La barra vive solo sul telefono, e solo quando il JavaScript la accende. */
@media (max-width:767px){
	.sl-barra.e-visibile{display:flex}

	/* Una barra fissa basta: quella di Astra, che sta in alto e non aggiorna
	   il prezzo con la variante, sul telefono si toglie di mezzo. */
	.ast-sticky-add-to-cart{display:none !important}

	/* Il contenuto in fondo alla pagina non deve restare sotto la barra. */
	body.sl-barra-attiva{padding-bottom:78px}

	/* Il pulsantino dei cookie sta in basso a sinistra: si alza, cosi' non
	   finisce sopra la barra. */
	body.sl-barra-attiva .cky-btn-revisit-wrapper{bottom:88px !important}
}