/**
 * WooCommerce Eligibility Checkout - Frontend CSS
 */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

:root {
	--wc-eligibility-primary: #2563eb;
	--wc-eligibility-primary-hover: #1d4ed8;
	--wc-eligibility-secondary: #f8fafc;
	--wc-eligibility-secondary-hover: #f1f5f9;
	--wc-eligibility-border: #e2e8f0;
	--wc-eligibility-text-dark: #0f172a;
	--wc-eligibility-text-muted: #64748b;
	--wc-eligibility-bg-card: #ffffff;
	--wc-eligibility-radius: 16px;
}
.wc-eligibility-wizard-wrapper,
.wc-eligibility-wizard-wrapper *,
.wc-eligibility-wizard-wrapper button,
.wc-eligibility-wizard-wrapper input,
.wc-eligibility-wizard-wrapper select,
.wc-eligibility-wizard-wrapper textarea,
.wc-eligibility-wizard-wrapper label,
.wc-eligibility-wizard-wrapper div,
.wc-eligibility-wizard-wrapper p,
.wc-eligibility-wizard-wrapper h3,
.wc-eligibility-wizard-wrapper span {
	font-family: 'Figtree', sans-serif !important;
}
.wc-eligibility-wizard-wrapper {
	max-width: 680px;
	margin: 40px auto;
	background: var(--wc-eligibility-bg-card);
	border: 1px solid var(--wc-eligibility-border);
	border-radius: var(--wc-eligibility-radius);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
	overflow: hidden;
}
.wizard-option {
	border: 2px solid var(--wc-eligibility-border);
	border-radius: 12px;
	padding: 15px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-weight: 600;
	font-size: 14px;
	transition: all 0.2s ease;
}
.wizard-option:hover {
	border-color: #cbd5e1;
	background-color: #fafafa;
}
.wizard-option.selected {
	border-color: var(--wc-eligibility-primary) !important;
	background-color: #f0f6ff !important;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.08);
}

/* Responsive Grid columns for option selectors */
#wc-eligibility-wizard-form div[style*="display: grid"] {
	display: grid !important;
	grid-template-columns: 1fr 1fr !important;
	gap: 15px !important;
}

/* Mobile Responsiveness Rules */
@media (max-width: 600px) {
	.wc-eligibility-wizard-wrapper {
		margin: 15px 10px !important;
		border-radius: 12px !important;
	}
	.wc-eligibility-header {
		padding: 20px 15px !important;
	}
	#wc-eligibility-wizard-form {
		padding: 25px 15px !important;
	}
	.wc-eligibility-header .step-text {
		display: none !important; /* Hide labels "Eligibility", "Terms", "Complete" on mobile */
	}
	.wc-eligibility-header .step-line {
		margin: 0 8px !important;
	}
	.wc-eligibility-header .step-title {
		gap: 0 !important;
	}
	
	/* Stack option selectors on small devices */
	#wc-eligibility-wizard-form div[style*="display: grid"] {
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}
}