/* ================================================================
   balivisatrusted.com — HOMEPAGE styles (loaded only on front page)
   Premium "best-in-class" layer over the Passport-Navy token system.
   ================================================================ */

/* ---- HERO with finder preview ---- */
.hero--home .hero__inner{grid-template-columns:1fr;gap:var(--sp-6)}
.hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(184,134,47,.20);color:#EED9A8;
  border:1px solid rgba(184,134,47,.45);padding:.35rem .8rem;border-radius:var(--r-pill);font-size:var(--fs-meta);font-weight:var(--fw-semi);margin-bottom:var(--sp-3)}
.hero__trustrow{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;margin-top:var(--sp-5);font-size:var(--fs-meta);color:#bccadb}
.hero__trustrow b{color:var(--c-seal)}
@media(min-width:980px){ .hero--home .hero__inner{grid-template-columns:1.05fr .95fr;align-items:start} }

/* ---- STATS BAR ---- */
.stats-bar{background:var(--c-navy-700);color:#fff;border-top:1px solid rgba(255,255,255,.08)}
.stats-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);text-align:center;padding:var(--sp-5) 0}
.stats-bar .num{font-family:var(--ff-head);font-weight:var(--fw-bold);font-size:1.6rem;color:#fff;line-height:1}
.stats-bar .lbl{font-size:var(--fs-small);color:#aebfd2;margin-top:.3rem}
@media(max-width:640px){ .stats-bar__grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-4)} }

/* ---- SMART VISA FINDER ---- */
.visa-finder{background:linear-gradient(180deg,#fff, var(--c-bg-soft))}
.finder-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);
  max-width:760px;margin:var(--sp-6) auto 0;overflow:hidden}
.finder-head{background:var(--c-navy);color:#fff;padding:var(--sp-5)}
.finder-head .finder-title{color:#fff;margin:0;display:flex;align-items:center;gap:.5rem;font-family:var(--ff-head);font-weight:var(--fw-bold);font-size:var(--fs-h3)}
.finder-head .star{color:var(--c-seal)}
.finder-head .sub{color:#cdd9e8;font-size:var(--fs-meta);margin-top:.35rem}
.finder-progress{height:5px;background:rgba(255,255,255,.18);border-radius:99px;margin-top:var(--sp-3);overflow:hidden}
.finder-progress span{display:block;height:100%;width:0;background:var(--c-seal);transition:width .35s ease}
.finder-body{padding:var(--sp-5)}
.finder-step{display:none}
.finder-step.active{display:block;animation:fadeUp .3s ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.finder-q{font-family:var(--ff-head);font-weight:var(--fw-semi);font-size:var(--fs-h3);color:var(--c-navy);margin-bottom:var(--sp-4)}
.finder-opts{display:grid;gap:var(--sp-2)}
.finder-opt{display:flex;align-items:center;gap:.75rem;text-align:left;background:#fff;border:2px solid var(--c-line);
  border-radius:var(--r-md);padding:.85rem 1rem;cursor:pointer;font-family:var(--ff-body);font-size:var(--fs-body);color:var(--c-ink);transition:.12s;width:100%}
.finder-opt:hover{border-color:var(--c-trust);background:var(--c-trust-050)}
.finder-opt.selected{border-color:var(--c-trust);background:var(--c-trust-050);box-shadow:0 0 0 3px rgba(20,122,69,.12)}
.finder-opt .ic{font-size:1.3rem}
.finder-opt small{display:block;color:var(--c-ink-soft);font-size:var(--fs-small)}
.finder-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--sp-4)}
.finder-back{background:none;border:0;color:var(--c-ink-soft);cursor:pointer;font-size:var(--fs-meta)}
/* result */
.finder-result{display:none}
.finder-result.active{display:block;animation:fadeUp .35s ease}
.result-name{font-family:var(--ff-head);font-weight:var(--fw-bold);font-size:var(--fs-h2);color:var(--c-navy);margin:0}
.result-code{color:var(--c-trust-600);font-weight:var(--fw-semi);font-size:var(--fs-meta);margin:.2rem 0 var(--sp-3)}
.result-why{color:var(--c-ink-soft);margin-bottom:var(--sp-4)}
.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-3);margin-bottom:var(--sp-4)}
.result-grid>div{background:var(--c-bg-soft);border-radius:var(--r-md);padding:var(--sp-3)}
.result-grid .v{font-family:var(--ff-head);font-weight:var(--fw-bold);color:var(--c-navy)}
.result-grid .v small{display:block;font-weight:var(--fw-reg);color:var(--c-ink-soft);font-size:var(--fs-small);margin-top:.15rem}
.result-docs{margin:0 0 var(--sp-4);padding-left:1.2em;color:var(--c-ink)}
.result-cta{display:flex;flex-wrap:wrap;gap:var(--sp-2)}

