/**
 * 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-page-wrap {
	width: 100%;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 20px 10px 50px 10px;
	box-sizing: border-box;
}

#wc-eligibility-wizard-container,
#wc-eligibility-wizard-container *,
.wc-eligibility-wizard-wrapper,
.wc-eligibility-wizard-wrapper *,
.wc-eligibility-card,
.wc-eligibility-card *,
.wc-eligibility-wizard-wrapper input,
.wc-eligibility-wizard-wrapper select,
.wc-eligibility-wizard-wrapper textarea,
.wc-eligibility-wizard-wrapper button {
	font-family: 'Figtree', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;
}

#wc-eligibility-wizard-container,
.wc-eligibility-wizard-wrapper,
.wc-eligibility-card {
	max-width: 760px;
	width: 100%;
	margin: 20px auto;
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05), 0 2px 6px -1px rgba(0, 0, 0, 0.02);
	overflow: hidden;
	box-sizing: border-box;
}

.wc-elig-notice-badge {
	display: inline-block;
	background: #fffbe2;
	border: 1px solid #fde68a;
	color: #92400e;
	padding: 4px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600;
}