/**
 * Base Frontend Styles for Discount Module.
 *
 * @package Advanced_Subscriptions_For_Woocommerce
 */

/* CSS Variables with defaults (overridden by settings) */
:root {
	--aswc-discount-primary: #7f54b3;
	--aswc-discount-secondary: #96588a;
	--aswc-discount-text: #333333;
	--aswc-discount-bg: #f8f8f8;
	--aswc-discount-radius: 8px;
	--aswc-discount-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* Base container */
.aswc-discount-table {
	margin: 20px 0;
	font-family: inherit;
	color: var(--aswc-discount-text);
}

/* First payment price display */
.aswc-first-payment-price {
	display: block;
	margin-top: 5px;
	color: var(--aswc-discount-primary);
	font-weight: 600;
}

.aswc-first-payment-label {
	font-size: 0.85em;
	font-weight: normal;
	opacity: 0.8;
}

/* Loading state */
.aswc-discount-table--loading {
	position: relative;
	min-height: 100px;
	opacity: 0.7;
}

.aswc-discount-table--loading::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
	border: 3px solid var(--aswc-discount-bg);
	border-top-color: var(--aswc-discount-primary);
	border-radius: 50%;
	animation: aswc-spin 0.8s linear infinite;
}

@keyframes aswc-spin {
	to {
		transform: rotate(360deg);
	}
}

/* Responsive */
@media (max-width: 600px) {
	.aswc-discount-table {
		font-size: 14px;
	}
}