/* ---- EMERGENCY ---- */
.emergency{background:var(--c-alert);color:#fff}
.emergency .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:var(--sp-5) var(--sp-4)}
.emergency h2{color:#fff;margin:0;font-size:var(--fs-h3)}
.emergency p{margin:.25rem 0 0;color:#fff;font-size:var(--fs-meta)}
.emergency .btn{background:#fff;color:var(--c-alert);font-weight:var(--fw-bold)}
.emergency .btn:hover{background:#fff5f5;color:var(--c-alert)}

/* ---- LIVE TICKER ---- */
.live-tick-bar{background:var(--c-trust-050);border-block:1px solid #cdead9}
.live-tick-bar .container{display:flex;align-items:center;gap:.6rem;padding:.7rem var(--sp-4);font-size:var(--fs-meta);color:var(--c-trust-600);font-weight:var(--fw-semi);justify-content:center}
.live-dot{width:9px;height:9px;border-radius:50%;background:var(--c-trust);box-shadow:0 0 0 0 rgba(20,122,69,.5);animation:pulse 1.8s infinite}
#liveTick{transition:opacity .25s}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(20,122,69,.5)}70%{box-shadow:0 0 0 8px rgba(20,122,69,0)}100%{box-shadow:0 0 0 0 rgba(20,122,69,0)}}

/* ---- CURRENCY PRICING ---- */
.cur-switch{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin-bottom:var(--sp-4)}
.cur-btn{border:1px solid var(--c-line-strong);background:#fff;border-radius:var(--r-pill);padding:.35rem .9rem;cursor:pointer;font-weight:var(--fw-semi);font-size:var(--fs-meta);color:var(--c-ink-soft)}
.cur-btn.active{background:var(--c-navy);color:#fff;border-color:var(--c-navy)}
#priceTable [data-usd]{font-family:var(--ff-head);font-weight:var(--fw-bold);color:var(--c-trust-600);white-space:nowrap}

/* ---- NATIONALITY LOUNGE ---- */
.flags{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--sp-2);margin-top:var(--sp-4)}
.flags a{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);
  padding:.7rem .9rem;text-decoration:none;color:var(--c-ink);font-weight:var(--fw-med);font-size:var(--fs-meta);transition:.12s}
.flags a:hover{border-color:var(--c-navy);box-shadow:var(--shadow-sm)}
.flags .fl{font-size:1.3rem}

/* ---- 2026 RULES CARDS ---- */
.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-3);margin-top:var(--sp-4)}
.rule-card{background:#fff;border:1px solid var(--c-line);border-left:4px solid var(--c-seal);border-radius:var(--r-md);padding:var(--sp-4)}
.rule-card h3{font-size:var(--fs-h3);margin-bottom:.4rem}
.rule-card p{margin:0;color:var(--c-ink-soft);font-size:var(--fs-meta)}

/* ---- gold divider accent ---- */
.gold-rule{height:3px;width:60px;background:var(--c-seal);border:0;border-radius:99px;margin:0 auto var(--sp-4)}