/**
 * Surya Energy Enterprise - Solar Savings Panel Component Styles & Animations
 *
 * @package SuryaEnergy
 */

/* Subtle Floating Dashboard Panel Animation */
@keyframes seFloatPanel {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-6px);
	}
	100% {
		transform: translateY(0);
	}
}

.se-analytics-card,
.se-m-savings-card {
	animation: seFloatPanel 5s ease-in-out infinite;
	will-change: transform;
	transition: box-shadow 0.3s ease, border-color 0.3s ease;
}

.se-analytics-card:hover,
.se-m-savings-card:hover {
	animation-play-state: paused;
}

/* Semicircular Gauge SVG Stroke Styling */
.se-gauge-meter-bg,
.se-m-gauge-meter-bg {
	stroke: rgba(148, 163, 184, 0.2);
	stroke-width: 16;
	stroke-linecap: round;
}

.se-gauge-meter-fill,
.se-m-gauge-meter-fill {
	stroke-width: 16;
	stroke-linecap: round;
	stroke-dasharray: 251.327;
	stroke-dashoffset: 251.327;
	transition: stroke-dashoffset 0.05s linear;
	will-change: stroke-dashoffset;
}

/* Savings Animated Counter Typography */
.se-gauge-val,
.se-m-gauge-val {
	font-weight: 800;
	letter-spacing: -0.5px;
	will-change: contents;
}

/* Reduced Motion Accessibility Override */
@media (prefers-reduced-motion: reduce) {
	.se-analytics-card,
	.se-m-savings-card {
		animation: none !important;
		transform: none !important;
	}

	.se-gauge-meter-fill,
	.se-m-gauge-meter-fill {
		transition: none !important;
	}
}