/*
 * PALETTE UFFICIALE — Sarda Multiservizi
 * ---------------------------------------
 * Colori estratti pixel per pixel dal logo reale fornito (logo.png):
 * verde scuro #076538 sul lato sinistro del rettangolo, verde smeraldo
 * #00BF63 sul lato destro (è un gradiente a due tonalità). Questi sono
 * ora i colori ufficiali del brand, non più una stima.
 *
 * Tutto il resto del plugin eredita da queste variabili: per un
 * ritocco basta modificare qui.
 */

:root {
	/* Dal logo: verde scuro (lato sinistro del rettangolo) */
	--sarda-primary: #076538;
	--sarda-primary-dark: #054a29;
	--sarda-primary-light: #e6f4ec;

	/* Dal logo: verde smeraldo (lato destro del rettangolo) */
	--sarda-accent: #00bf63;
	--sarda-accent-dark: #00a857;

	/* Neutri */
	--sarda-dark: #0f2b1c;
	--sarda-text: #333333;
	--sarda-muted: #6b7280;
	--sarda-bg-light: #f7f9f8;
	--sarda-white: #ffffff;
	--sarda-border: #dde3e0;

	/* Stati */
	--sarda-warning: #b45309;
	--sarda-danger: #b91c1c;

	--sarda-radius: 10px;
	--sarda-shadow: 0 2px 10px rgba(7, 101, 56, 0.1);
	--sarda-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--sarda-gradient: linear-gradient(90deg, var(--sarda-primary) 0%, var(--sarda-accent) 100%);
}

.sarda-st-logo {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
}
.sarda-st-logo img { height: 42px; width: auto; display: block; }

.sarda-st-btn {
	display: inline-block;
	padding: 12px 22px;
	background: var(--sarda-primary);
	color: var(--sarda-white) !important;
	border: none;
	border-radius: var(--sarda-radius);
	font-family: var(--sarda-font);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.1s ease;
}
.sarda-st-btn:hover { background: var(--sarda-primary-dark); transform: translateY(-1px); }
.sarda-st-btn-accent { background: var(--sarda-accent); }
.sarda-st-btn-accent:hover { background: var(--sarda-accent-dark); }

.sarda-st-card-box {
	background: var(--sarda-white);
	border: 1px solid var(--sarda-border);
	border-radius: var(--sarda-radius);
	box-shadow: var(--sarda-shadow);
	padding: 24px;
	font-family: var(--sarda-font);
	color: var(--sarda-text);
}

/* Pulsante WhatsApp flottante */
.sarda-st-whatsapp-float {
	position: fixed;
	bottom: 22px;
	right: 22px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--sarda-accent);
	color: var(--sarda-white);
	padding: 14px 20px 14px 14px;
	border-radius: 999px;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
	font-family: var(--sarda-font);
	font-weight: 600;
	font-size: 14px;
	animation: sarda-st-pulse 2.4s infinite;
}
.sarda-st-whatsapp-float svg { width: 26px; height: 26px; flex-shrink: 0; }
.sarda-st-whatsapp-float:hover { background: var(--sarda-accent-dark); color: var(--sarda-white); }

@keyframes sarda-st-pulse {
	0% { box-shadow: 0 4px 16px rgba(0,0,0,0.2), 0 0 0 0 rgba(37, 211, 102, 0.5); }
	70% { box-shadow: 0 4px 16px rgba(0,0,0,0.2), 0 0 0 14px rgba(37, 211, 102, 0); }
	100% { box-shadow: 0 4px 16px rgba(0,0,0,0.2), 0 0 0 0 rgba(37, 211, 102, 0); }
}

@media (max-width: 600px) {
	.sarda-st-whatsapp-float span { display: none; }
	.sarda-st-whatsapp-float { padding: 14px; }
}