/* ============================================
   INFLUMETRIX THEME OVERRIDES
   Brand: #0d0d0d bg | #F0F4F1 text | #0097B2 accent
   ============================================ */

/* Force near-black background everywhere */
body,
.bg-secondary,
.dark\:bg-tertiary-700,
.dark\:bg-secondary,
.section,
.panel,
.hero-header,
#hero_header,
.section-outer {
    background-color: #0d0d0d !important;
}

/* Remove the glow blob — doesn't work on black */
.bg-secondary-300 {
    display: none !important;
}

/* Base text colour */
body,
.dark\:text-white,
p,
span,
li,
a {
    color: #F0F4F1;
}

/* Text opacity utilities — keep relative to new white */
.dark\:text-white.text-opacity-70,
.text-opacity-70 {
    color: rgba(240, 244, 241, 0.7) !important;
}

.dark\:text-white.text-opacity-50,
.text-opacity-50 {
    color: rgba(240, 244, 241, 0.5) !important;
}

.dark\:text-white.text-opacity-40,
.text-opacity-40 {
    color: rgba(240, 244, 241, 0.4) !important;
}

.dark\:text-white.text-opacity-30,
.text-opacity-30 {
    color: rgba(240, 244, 241, 0.3) !important;
}

/* ── ACCENT — swap all teal/green to cyan ── */
:root {
    --color-primary: #0097B2;
}

.text-primary,
.dark\:text-primary {
    color: #0097B2 !important;
}

.bg-primary {
    background-color: #0097B2 !important;
}

.border-primary {
    border-color: #0097B2 !important;
}

/* Primary button */
.btn-primary {
    background-color: #0097B2 !important;
    border-color: #0097B2 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #007d96 !important;
    border-color: #007d96 !important;
}

/* Outline button */
.btn-outline-primary {
    background-color: transparent !important;
    border-color: #0097B2 !important;
    color: #0097B2 !important;
}

.btn-outline-primary:hover {
    background-color: #0097B2 !important;
    color: #ffffff !important;
}

/* ── CARDS / PANELS ── */
.card,
.panel.p-4,
.panel.p-5 {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* ── FORMS ── */
.form-control,
.form-input,
.form-select {
    background-color: #111111 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #F0F4F1 !important;
}

.form-control::placeholder,
.form-input::placeholder {
    color: rgba(240, 244, 241, 0.4) !important;
}

/* ── DARK MODE TOGGLE BUTTON ── */
.bg-gray-100,
.dark\:bg-gray-700 {
    background-color: #1a1a1a !important;
}

/* ── HEADINGS ── */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #F0F4F1 !important;
}

/* ── LINKS ── */
a {
    color: #F0F4F1;
    text-decoration: none;
}

a.text-primary {
    color: #0097B2 !important;
}

a.text-primary:hover {
    color: #007d96 !important;
}

/* ── RECAPTCHA DARK FIX ── */
.g-recaptcha {
    filter: invert(0.85) hue-rotate(180deg);
}

/* ── CHECKBOX ── */
.form-checkbox:checked {
    background-color: #0097B2 !important;
    border-color: #0097B2 !important;
}

/* ── ACCENT BACKGROUNDS used in cards ── */
[style*="rgba(23,141,114"] {
    /* Can't override inline rgba easily — handle per page */
}

/* ── RANGE SLIDERS ── */
input[type="range"] {
    accent-color: #0097B2 !important;
}

/* ── BADGES ── */
.badge.bg-primary {
    background-color: #0097B2 !important;
}