/* Reveal hidden text without breaking the layout */
.guten-element, 
.guten-column, 
.guten-column-wrapper {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Specific fix for text elements that are stuck as invisible */
.guten-element[data-animation] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Allow your original colors and flex layout to work again */
.guten-column {
    display: flex !important;
}

/* ============================================================
   HC Customs — Brand Colour Unification
   Aligns hc-customs.com with compliance.hc-customs.com
   Platform palette: #0f2044 (navy) + #c9a84c (gold)
   ============================================================ */

/* ── 1. Replace all warm-bronze gold (#C3AA67) → platform gold (#c9a84c) */
:root {
  --primary-color: #c9a84c !important;
  --secondary-color: #0f2044 !important;
  --accent-color: #c9a84c !important;
  --highlight-color: #c9a84c !important;
  --link-color: #c9a84c !important;
}

/* ── 2. Replace dark charcoal (#1D222A / #393E44) → platform navy (#0f2044) */
body,
.site-header,
header.site-header,
.header-inner,
#masthead,
.navbar,
.nav-wrapper,
.top-bar,
.header-wrap {
  background-color: #0f2044 !important;
}

/* Navigation background */
nav,
.main-navigation,
.primary-menu-wrapper,
.nav-menu,
.menu-wrapper {
  background-color: #0f2044 !important;
}

/* Footer */
footer,
.site-footer,
.footer-inner,
.footer-widgets,
.footer-bottom,
#colophon {
  background-color: #0f2044 !important;
}

/* Dark section backgrounds */
.dark-bg,
.section-dark,
[style*="background-color: #1D222A"],
[style*="background-color: #1d222a"],
[style*="background-color: #393E44"],
[style*="background-color: #393e44"],
[style*="background:#1D222A"],
[style*="background:#1d222a"] {
  background-color: #0f2044 !important;
}

/* ── 3. Replace orange (#ED8322) → platform gold (#c9a84c) */
a,
a:visited {
  color: #c9a84c;
}

a:hover,
a:focus {
  color: #a8882e;
}

/* Buttons — orange → gold */
.btn,
.button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"],
.elementor-button,
.financio-btn,
.cta-btn,
.hero-btn,
[style*="background-color: #ED8322"],
[style*="background-color: #ed8322"],
[style*="background: #ED8322"],
[style*="background: #ed8322"] {
  background-color: #c9a84c !important;
  border-color: #c9a84c !important;
  color: #0f2044 !important;
}

.btn:hover,
.button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.elementor-button:hover,
.financio-btn:hover,
.cta-btn:hover {
  background-color: #a8882e !important;
  border-color: #a8882e !important;
  color: #0f2044 !important;
}

/* ── 4. Replace brown tones (#54514D, #9B845A, #AB925E) → neutrals */
[style*="color: #54514D"],
[style*="color: #54514d"],
[style*="color: #9B845A"],
[style*="color: #9b845a"],
[style*="color: #AB925E"],
[style*="color: #ab925e"],
[style*="background-color: #54514D"],
[style*="background-color: #9B845A"],
[style*="background-color: #AB925E"] {
  color: #0f2044 !important;
  background-color: #f5f6f8 !important;
}

/* ── 5. Gold accent elements — borders, underlines, icons */
.accent,
.highlight,
.gold,
.financio-accent,
hr.divider,
.section-title::after,
.widget-title::after,
h1::after,
h2::after {
  border-color: #c9a84c !important;
  background-color: #c9a84c !important;
  color: #c9a84c !important;
}

/* ── 6. Active / selected nav items */
.current-menu-item > a,
.current-menu-item > a:hover,
.nav-menu .current_page_item > a,
.main-navigation .current-menu-item > a {
  color: #c9a84c !important;
  border-bottom-color: #c9a84c !important;
}

