/* Free Email Verifier page (templates/email-verifier.php).
   Loads after styles/email-finder.css, which has the tool card, results table, steps and CTA styles. */

.ev-hero h1 { font-size: var(--fs-hero); }
.hf-form__fields--1 { grid-template-columns: minmax(0, 1fr); }

/* "X of N free checks left today" */
.ev-quota {
	display: flex; align-items: flex-start; gap: 8px; padding: 10px 14px; border-radius: var(--r-md);
	background: var(--brand-soft); color: var(--ink); font-size: var(--fs-sm); font-weight: 600; line-height: 1.45;
}
.ev-quota svg { width: 18px; height: 18px; flex: none; margin-top: 1px; color: var(--brand-strong); }
.ev-quota.is-empty { background: #FEF3F2; }
.ev-quota.is-empty svg { color: var(--danger); }

/* Visitors: sign up / log in prompt */
.ev-gate {
	display: flex; align-items: flex-start; gap: var(--s-3); padding: var(--s-4); border-radius: var(--r-md);
	background: var(--brand-soft); color: var(--ink); font-size: var(--fs-sm);
}
.ev-gate > svg { width: 20px; height: 20px; flex: none; margin-top: 2px; color: var(--brand-strong); }
.ev-gate__body { display: grid; gap: var(--s-3); min-width: 0; }
.ev-gate__actions { display: flex; flex-wrap: wrap; gap: var(--s-2); }
.ev-gate__actions .btn { flex: 1 1 140px; }

/* Upsell line under the "limit reached" alert */
.ev-upsell { font-size: var(--fs-sm); color: var(--text); }

/* What the results mean */
.ev-statuses { display: grid; gap: clamp(16px, 2vw, 24px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.ev-status { display: grid; gap: var(--s-3); align-content: start; border-top: 4px solid var(--border); }
.ev-status .hf-chip { justify-self: start; font-size: .875rem; padding: 6px 12px; }
.ev-status p { color: var(--text); }
.ev-status--valid { border-top-color: var(--success); }
.ev-status--risky { border-top-color: var(--warning); }
.ev-status--invalid { border-top-color: var(--danger); }
.ev-status--unknown { border-top-color: var(--muted); }

/* Results: 3 columns (email, status, what it means) */
.ev-table { --hf-min: 560px; }