/* Apex Influence - /resources/ brand layer.
   Loaded AFTER /apex-skin.css on every /resources/*.php page.
   apex-skin.css flattens the old dark "ink" theme: it forces the page background to cream,
   sets all element backgrounds to transparent, body text to #3a3a3a, headings navy and
   resets every border-COLOR to #eceae4. It does NOT touch padding, border-radius, layout
   (flex/grid) or display, so the page structure survives. This file re-adds what the flat
   reset removed: proper cream/white card fills, gold accent borders, navy titles, gold
   eyebrows, and it repairs the buttons apex-skin over-styled (it turns every [class*="btn"]
   into a solid navy button, which broke the underline tabs and shrank the CTA buttons).

   Brand tokens (match homepage + /what-is-916-gold):
     navy #16284d   gold #b8893f   page cream #f7f4ed
     card white #ffffff   warm card #faf8f3   gold tint #f3ead7   border #eceae4
   Figtree comes from apex-skin. INR, India context, no em-dash, borders not shadows.

   HARD RULE for this file: never set display / position / flex / grid / float. The page JS
   toggles element.style.display (tabs, buy/sell modes, BBMP rows, domain filters, results).
   An !important display here would override those inline toggles and break the calculators.
   Everything below is colour, background, border and radius only. */

/* ---- shell: nav, breadcrumb, bands ---- */
.nav{background:#f7f4ed !important;border-bottom:1px solid #eceae4 !important}
.breadcrumb{background:#faf8f3 !important;border-bottom:1px solid #eceae4 !important}
.breadcrumb a{color:#16284d !important}
.breadcrumb span{color:#6b6b6b !important}

/* ---- hero ---- */
.res-hero{background:transparent !important;border-bottom:1px solid #eceae4 !important}
.res-h1{color:#16284d !important}
.domain-badge.domain-badge{background:#f3ead7 !important;color:#b8893f !important;border:1px solid #ecdcc0 !important}

/* quick-answer box: warm card with a gold left accent (apex-skin had reset it to grey) */
.res-answer{background:#faf8f3 !important;border:1px solid #eceae4 !important;border-left:4px solid #b8893f !important;color:#43464d !important}
.res-answer strong{color:#16284d !important}
.res-answer a{color:#b8893f !important}

/* ---- "Apex Influence handles" service strip ---- */
.service-strip{background:#faf8f3 !important;border-top:1px solid #eceae4 !important;border-bottom:1px solid #eceae4 !important}
.ss-label{color:#b8893f !important}
.ss-badges .ss-badge{background:#fff !important;color:#16284d !important;border:1px solid #eceae4 !important}
.ss-badges .ss-badge:hover{background:#16284d !important;border-color:#16284d !important}
.ss-badges .ss-badge:hover a{color:#fff !important}
.ss-badges .ss-badge a{color:#16284d !important}

/* ---- live gold rate card (916-gold-guide, gold-price-calculator) ---- */
.gold-rate-live{background:#faf8f3 !important;border:1px solid #ecdcc0 !important}
.grl-top{color:#b8893f !important}
.grl-top span{color:#6b6b6b !important}
.grl-cell{background:#fff !important;border:1px solid #eceae4 !important}
.grl-hi{background:#f3ead7 !important;border:1px solid #b8893f !important}
.grl-k{color:#6b6b6b !important}
.grl-v{color:#16284d !important}
.grl-v small{color:#6b6b6b !important}
.grl-10{color:#6b6b6b !important}
.grl-cite{color:#43464d !important}
.grl-cite a{color:#b8893f !important}
.grl-note{color:#6b6b6b !important}

/* ---- calculators ---- */
.calc-box{background:#fff !important;border:1px solid #eceae4 !important}
.calc-title{color:#16284d !important}
.calc-field label{color:#6b6b6b !important}
.calc-field input,.calc-field select{background:#fff !important;color:#16284d !important;border:1px solid #d8d4c8 !important}
.calc-field input:focus,.calc-field select:focus{border-color:#b8893f !important}
.calc-field input::placeholder{color:#a9a39a !important}
.calc-field select option{background:#fff !important;color:#16284d !important}
.calc-results{border-top:1px solid #eceae4 !important}
.calc-row{border-bottom:1px solid #eceae4 !important}
.calc-row span:last-child{color:#16284d !important}
.total-row{border-top:2px solid #b8893f !important}
.total-row span{color:#b8893f !important}
.bbmp-row td,.bbmp-row{background:transparent !important}
.calc-note{color:#6b6b6b !important}

/* buy/sell toggle + purity chips (gc-*) - apex-skin made these solid buttons */
.gc-tabs{border-bottom:1px solid #ecdcc0 !important}
.gc-tabs .gc-tab{background:transparent !important;color:#6b6b6b !important;border:none !important;border-bottom:2px solid transparent !important;border-radius:0 !important}
.gc-tabs .gc-tab.active{color:#b8893f !important;border-bottom:2px solid #b8893f !important}
.gc-chips .gc-chip{background:#fff !important;color:#b8893f !important;border:1px solid #b8893f !important}
.gc-chips .gc-chip:hover{background:#b8893f !important;color:#fff !important}

/* ---- content tabs (Guide / Process / Portals / Checklist) ----
   beat apex-skin's [class*="btn"]:not()x4 rule, specificity (0,5,0), with (0,6,0)+ */
.tabs .tab-nav{border-bottom:2px solid #eceae4 !important}
.tabs .tab-nav .tab-btn.tab-btn.tab-btn.tab-btn{background:transparent !important;color:#6b6b6b !important;border:none !important;border-bottom:2px solid transparent !important;border-radius:0 !important;padding:10px 18px !important}
.tabs .tab-nav .tab-btn.tab-btn.tab-btn.tab-btn:hover{color:#16284d !important}
.tabs .tab-nav .tab-btn.tab-btn.tab-btn.tab-btn.active{color:#b8893f !important;border-bottom:2px solid #b8893f !important}
.tab-pane{background:#fff !important;border:1px solid #eceae4 !important;color:#43464d !important}
.tab-pane strong{color:#16284d !important}
.tab-pane a{color:#b8893f !important}

/* ---- service cards ---- */
.services-section h2{color:#16284d !important}
.services-section p{color:#6b6b6b !important}
.svc-card{background:#fff !important;border:1px solid #eceae4 !important}
.svc-card:hover{border-color:#b8893f !important}
.svc-name{color:#16284d !important}
.svc-desc{color:#6b6b6b !important}
.svc-link{color:#b8893f !important}

/* ---- related + cities ---- */
.related-section h3{color:#16284d !important}
.rel-card{background:#fff !important;color:#43464d !important;border:1px solid #eceae4 !important}
.rel-card:hover{border-color:#b8893f !important;color:#16284d !important}
.rel-arrow{color:#b8893f !important}
.city-section{border-top:1px solid #eceae4 !important}
.city-section h4{color:#6b6b6b !important}
.city-link{background:#faf8f3 !important;color:#16284d !important;border:1px solid #eceae4 !important}
.city-link:hover{background:#f3ead7 !important;border-color:#b8893f !important}

/* ---- CTA band (gold-tint highlight, navy heading, navy button) ---- */
.cta-band{background:#f3ead7 !important;border-top:1px solid #ecdcc0 !important;border-bottom:1px solid #ecdcc0 !important}
.cta-band h2{color:#16284d !important}
.cta-band p{color:#5a5a5a !important}
.cta-band .cta-btn.cta-btn.cta-btn.cta-btn.cta-btn{background:#16284d !important;color:#fff !important;border:1px solid #16284d !important;border-radius:8px !important;padding:15px 36px !important}

/* ---- floating CTA pill ---- */
.float-cta{background:#16284d !important;color:#fff !important;border:1px solid #16284d !important;box-shadow:0 6px 18px rgba(22,40,77,.28) !important}
.float-cta:hover{color:#fff !important}

/* ---- footer (warm cream, matches /what-is-916-gold) ---- */
.footer{background:#faf8f3 !important;border-top:1px solid #eceae4 !important}
.footer-logo{color:#16284d !important}
.footer-links a{color:#5a5a5a !important}
.footer-copy{color:#8a8a8a !important}

/* ============================================================
   /resources/ hub (index.php): hero search + domain filter + grid
   ============================================================ */
.hero{background:transparent !important;border-bottom:1px solid #eceae4 !important}
.hero h1{color:#16284d !important}
.hero p{color:#6b6b6b !important}
.search-bar input{background:#fff !important;color:#16284d !important;border:1px solid #d8d4c8 !important}
.search-bar input:focus{border-color:#b8893f !important}
.search-bar input::placeholder{color:#a9a39a !important}
.search-icon{color:#b8893f !important}
.domain-tabs .dtab{background:#fff !important;color:#16284d !important;border:1px solid #eceae4 !important}
.domain-tabs .dtab.active,.domain-tabs .dtab:hover{background:#16284d !important;color:#fff !important;border-color:#16284d !important}
.domain-title{color:#16284d !important}
.domain-count{background:#f3ead7 !important;color:#8a6d33 !important;border:1px solid #ecdcc0 !important}
.domain-pillar a{color:#b8893f !important}
.resource-card{background:#fff !important;border:1px solid #eceae4 !important}
.resource-card:hover{border-color:#b8893f !important}
.rc-type{color:#b8893f !important}
.rc-title{color:#16284d !important}
.rc-desc{color:#6b6b6b !important}
.rc-arrow{color:#b8893f !important}