/**
 * Spezieria - Ordine Minimo
 * Frontend styles
 *
 * Segue la style-guide Spezieria:
 * Sfondo: #121212 / #1a1a1a per card
 * Oro: #daa520
 * Testo: #e0e0e0
 * Font: EB Garamond (titoli), Lexend Deca (body), caricati dal tema
 */

/* ============================================================
   NOTICE CHECKOUT/CARRELLO: GIALLO
   ============================================================
   WooCommerce wrappa i notice .error in <ul class="woocommerce-error">.
   Sovrascriviamo lo stile SOLO per il nostro notice.
   ============================================================ */

.woocommerce-error li:has(.spz-min-order-checkout-notice) {
	background-color: #2a2510;
	border-color: #daa520;
	color: #f0c040;
}

/* Fallback per browser senza :has(), colora lo span direttamente. */
.spz-min-order-checkout-notice {
	color: #f0c040;
}

/* ============================================================
   SUGGERIMENTI NEL CARRELLO
   ============================================================ */

.spz-min-order-suggestions {
	background-color: #1a1a1a;
	border: 1px solid #333333;
	border-radius: 4px;
	padding: 15px 20px;
	margin: 0 0 20px;
}

/* Messaggio errore dentro il box */
.spz-min-order-error-msg {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	color: #e0e0e0;
	margin: 0 0 12px;
	padding: 10px 14px;
	background-color: rgba(140, 46, 61, 0.25);
	border: 1px solid #8c2e3d;
	border-radius: 4px;
}

/* Importi nel messaggio evidenziati in oro */
.spz-min-order-error-msg .woocommerce-Price-amount {
	color: #daa520;
	font-weight: 700;
}

.spz-min-order-suggestion-label {
	font-family: 'Lexend Deca', sans-serif;
	font-weight: 400;
	font-size: 11px;
	color: #999999;
	text-transform: none;
	letter-spacing: 0;
	margin: 0 0 8px;
}

.spz-min-order-thumbs {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.spz-min-order-thumb {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #333333;
	transition: border-color 0.2s ease;
	flex-shrink: 0;
}

.spz-min-order-thumb:hover {
	border-color: #daa520;
}

.spz-min-order-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* ============================================================
   BOTTONE CHECKOUT DISABILITATO
   ============================================================ */

.spz-min-order-checkout-disabled {
	display: block;
	width: 100%;
	padding: 15px 20px;
	text-align: center;
	font-family: 'Lexend Deca', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #666666;
	background-color: #2a2a2a;
	border: 1px solid #333333;
	border-radius: 4px;
	cursor: not-allowed;
	box-sizing: border-box;
}

/* ============================================================
   SHORTCODE BADGE
   ============================================================ */

.spz-min-order-badge {
	font-family: 'Lexend Deca', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: #121212;
	background-color: #daa520;
	padding: 3px 10px;
	border-radius: 3px;
	display: inline-block;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 768px) {
	.spz-min-order-suggestions {
		padding: 12px 15px;
	}

	.spz-min-order-error-msg {
		font-size: 13px;
		line-height: 19px;
		padding: 8px 12px;
	}

	.spz-min-order-suggestion-label {
		font-size: 10px;
		margin-bottom: 6px;
	}

	.spz-min-order-thumb {
		width: 60px;
		height: 60px;
	}

	.spz-min-order-thumbs {
		gap: 8px;
	}
}