/*
Theme Name: Anoj Approved Final Lead Theme
Theme URI: https://anojapproved.ca
Author: Anojan Thangavel
Author URI: https://honestinvestor.ca
Description: Complete lead-generation WordPress theme for Anoj Approved. Includes homepage, clickable service cards, service detail displays, HonestInvestor.ca CTAs, and dynamic /ontario/{city}/{service}/ SEO pages.
Version: 3.0.0
Requires at least: 5.8
Tested up to: 6.5
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: anoj-approved-final
*/

:root{
  --dark:#05070d; --dark2:#0b1020; --card:#111827; --text:#f8fafc;
  --muted:#aab4c4; --sub:#aab4c4; --gold:#f6c453; --cyan:#48e4ff;
  --red:#ff3b3b; --green:#56f39a; --border:rgba(255,255,255,.12);
  --shadow:0 30px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:Inter,Arial,sans-serif;
  background:radial-gradient(circle at 20% 10%,rgba(72,228,255,.18),transparent 28%),
             radial-gradient(circle at 80% 0%,rgba(246,196,83,.18),transparent 26%),
             linear-gradient(180deg,var(--dark),#070a12 48%,#030409);
  color:var(--text); line-height:1.6; overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px,92%);margin:auto}
.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(5,7,13,.78);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.3px}
.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-weight:900;color:#05070d;background:linear-gradient(135deg,var(--gold),var(--cyan));box-shadow:0 0 35px rgba(72,228,255,.32)}
.nav-links{display:flex;gap:18px;color:var(--muted);font-size:14px;font-weight:750}
.nav-links a:hover{color:#fff}
.nav-cta{padding:11px 18px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#fff1a8);color:#06070b;font-weight:900}
.hero{position:relative;padding:92px 0 78px;min-height:760px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,13,.95),rgba(5,7,13,.72),rgba(5,7,13,.92)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=80') center/cover;opacity:.72}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:220px;background:linear-gradient(transparent,#030409)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}
.pill,.kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(246,196,83,.35);border-radius:999px;background:rgba(246,196,83,.1);color:#ffe199;font-weight:800;font-size:14px;margin-bottom:22px}
.headline{font-size:clamp(42px,6.4vw,86px);line-height:.94;font-weight:950;letter-spacing:-3px;max-width:850px}
.headline span{background:linear-gradient(135deg,var(--gold),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:clamp(18px,2vw,23px);color:#d6deea;max-width:760px;margin:24px 0 28px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:16px;font-weight:900;border:1px solid var(--border);transition:.2s;cursor:pointer;background:linear-gradient(135deg,var(--gold),#fff1a8);color:#070707;box-shadow:0 20px 45px rgba(246,196,83,.24)}
.btn.secondary,.btn-secondary{background:rgba(255,255,255,.08);color:white;box-shadow:none}
.btn-primary{background:linear-gradient(135deg,var(--gold),#fff1a8);color:#070707;box-shadow:0 20px 45px rgba(246,196,83,.24)}
.btn:hover{transform:translateY(-2px)}
.hero-card{background:rgba(8,13,25,.82);border:1px solid var(--border);border-radius:32px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(20px)}
.score{display:grid;gap:14px;margin-top:20px}
.score-item{display:flex;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.score-item b{color:var(--gold)}
.warning{margin-top:18px;padding:18px;border-radius:20px;background:rgba(255,59,59,.1);border:1px solid rgba(255,59,59,.25);color:#ffd7d7;font-weight:800}
section,.section{padding:86px 0;position:relative}
.section-title{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-1.8px;margin-bottom:16px}
.section-sub{color:var(--muted);font-size:18px;max-width:860px;margin-bottom:34px}
.grid,.grid-4,.grid-3{display:grid;gap:20px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3,.cols-3{grid-template-columns:repeat(3,1fr)}
.cols-2{grid-template-columns:repeat(2,1fr)}
.cols-4{grid-template-columns:repeat(4,1fr)}
.card{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--border);border-radius:28px;padding:26px;box-shadow:0 18px 50px rgba(0,0,0,.25)}
.icon{font-size:34px;margin-bottom:14px}.card h3{font-size:22px;margin-bottom:10px}.card p,.small{color:var(--muted)}
.proof-band{background:linear-gradient(135deg,rgba(246,196,83,.14),rgba(72,228,255,.12));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{padding:28px;border-radius:26px;background:rgba(0,0,0,.25);border:1px solid var(--border)}.stat strong{font-size:36px;color:var(--gold);display:block;line-height:1}.stat span{color:var(--muted);font-weight:700}
.dark-block{background:#05070d}.steps{counter-reset:step;display:grid;gap:16px}.step{counter-increment:step;display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;padding:22px;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid var(--border)}.step:before{content:counter(step);width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--cyan));color:#05070d;font-weight:950;font-size:24px}
.cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.city{padding:10px 14px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.06);color:#dbeafe;font-weight:750}
a.city:hover{border-color:rgba(246,196,83,.55);transform:translateY(-2px)}
.lead-box{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;background:linear-gradient(135deg,rgba(246,196,83,.18),rgba(72,228,255,.12));border:1px solid var(--border);border-radius:36px;padding:34px;box-shadow:var(--shadow)}
form{display:grid;gap:12px}input,select,textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.28);color:white;font:inherit}input::placeholder,textarea::placeholder{color:#8f9bad}.form-note{font-size:13px;color:var(--muted);margin-top:8px}
footer{padding:34px 0;border-top:1px solid var(--border);color:var(--muted);background:#030409}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* Service click-open display */
.service-card{text-align:left;color:var(--text);font:inherit;width:100%}
.service-card:hover{transform:translateY(-3px);border-color:rgba(246,196,83,.45)}
.open-link{display:inline-flex;margin-top:16px;color:var(--gold);font-weight:950}
.service-display{display:none;position:relative;margin-top:28px;padding:30px;border-radius:32px;border:1px solid rgba(246,196,83,.28);background:radial-gradient(circle at 15% 10%,rgba(72,228,255,.16),transparent 30%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.04));box-shadow:var(--shadow)}
.service-display.active{display:block}
.service-close{position:absolute;top:16px;right:18px;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.08);color:white;font-size:26px;cursor:pointer}
.service-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center}
.service-bullets{display:grid;gap:12px;margin-top:18px;padding-left:0;list-style:none}
.service-bullets li{padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dbeafe}
.service-bullets li:before{content:"✓ ";color:var(--green);font-weight:950}
.service-cta-box{padding:24px;border-radius:26px;background:rgba(0,0,0,.24);border:1px solid var(--border)}
.service-cta-box h3{font-size:24px;margin-bottom:8px}.service-cta-box p{color:var(--muted)}

.sticky-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px}
.sticky-actions a{padding:13px 16px;border-radius:999px;font-weight:950;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.call{background:linear-gradient(135deg,var(--gold),#fff0a4);color:#05070d}.whatsapp{background:#1fbf75;color:white}

@media(max-width:900px){.nav-links{display:none}.hero-grid,.lead-box,.service-detail-grid{grid-template-columns:1fr}.grid-4,.grid-3,.stats,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr 1fr}.hero{padding-top:70px;min-height:auto}}
@media(max-width:560px){.grid-4,.grid-3,.stats,.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}.headline{letter-spacing:-1.8px}.nav-cta{display:none}.lead-box{padding:24px}.sticky-actions{left:12px;right:12px;grid-template-columns:1fr 1fr}.sticky-actions a{text-align:center}}
.service-display{
  display:none;
  margin-top:30px;
}

.service-display.active{
  display:block;
}