/* ============================================================
   GLI · CERTIFICATION PAGES — PREMIUM LIGHT REFRESH
   Loads AFTER each page's inline <style>, so overrides win.
   Target: 75% White · 20% Navy · 5% Gold  (Coursera/PMI feel)
   ============================================================ */

:root{
  --navy:#0B1F4D;
  --navy-deep:#081633;
  --navy-mid:#13315f;
  --navy-light:#264d6a;
  --gold:#D4AF37;
  --gold-lt:#e0c25c;
  --gold-pale:#fbf6e6;
  --off-white:#F8FAFC;
  --border:#E5E7EB;
  --text:#0f172a;
  --text-mid:#475569;
  --text-lt:#64748b;
}

html{font-size:16.5px}
body{color:var(--text);background:#fff}
::-webkit-scrollbar-thumb{background:var(--gold)}
h1,h2,h3,h4{color:var(--navy);letter-spacing:-.018em}
p{color:var(--text-mid)}
.eyebrow{color:var(--gold)}
.section{padding:96px 0}

/* ─── NAV → light/glass ─── */
.nav{background:rgba(255,255,255,.9)!important;
  backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--border);
  box-shadow:0 1px 0 rgba(11,31,77,.04)}
.nav.scrolled{background:rgba(255,255,255,.96)!important;
  box-shadow:0 6px 24px rgba(11,31,77,.08)}
