/* =====================================================================
   EREG Theme — home.css
   Fills the styling gaps on the homepage (front-page.php). The template
   was reworked with renamed inner elements (light-h2, split-stats/stat,
   svc-card, val-btn…) that were never added to main.css, so they rendered
   unstyled. These rules mirror the existing homepage design tokens in
   main.css. Loaded ONLY on the front page (functions.php, is_front_page).
   ===================================================================== */

/* ── About split — renamed inner elements ── */
.light-kicker{font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ereg-purple);margin-bottom:20px}
.light-h2{font-family:var(--font-serif);font-size:clamp(32px,4vw,44px);font-weight:300;line-height:1.12;margin-bottom:24px}
.light-h2 em{font-style:italic}
.light-link{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ereg-purple);margin-top:28px;text-decoration:none}
.light-link:hover{text-decoration:underline}
.split-img-inner{display:flex;align-items:center;justify-content:center;opacity:.25}
.split-img-inner svg{width:72px;height:72px;fill:#fff}
.split-stats{display:flex;gap:36px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid #e0d0f0}
.stat{display:flex;flex-direction:column}
.stat-n{font-family:var(--font-display);font-size:32px;font-weight:500;color:var(--ereg-purple);line-height:1}
.stat-l{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#777;margin-top:6px}

/* ── Featured listings — inner body wrapper ── */
.lcard-body{padding:20px 16px 16px;background:#1d0530}

/* ── Services (What We Do) — renamed cards ── */
.svc-card{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e8e0f0;padding:32px 24px;transition:border-color .25s,box-shadow .25s,transform .25s}
.svc-card:hover{border-color:var(--ereg-purple);box-shadow:0 4px 20px rgba(73,14,111,.08);transform:translateY(-2px)}
.svc-icon{width:48px;height:48px;border-radius:50%;background:#f5eeff;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.svc-icon svg{width:22px;height:22px;fill:var(--ereg-purple)}
.svc-h3{font-family:var(--font-serif);font-size:22px;font-weight:300;margin-bottom:12px;color:#1a1a1a;transition:color .2s}
.svc-card:hover .svc-h3{color:var(--ereg-purple)}
.svc-body{font-size:13px;color:#555;line-height:1.75}

/* ── My Home Value band — button + widget cell ── */
.val-btn{display:inline-block;background:#fff;color:var(--ereg-purple);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:16px 40px;text-decoration:none}
.val-btn:hover{background:#f0e0ff}
.val-widget{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:20px}

/* ── Mobile ── */
@media(max-width:760px){
  .split-stats{gap:24px}
  .stat-n{font-size:26px}
}