/* ===================================================
   THEME VARIABLES — Black / Silver / Gold
=================================================== */

:root {
    --bg-navy: #050505;
    --bg-navy-dark: #000000;
    --bg-navy-light: #111111;
    --bg-navy-muted: #080808;
    
    --bg-white: #0a0a0a;
    --bg-light-alt: #111111;
    --bg-light-muted: #111111;
    
    --text-slate: #ffffff;
    --text-slate-dark: #ffffff;
    --text-slate-darker: #ffffff;
    --text-dark: #ffffff;
    
    --rgb-navy: 0, 0, 0;
    --rgb-navy-dark: 0, 0, 0;
    --rgb-navy-light: 17, 17, 17;
    --rgb-navy-deep: 5, 5, 5;

    --gold-primary: #b28c40;
}

/* ===================================================
   GLOBAL ELEMENT COLORS
=================================================== */
html, body {
    background-color: var(--bg-navy-dark) !important;
    color: #ffffff;
}

p, span, li, a, td, th, label, small, blockquote {
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6,
.title,
.featured-title h3,
.featured-title h5,
.section-title h2,
.section-title h3,
.title-header h2,
.title-header h3,
.widget-title {
    color: var(--gold-primary) !important;
}

/* ===================================================
   BACKGROUND OVERRIDES — UTILITY CLASSES
=================================================== */
.ttm-bgcolor-white,
.bg-white,
.ttm-bgcolor-white.clearfix {
    background-color: var(--bg-navy-dark) !important;
}

.ttm-bgcolor-grey,
.bg-grey,
.ttm-bgcolor-grey.clearfix {
    background-color: var(--bg-navy-light) !important;
}

.ttm-bgcolor-darkgrey,
.bg-dark,
.ttm-bgcolor-darkgrey.clearfix {
    background-color: var(--bg-navy) !important;
}

.ttm-bgcolor-dark-navy {
    background-color: var(--bg-navy-dark) !important;
}

/* ===================================================
   HEADER / NAV
=================================================== */
.ttm-bgcolor-white .main-menu > ul > li > a,
.site-navigation .menu > li > a,
.mega-menu-item > a {
    color: #ffffff !important;
}

.ttm-bgcolor-white .main-menu > ul > li > a:hover,
.ttm-bgcolor-white .main-menu > ul > li.active > a,
.site-navigation .menu > li > a:hover,
.mega-menu-item.active > a {
    color: var(--gold-primary) !important;
}

.widget_info h3.widget_title,
.widget_info .widget_desc,
.ttm-fid-title,
.ttm-fid-desc {
    color: #ffffff !important;
}

/* ===================================================
   SECTION HEADINGS — Ensure Gold
=================================================== */
.sc-heading,
.sc-heading.dark,
.sc-heading.light,
.cs-heading,
.cs-heading.dark,
.hero-desc,
.section-title .title-header h2,
.section-title .title-header h3,
.ov-heading,
.ttm-bgcolor-white h2,
.ttm-bgcolor-white h3,
.ttm-bgcolor-white h4,
.ttm-bgcolor-grey h2,
.ttm-bgcolor-grey h3,
.ttm-bgcolor-grey h4 {
    color: var(--gold-primary) !important;
}

/* ===================================================
   TEXT OVERRIDES — White on Dark
=================================================== */
.ov-text,
.cs-desc,
.cs-desc.dark,
.title-desc,
.title-desc p,
.section-desc,
.desc,
.featured-desc p,
.ttm-textcolor-dark,
.ttm-textcolor-darkgrey,
.text-dark,
.text-muted {
    color: #ffffff !important;
}

/* ===================================================
   CARDS & BOXES
=================================================== */
.featured-imagebox,
.featured-icon-box,
.ttm-fid,
.process-box,
.capability-card,
.criteria-card,
.insight-card,
.focus-pillar,
.approach-step,
.struct-card,
.deal-cell {
    background-color: var(--bg-navy-light) !important;
    border-color: rgba(178,140,64,0.2) !important;
}

/* Sub-headings inside cards */
.capability-card h4,
.capability-card h5,
.criteria-card h4,
.criteria-card h5,
.insight-card h4,
.insight-card h5,
.approach-step h4,
.approach-step h5,
.struct-card h5,
.deal-cell h5,
.focus-pillar h3,
.process-box h4 {
    color: var(--gold-primary) !important;
}

/* Card body text */
.capability-card p,
.criteria-card p,
.insight-card p,
.approach-step p,
.struct-card p,
.deal-cell p,
.focus-pillar p {
    color: rgba(255,255,255,0.85) !important;
}

/* ===================================================
   BORDERS & SEPARATORS
=================================================== */
.ttm-horizontal_sep,
.ttm-vertical_sep > [class*='col-']:not(:last-child):after {
    background-color: rgba(178,140,64,0.2) !important;
}

hr {
    border-color: rgba(178,140,64,0.2) !important;
}

/* Image frames on white backgrounds should be dark */
.ttm-bgcolor-white .d-inline-block.p-10,
.d-inline-block.p-10.ttm-bgcolor-white {
    background-color: var(--bg-navy-light) !important;
}

/* ===================================================
   FOOTER
=================================================== */
.footer.widget-footer {
    background-color: var(--bg-navy) !important;
}

.footer .widget-title {
    color: var(--gold-primary) !important;
}

.footer p, .footer a, .footer li {
    color: rgba(255,255,255,0.8) !important;
}

.footer a:hover {
    color: var(--gold-primary) !important;
}

/* ===================================================
   DROPDOWN / MEGA MENU
=================================================== */
.mega-submenu,
.mega-menu-content,
ul.menu ul {
    background-color: var(--bg-navy-light) !important;
    border-color: rgba(178,140,64,0.2) !important;
}

.mega-submenu li a,
ul.menu ul li a {
    color: #ffffff !important;
}

.mega-submenu li a:hover,
ul.menu ul li a:hover {
    color: var(--gold-primary) !important;
    background-color: rgba(178,140,64,0.1) !important;
}

/* ===================================================
   MISC
=================================================== */
.box-shadow {
    box-shadow: 0 10px 40px rgba(0,0,0,0.4) !important;
}

.ttm-bgcolor-skincolor {
    background-color: var(--gold-primary) !important;
}

/* Ensure all anchor tags inside white sections are visible */
.ttm-bgcolor-white a:not(.ttm-btn),
.ttm-bgcolor-grey a:not(.ttm-btn) {
    color: var(--gold-primary);
}


/* ===================================================
   BACKGROUND LAYER FIXES (.ttm-bg-layer)
=================================================== */
.ttm-bgcolor-white > .ttm-bg-layer,
.ttm-bgcolor-white > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-grey > .ttm-bg-layer,
.ttm-bgcolor-grey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-darkgrey > .ttm-bg-layer,
.ttm-bgcolor-darkgrey > .ttm-bg-layer > .ttm-col-wrapper-bg-layer-inner,
.broken-section,
.ttm-bg.ttm-col-bgcolor-yes {
    background-color: transparent !important;
}

/* ===================================================
   EDITORIAL QUOTE
=================================================== */
.editorial-quote-card {
    background-color: var(--bg-navy-light) !important;
    border: 1px solid rgba(178,140,64,0.2) !important;
}
.editorial-quote-card p {
    color: var(--gold-primary) !important;
}
.editorial-quote-card span {
    color: rgba(255,255,255,0.7) !important;
}


/* ===================================================
   SITE MAIN BACKGROUND FIX
=================================================== */
body .site-main,
body .page .site-main,
body .page.sidebar-true .site-main,
.page {
    background-color: transparent !important;
}


/* ===================================================
   BUTTON & TOOLTIP BACKGROUND FIXES
=================================================== */
.ttm-btn.ttm-btn-color-dark,
.ttm-btn.ttm-btn-color-darkgrey {
    background-color: var(--bg-navy-light) !important;
    color: var(--gold-primary) !important;
    border: 1px solid rgba(178,140,64,0.3) !important;
}
.ttm-btn.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-color-darkgrey:hover {
    background-color: var(--gold-primary) !important;
    color: var(--bg-navy-dark) !important;
}


/* ===================================================
   MOBILE MENU BACKGROUND FIX
=================================================== */
nav.main-menu,
.mmenu-active .site-navigation {
    background-color: var(--bg-navy-light) !important;
}

nav.main-menu ul.menu > li > a,
.mmenu-active nav.main-menu ul.menu > li > a {
    color: #ffffff !important;
    border-color: rgba(178,140,64,0.1) !important;
}

nav.main-menu ul.menu > li.active > a,
nav.main-menu ul.menu > li > a:hover {
    color: var(--gold-primary) !important;
}