/* Carrello StringLab - settembre 2026 (scheda Trello 23)
   Colori del sito: blu #0170B9, barre #0B5AA6, riquadri #F8F9F8 su bordo #E4E6E3. */

/* Il giallo e' quello del logo: campionato dal file, rgb(245,189,18).
   Non e' il giallo dei pulsanti (#FFD400), che e' piu' freddo e acceso. */
.sl-sped{
	margin:0 0 22px;
	padding:14px 16px;
	background:#f5bd12;
	border:1px solid #d9a50c;
	border-radius:3px;
}
.sl-sped__testo{
	margin:0 0 10px !important;
	font-size:15px;
	line-height:1.5;
	color:#1a1400;
}
.sl-sped__testo strong{color:#1a1400}

.sl-sped__pista{
	display:block;
	height:8px;
	background:rgba(26,20,0,.18);
	border-radius:4px;
	overflow:hidden;
}
.sl-sped__pieno{
	display:block;
	height:100%;
	background:#1a1400;
	border-radius:4px;
	transition:width .35s ease;
}

.sl-sped.e-raggiunta{
	background:#eaf3ec;
	border-color:#c3e0cd;
}
.sl-sped.e-raggiunta .sl-sped__testo{color:#1e7a4c}
.sl-sped.e-raggiunta .sl-sped__testo strong{color:#155c39}
.sl-sped.e-raggiunta .sl-sped__pieno{background:#1e7a4c}

/* --- le tre rassicurazioni sotto il riepilogo --- */
.sl-rass{
	list-style:none;
	margin:14px 0 0 !important;
	padding:0;
	display:flex;
	flex-direction:column;
	gap:7px;
}
.sl-rass li{
	position:relative;
	padding-left:20px;
	font-size:13.5px;
	line-height:1.5;
	color:#5b6672;
	margin:0;
}
.sl-rass li::before{
	content:"";
	position:absolute;
	left:2px;
	top:7px;
	width:7px;
	height:7px;
	border-radius:50%;
	background:#0b5aa6;
}

/* --- il riepilogo resta in vista mentre si scorre, solo su desktop --- */
@media (min-width:993px){
	.woocommerce-cart .cart-collaterals .cart_totals{
		position:sticky;
		top:24px;
	}
}

@media (prefers-reduced-motion:reduce){
	.sl-sped__pieno{transition:none}
}