/* === Secret Millionaire Plan — Dark/Gold Override v1 === */
:root{
  --bg: #0D0D0D;           /* primary background */
  --bg-alt:#111111;        /* section / card background */
  --border:#2C2C2C;        /* subtle borders */
  --text:#CCCCCC;          /* body text */
  --text-strong:#FFFFFF;   /* headings */
  --gold:#D4AF37;          /* accents / links / buttons */
  --black:#0D0D0D;         /* button text on gold */
}

/* Global background & text */
html, body{
  background:var(--bg) !important;
  color:var(--text) !important;
}

body, .container, .wrapper, .content, .page, main, article{
  background:transparent !important;
  color:var(--text) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6{
  color:var(--text-strong) !important;
}

/* Paragraphs & lists */
p, li, dt, dd, blockquote{
  color:var(--text) !important;
}

/* Links */
a{ color:var(--gold) !important; text-decoration:none; }
a:hover, a:focus{ text-decoration:underline; text-decoration-color:var(--gold); }

/* Navigation & footer */
header, .site-header, .navbar{ background:var(--bg) !important; border-bottom:1px solid var(--border); }
header a, .navbar a{ color:var(--text-strong) !important; }
footer, .site-footer{ background:var(--bg) !important; color:var(--text) !important; border-top:1px solid var(--border); }
footer a{ color:var(--gold) !important; }

/* Sections & cards */
.section, .hero, .band, .stripe{ background:var(--bg) !important; }
.section--alt, .card, .panel{ background:var(--bg-alt) !important; border:1px solid var(--border); }
.card, .box, .feature{
  background:var(--bg-alt) !important;
  color:var(--text) !important;
  border:1px solid var(--border);
}

/* Posts & pages */
.post, .post-content, .page, .page-content, .entry, .entry-content, .single, .content-area{
  background:transparent !important;
  color:var(--text) !important;
}

/* Sidebars */
.sidebar, .left-sidebar, .right-sidebar{ background:var(--bg-alt) !important; color:var(--text) !important; border-left:1px solid var(--border); }
.widget, .widget-area{ background:transparent !important; color:var(--text) !important; }

/* Tables */
table{ background:transparent !important; border-color:var(--border) !important; }
th, td{ border-color:var(--border) !important; color:var(--text) !important; }
thead th{ color:var(--text-strong) !important; }

/* Forms */
input, select, textarea{
  background:#151515 !important; color:var(--text) !important; border:1px solid var(--border) !important;
}
input::placeholder, textarea::placeholder{ color:#9A9A9A !important; }

/* Buttons */
.btn, button, .button, .cta, .primary-btn, .btn-primary{
  background:var(--gold) !important; color:var(--black) !important; border:1px solid var(--gold) !important;
}
.btn:hover, button:hover, .button:hover, .cta:hover, .primary-btn:hover, .btn-primary:hover{
  filter:brightness(0.95);
}
.btn-secondary, .button--secondary, .outline, .btn-outline{
  background:transparent !important; color:var(--gold) !important; border:1px solid var(--gold) !important;
}

/* Badges/labels */
.badge, .tag{ background:transparent !important; color:var(--gold) !important; border:1px solid var(--gold); }

/* Code blocks */
pre, code, kbd, samp{ background:#151515 !important; color:#E8E8E8 !important; border:1px solid var(--border); }

/* Dividers */
hr{ border-color:var(--border) !important; opacity:1; }

/* Headline underline */
h2.section-title, .section-title{ border-bottom:2px solid var(--gold); padding-bottom:.3rem; }

/* Skip links */
.skip-link{ color:var(--gold) !important; background:transparent !important; }

/* === Stronger overrides for residual light/blue sections === */

/* Kill white/light backgrounds in common utility classes */
.bg-white, .bg-light, .bg-body, .bg-body-tertiary, .bg-secondary, .bg-gray, .bg-neutral,
.section--light, .content-section, .widget-area, .sidebar-widget, .hero-sub, .feature-strip,
.container--light, .panel--light {
  background: var(--bg-alt) !important;
  color: var(--text) !important;
}

/* Info/blue blocks -> dark with gold accents */
.bg-info, .alert-info, .note, .info, .tip, .callout-info {
  background: var(--bg-alt) !important;
  color: var(--text) !important;
  border: 1px solid var(--gold) !important;
}

/* Cards/boxes */
.card, .card-body, .card-header, .box, .tile, .feature, .highlight {
  background: var(--bg-alt) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Sidebar modules */
.sidebar, .right-sidebar, .left-sidebar, .sidebar .widget, .widget {
  background: var(--bg-alt) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Headings in any section remain readable */
.section h1, .section h2, .section h3, .widget h3, .widget .title, .card-title, .panel-title {
  color: var(--text-strong) !important;
}

/* Body copy in sections */
.section p, .widget p, .card p, .panel p, .content-section p { color: var(--text) !important; }

/* Forms: dark inputs and readable placeholders */
input, textarea, select, .form-control {
  background: #161616 !important;
  color: var(--text) !important;
  border: 1px solid var(--border) !important;
}
input::placeholder, textarea::placeholder { color: #9b9b9b !important; }

/* Buttons already themed; ensure outline variants visible */
.btn-outline, .btn-outline-primary, .btn-outline-secondary {
  color: var(--gold) !important;
  border-color: var(--gold) !important;
  background: transparent !important;
}
.btn-outline:hover { background: rgba(212,175,55,.12) !important; }

/* Footer/contact blocks */
.footer, .contact-block, .cta, .cta--footer {
  background: var(--bg) !important;
  color: var(--text) !important;
  border-top: 1px solid var(--border) !important;
}

/* Links in light areas */
.section a, .widget a, .sidebar a { color: var(--gold) !important; }
.section a:hover, .widget a:hover, .sidebar a:hover { color: #f0d879 !important; }

/* Utility to force any leftover white background to dark */
*[style*="background: white"], *[style*="background-color: white"],
*[style*="#ffffff"], *[style*="#fff"] {
  background-color: var(--bg-alt) !important;
  color: var(--text) !important;
}



/* === Stronger global dark overrides (v2) === */

/* Force all standard content blocks to dark background */
section,
.section,
.panel,
.card,
.widget,
aside,
.sidebar,
.footer-widgets,
.newsletter,
.contact,
.about,
.post-card,
.category-card,
.hero,
.grid-item,
.feature,
.cta,
blockquote {
  background-color: #111111 !important;
  color: #FFFFFF !important;
}

/* Fix headings contrast everywhere */
section h1, section h2, section h3, section h4, section h5, section h6,
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6,
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6,
.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6,
aside h1, aside h2, aside h3, aside h4, aside h5, aside h6 {
  color: #FFFFFF !important;
}

/* Soften borders/dividers for dark mode */
hr, .divider, .card, .panel, .widget, .sidebar, .newsletter, .contact, .about {
  border-color: #333333 !important;
}

/* Ensure link visibility in dark mode */
a { color: #D4AF37; }
a:hover, a:focus { color: #D4AF37; text-decoration: underline; text-underline-offset: 2px; }

/* Sidebar defaults */
.sidebar, .sidebar .widget { background-color: #0F0F0F !important; color: #FFFFFF !important; }
.sidebar .widget-title, .sidebar h3, .sidebar h4 { color: #FFFFFF !important; }

/* Inputs on dark */
input[type="text"], input[type="email"], input[type="search"], textarea, select {
  background-color: #0F0F0F !important;
  color: #FFFFFF !important;
  border: 1px solid #333333 !important;
}
input::placeholder, textarea::placeholder { color: #BBBBBB !important; }

/* Gold buttons */
.btn, .button, button, input[type="submit"] {
  background-color: #D4AF37 !important;
  color: #0D0D0D !important;
  border: 1px solid #D4AF37 !important;
}
.btn:hover, .button:hover, button:hover, input[type="submit"]:hover {
  background-color: #B8962F !important;
  border-color: #B8962F !important;
  color: #0B0B0B !important;
}

/* Secondary (outline) buttons */
.btn-outline, .button-outline, .btn--secondary, .button--secondary {
  background: transparent !important;
  color: #D4AF37 !important;
  border: 1px solid #D4AF37 !important;
}
.btn-outline:hover, .button-outline:hover, .btn--secondary:hover, .button--secondary:hover {
  background: rgba(212, 175, 55, 0.12) !important;
}

/* Light-blue panels often used by templates -> darken them */
.bg-light, .bg-soft, .bg-contrast, .bg-primary-50, .bg-accent-50, .info-box, .note, .tip, .callout {
  background-color: #151515 !important;
  color: #FFFFFF !important;
  border-color: #333333 !important;
}

/* Footer clean-up for high contrast */
.site-footer { background: #0A0A0A !important; color: #FFFFFF !important; }
.site-footer a { color: #D4AF37 !important; }

/* Fix carousel/slider captions */
.slider .caption, .hero .caption { color: #FFFFFF !important; text-shadow: 0 1px 2px rgba(0,0,0,.6); }

/* Tables on dark */
table { background-color: #0F0F0F !important; color: #FFFFFF !important; border-color: #333333 !important; }
table th { background-color: #141414 !important; color: #FFFFFF !important; }

/* Code blocks */
pre, code { background: #111111 !important; color: #EAEAEA !important; border-color: #333333 !important; }

/* Remove any white backgrounds hard-coded inline */
[style*="background: #fff"], [style*="background:#fff"], [style*="background-color: #fff"], [style*="background-color:#fff"] {
  background-color: #111111 !important;
  color: #FFFFFF !important;
}

/* Images inside dark cards shouldn't add white backgrounds */
.card img, .panel img, .widget img { background: transparent !important; }

/* Badge/pill tweaks */
.badge, .tag, .pill { background: #1A1A1A !important; color: #D4AF37 !important; border: 1px solid #333333 !important; }

/* Ensure forms in sidebars are readable */
.sidebar form input, .sidebar form textarea {
  background-color: #0F0F0F !important;
  color: #FFFFFF !important;
}

/* Newsletter module */
.newsletter, .newsletter-card {
  background-color: #101010 !important;
  color: #FFFFFF !important;
  border: 1px solid #333333 !important;
}
.newsletter input[type="email"] {
  background-color: #0F0F0F !important;
  color: #FFFFFF !important;
  border: 1px solid #333333 !important;
}
.newsletter button, .newsletter .btn {
  background-color: #D4AF37 !important;
  color: #0D0D0D !important;
}

/* Breadcrumbs */
.breadcrumbs { color: #BBBBBB !important; }
.breadcrumbs a { color: #D4AF37 !important; }

/* Cards that were formerly white */
.card, .post-card, .feature-card { background-color: #111111 !important; }

/* Search box */
.search-box input { background-color: #0F0F0F !important; color: #FFFFFF !important; border-color: #333333 !important; }

/* Fix hidden white-on-white headings */
h1, h2, h3, h4, h5, h6 { color: #FFFFFF !important; }

/* End of stronger overrides */



/* === Strong Sidebar Overrides (ensure dark sidebars even with inline bg) === */
.news-section .row > div:first-child,
.news-section .row > div:last-child{
  background: linear-gradient(180deg, #0d0d0d 0%, #111 100%) !important;
  color: #f2f2f2 !important;
  border: 1px solid #262626 !important;
  border-radius: 14px !important;
  padding: clamp(16px, 2vw, 24px) !important;
}

/* Card-like widgets inside sidebars */
.news-section .row > div:first-child .card,
.news-section .row > div:last-child .card,
.news-section .row > div:first-child .widget,
.news-section .row > div:last-child .widget{
  background: #1a1a1a !important;
  border: 1px solid #262626 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin: 12px 0 !important;
}
.news-section .row > div:first-child .widget:nth-child(odd),
.news-section .row > div:last-child .widget:nth-child(odd){
  background: #141414 !important;
}
.news-section .row > div:first-child .widget-title,
.news-section .row > div:last-child .widget-title,
.news-section .row > div:first-child .widget h3,
.news-section .row > div:last-child .widget h3{
  color: #D4AF37 !important;
  font-weight: 700 !important;
  margin: 0 0 .6rem 0 !important;
  padding-bottom: .4rem !important;
  border-bottom: 1px solid #262626 !important;
}

/* Ensure the middle content column uses a distinct dark panel */
.news-section .row > .col-lg{
  background: #121212 !important;
  border: 1px solid #262626 !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25) !important;
  padding: clamp(18px, 2.4vw, 28px) !important;
}



/* === Contact Form Dark Luxe Overrides === */
.custom-form.contact-form{
  background: linear-gradient(180deg, #0d0d0d 0%, #111 100%) !important;
  border: 1px solid #262626 !important;
  border-radius: 16px !important;
  padding: clamp(16px, 2vw, 28px) !important;
  box-shadow: 0 6px 24px rgba(0,0,0,.35), 0 2px 8px rgba(0,0,0,.25) !important;
}
.custom-form.contact-form h2,
.custom-form.contact-form .section-title,
.custom-form.contact-form h3{
  color: #D4AF37 !important;
  margin-bottom: .75rem !important;
}

/* Form labels & helper text */
.custom-form.contact-form label,
.custom-form.contact-form small,
.custom-form.contact-form .form-text{
  color: #cfcfcf !important;
}

/* Inputs */
.custom-form.contact-form .form-control,
.custom-form.contact-form input[type="text"],
.custom-form.contact-form input[type="email"],
.custom-form.contact-form textarea{
  background: #0e0e0e !important;
  color: #f2f2f2 !important;
  border: 1px solid #262626 !important;
  border-radius: 12px !important;
}
.custom-form.contact-form .form-control::placeholder{
  color: #9a9a9a !important;
}

/* Submit button */
.custom-form.contact-form button[type="submit"],
.custom-form.contact-form .btn[type="submit"]{
  background: #D4AF37 !important;
  color: #111 !important;
  border: none !important;
  border-radius: 999px !important;
  padding: .65rem 1.1rem !important;
  font-weight: 700 !important;
}
.custom-form.contact-form button[type="submit"]:hover,
.custom-form.contact-form .btn[type="submit"]:hover{
  background: #E5C76B !important;
  color: #111 !important;
}

/* Column with contact details (id=contact2) – make it match dark palette */
#contact2{
  background: #121212 !important;
  color: #f2f2f2 !important;
  border: 1px solid #262626 !important;
  border-radius: 14px !important;
  padding: clamp(16px, 2vw, 24px) !important;
}
#contact2 h3, #contact2 h4{ color: #D4AF37 !important; }
#contact2 a{ color: #D4AF37 !important; }
#contact2 a:hover{ color: #E5C76B !important; }