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

.guten-element[data-animation] {
    opacity: 1 !important;
    visibility: visible !important;
}

.guten-column {
    display: flex !important;
}

/* ============================================================
   HC Customs — Brand Colour Unification
   Platform palette: #1c3969 (navy) + #c9a84c (gold)
   ============================================================ */

:root {
  --financio-primary: #1c3969;
  --primary-color: #c9a84c !important;
  --secondary-color: #1c3969 !important;
  --accent-color: #c9a84c !important;
  --highlight-color: #c9a84c !important;
  --link-color: #c9a84c !important;
}

/* ── 1. Body + Header backgrounds */
body,
.site-header,
header.site-header,
.header-inner,
#masthead,
.navbar,
.nav-wrapper,
.top-bar,
.header-wrap {
  background-color: #1c3969 !important;
}

nav,
.main-navigation,
.primary-menu-wrapper,
.nav-menu,
.menu-wrapper {
  background-color: #1c3969 !important;
}

/* ── 2. Footer */
footer,
.site-footer,
.footer-inner,
.footer-widgets,
.footer-bottom,
#colophon,
.footer-area,
.footer-area-top,
.footer-area-bottom,
.footer-widgets-area,
.footer-top,
.footer-main,
.footer-copyright,
.footer-info,
.footer-section,
.footer-container,
.widget-area,
[class*="footer-"],
[id*="footer"],
#footer,
#footer-widgets {
  background-color: #1c3969 !important;
  background: #1c3969 !important;
}

/* ── 3. Dark section overrides */
.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: #1c3969 !important;
}

/* ── 4. Links */
a,
a:visited {
  color: #c9a84c;
}
a:hover,
a:focus {
  color: #a8882e;
}

/* ── 5. Buttons */
.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: #1c3969 !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: #1c3969 !important;
}

/* ── 6. Gold accents */
.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;
}

/* ── 7. Nav active state */
.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;
}

/* ── 8. Header text */
.site-header *,
#masthead *,
.header-inner *,
.header-wrap * {
  color: rgba(255, 255, 255, 0.88) !important;
}

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

.site-title,
.site-title a,
.custom-logo-link,
.navbar-brand {
  color: #c9a84c !important;
  opacity: 1 !important;
}

/* ── 9. Headings on dark backgrounds */
.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;
}

/* ── 10. Free Consultation button 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: #1c3969 !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: #1c3969 !important;
  color: #c9a84c !important;
  border: 2px solid #c9a84c !important;
}

/* ── 11. Footer text */
#colophon *,
[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;
}

/* ── 12. Brown tone overrides */
[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: #1c3969 !important;
  background-color: #f5f6f8 !important;
}

/* ── 13. Input focus */
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;
}

/* Prevent .title bleed outside header */
.title { color: inherit; }