.nav-inner{height:74px}
.nav-brand-name{color:var(--navy);font-weight:700;font-size:1.12rem}
.nav-brand-sub{color:var(--gold);font-weight:700}
.nav-links>a,.nav-links>.drop>a{color:var(--text-mid)}
.nav-links>a:hover,.nav-links>.drop>a:hover,.nav-links>a.active{color:var(--navy);background:var(--off-white)}
.drop-menu{background:#fff;border:1px solid var(--border);box-shadow:0 24px 70px rgba(11,31,77,.14)}
.drop-menu a{color:var(--text-mid)}
.drop-menu a:hover{background:var(--off-white);color:var(--navy)}
.hamburger span{background:var(--navy)}

/* ─── BUTTONS ─── */
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{background:var(--gold-lt);box-shadow:0 8px 24px rgba(212,175,55,.32)}
.btn-navy{background:var(--navy);color:#fff}
.btn-navy:hover{background:var(--navy-mid)}
.btn-outline{border:1.5px solid var(--border);color:var(--navy)}
.btn-outline:hover{border-color:var(--gold);color:var(--gold)}

/* ─── PAGE HERO → white, executive ─── */
.page-hero{background:#fff!important;border-bottom:1px solid var(--border);
  padding:150px 0 80px;position:relative}
.page-hero::before{opacity:.35!important;
  background:radial-gradient(60% 60% at 90% 10%,rgba(212,175,55,.08),transparent 70%)!important}
.page-hero h1{color:var(--navy)!important}
.page-hero p{color:var(--text-mid)!important}
.breadcrumb a,.breadcrumb span{color:var(--text-lt)!important}
.breadcrumb a:hover{color:var(--gold)!important}
.breadcrumb .sep{color:var(--border)!important}
.cert-badge{background:var(--gold-pale);border:1px solid rgba(212,175,55,.4);color:#9a7d24}

/* Hero search bar → light, on white */
.cert-search-bar input{background:var(--off-white)!important;
  border:1.5px solid var(--border)!important;color:var(--text)!important}
.cert-search-bar input::placeholder{color:var(--text-lt)!important}
.cert-search-bar input:focus{border-color:var(--gold)!important}
.cert-search-bar button{background:var(--gold);color:var(--navy)}

/* ─── STATS BAR → white icon-card band ─── */
.stats-bar{background:var(--off-white)!important;
  border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat-item+.stat-item::before{background:var(--border)!important}
.stat-num{color:var(--navy)!important}
.stat-num sup{color:var(--gold)!important}
.stat-label{color:var(--text-lt)!important}

/* cert-stats tiles */
.cert-stat{background:#fff;border:1px solid var(--border);box-shadow:0 1px 2px rgba(11,31,77,.04),0 8px 24px rgba(11,31,77,.06)}
.cert-stat-num{color:var(--navy)}
.cert-stat-label{color:var(--text-lt)}

/* ─── CARDS (lists, categories, certs) ─── */
.bg-off{background:var(--off-white)!important}
.card,.course-card,.cert-card,.cat-card,.team-card,.module-item,.cal-event{
  border:1px solid var(--border);box-shadow:0 1px 2px rgba(11,31,77,.04),0 8px 24px rgba(11,31,77,.05)}
.card:hover,.course-card:hover,.cat-card:hover,.team-card:hover{
  box-shadow:0 14px 40px rgba(11,31,77,.10);border-color:rgba(212,175,55,.4)}
.cert-card:hover{border-color:var(--gold);box-shadow:0 14px 40px rgba(11,31,77,.10)}
.cert-card-cat,.cert-card-link,.cat-card-arrow,.course-badge{color:var(--gold)}
.cert-card-title,.cat-card-name,.course-price{color:var(--navy)}
.cat-card::before,.cat-card:hover::before{background:linear-gradient(90deg,var(--gold),var(--gold-lt))}

/* Course card head & cert detail sidebar kept navy (the 20% anchor) */
.course-card-head{background:linear-gradient(140deg,var(--navy),var(--navy-mid))}
.cert-card-detail{background:var(--navy)}

/* tabs / filters */
.tab-btn{border:1.5px solid var(--border);background:#fff;color:var(--text-lt)}
.tab-btn.active,.tab-btn:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.filter-pill{border:1.5px solid var(--border);background:#fff;color:var(--text-mid)}
.filter-pill:hover,.filter-pill.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.filter-strip{border-bottom:1px solid var(--border)}
.az-letter-nav a,.page-btn{border:1.5px solid var(--border);color:var(--navy);background:#fff}
.az-letter-nav a:hover,.page-btn:hover,.page-btn.active{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.az-letter-heading{color:var(--navy);border-bottom:2px solid var(--border)}
.az-list li a:hover{background:var(--off-white);color:var(--gold)}

/* modules / faq */
.module-num{background:var(--gold-pale);color:#9a7d24}
.module-title{color:var(--navy)}
details summary{color:var(--navy)}
details summary::after,details[open] summary::after{color:var(--gold)}

/* enrolment form card → light */
.form-card{background:var(--off-white);border:1px solid var(--border)}
.form-group label{color:var(--navy)}
.form-group input,.form-group select,.form-group textarea,
.form-input,.form-select,.form-textarea{background:#fff;border:1.5px solid var(--border);color:var(--text)}
.form-input:focus,.form-group input:focus,.form-group select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}

/* ─── CTA STRIP → kept deep navy (closing conversion band) ─── */
/* intentionally left dark for contrast */

/* ─── FOOTER → white, minimal, institutional ─── */
footer{background:#fff!important;border-top:1px solid var(--border)}
footer .footer-grid>div:first-child>div:first-child{color:var(--navy)!important}
.footer-brand p,footer p{color:var(--text-mid)}
.footer-contact-item span{color:var(--text-mid)}
.footer-col h5{color:var(--navy)!important}
.footer-col li a{color:var(--text-lt)}
.footer-col li a:hover{color:var(--gold)}
.footer-newsletter p{color:var(--text-lt)}
.footer-newsletter input{background:var(--off-white);border:1px solid var(--border);color:var(--text)}
.footer-newsletter input::placeholder{color:var(--text-lt)}
.footer-newsletter button{background:var(--gold);color:var(--navy)}
.footer-divider{border-top:1px solid var(--border)}
.footer-divisions-label{color:var(--text-lt)}
.footer-pill{border:1px solid var(--border);background:#fff}
.footer-pill:hover{border-color:rgba(212,175,55,.5);background:var(--gold-pale)}
.footer-pill span{color:var(--text-mid)}
.footer-social a{background:var(--off-white);color:var(--navy)}
.footer-social a:hover{background:var(--gold);color:var(--navy)}
.footer-bottom p,.footer-bottom a{color:var(--text-lt)}
footer a[style*="--gold"]{color:#b89327!important}

/* sticky / wa float */
.sticky-btn.proposal{background:var(--navy);color:#fff}

/* ─── responsive ─── */
@media(max-width:900px){.page-hero{padding:120px 0 64px}}
@media(max-width:768px){.section{padding:64px 0}}