/* ── 7. Headings on dark backgrounds → white */
.site-header h1,
.site-header h2,
.site-header h3,
header h1,
header h2,
.hero-section h1,
.hero-section h2,
footer h1,
footer h2,
footer h3,
footer h4,
.footer-inner h1,
.footer-inner h2,
.footer-inner h3,
.footer-inner h4 {
  color: #ffffff !important;
}

/* ── 8. Footer text → readable on navy */
footer,
.site-footer,
footer p,
footer span,
footer li,
footer a,
.footer-inner p,
.footer-inner span,
.footer-inner a {
  color: rgba(255, 255, 255, 0.75) !important;
}

footer a:hover,
.footer-inner a:hover {
  color: #c9a84c !important;
}

/* ── 9. Logo text (if text-based) */
.site-title,
.site-title a,
.logo-text,
.brand-name {
  color: #c9a84c !important;
}

/* ── 10. Input focus rings → gold */
input:focus,
textarea:focus,
select:focus {
  border-color: #c9a84c !important;
  outline-color: #c9a84c !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2) !important;
}
/* ── FIX 1: Header titles hidden (dark text on navy bg) ── */
.site-header,
.site-header *,
header.site-header *,
#masthead,
#masthead *,
.header-inner *,
.header-wrap *,
.top-header *,
.navbar *,
.nav-inner * {
  color: #ffffff !important;
}

/* Gold for nav links specifically */
.main-navigation a,
.primary-menu a,
.nav-menu a,
.menu-item a {
  color: #ffffff !important;
}

.main-navigation a:hover,
.primary-menu a:hover,
.nav-menu a:hover,
.current-menu-item > a {
  color: #c9a84c !important;
}

/* Keep logo visible */
.site-title a,
.custom-logo-link,
.navbar-brand {
  color: #c9a84c !important;
}

/* ── FIX 2: Footer background not applying ── */
.footer-area,
.footer-area-top,
.footer-area-bottom,
.footer-widgets-area,
.footer-top,
.footer-bottom,
.footer-main,
.footer-copyright,
.footer-info,
.footer-section,
.footer-container,
.widget-area,
[class*="footer-"],
[id*="footer"],
#footer,
#footer-widgets,
#colophon,
#colophon * {
  background-color: #0f2044 !important;
  background: #0f2044 !important;
}

/* Footer text readable on navy */
#colophon,
#colophon *,
[class*="footer-"],
[class*="footer-"] * {
  color: rgba(255, 255, 255, 0.75) !important;
}

[class*="footer-"] a,
#colophon a {
  color: #c9a84c !important;
}

[class*="footer-"] a:hover,
#colophon a:hover {
  color: #ffffff !important;
}
/* Soften header text — off-white instead of pure white */
.site-header *,
#masthead *,
.header-inner *,
.header-wrap * {
  color: rgba(255, 255, 255, 0.88) !important;
}

/* Site title / logo text stays gold */
.site-title,
.site-title a,
.navbar-brand,
.custom-logo-link {
  color: #c9a84c !important;
  opacity: 1 !important;
}

/* Active nav item stays full gold */
.current-menu-item > a,
.current-menu-item > a:hover {
  color: #c9a84c !important;
  opacity: 1 !important;
}
/* Free Consultation — h3.title in header */
.site-header h3.title,
#masthead h3.title,
header h3.title,
.header-inner h3.title,
.header-wrap h3.title,
.nav-wrapper h3.title {
  background-color: #c9a84c !important;
  color: #0f2044 !important;
  padding: 10px 24px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  display: inline-block !important;
  cursor: pointer !important;
  opacity: 1 !important;
}

.site-header h3.title:hover,
#masthead h3.title:hover,
header h3.title:hover {
  background-color: #0f2044 !important;
  color: #c9a84c !important;
  border: 2px solid #c9a84c !important;
}
/* Prevent white bleed onto .title headings outside the header */
.title {
  color: inherit;
}

.site-header .title,
#masthead .title {
  color: #0f2044 !important;
}