/* Atmos Credit — global brand overrides for Bootstrap / KeenThemes */

/* ── CSS variables ─────────────────────────────────────────────── */
:root {
    --brand:          #d3bc5f;
    --brand-hover:    #c5aa50;
    --brand-gold:     #d3bc5f;
    --brand-ring:     rgba(211,188,95,.25);

    /* Override Bootstrap 5 CSS variables */
    --bs-primary:         #241e4e;
    --bs-primary-rgb:     36,30,78;
    --bs-link-color:      #241e4e;
    --bs-link-hover-color:#1a1538;
}

/* ── btn-primary ───────────────────────────────────────────────── */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #d3bc5f !important;
    border-color:     #d3bc5f !important;
    color:            #1a1538 !important;
}
.btn-primary:hover { background-color: #c5aa50 !important; border-color: #c5aa50 !important; }
.btn-primary:focus { box-shadow: 0 0 0 .25rem var(--brand-ring) !important; }

/* ── btn-success ───────────────────────────────────────────────── */
.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    background-color: #d3bc5f !important;
    border-color:     #d3bc5f !important;
    color:            #1a1538 !important;
}
.btn-success:hover { background-color: #c5aa50 !important; border-color: #c5aa50 !important; }

/* ── btn-info ──────────────────────────────────────────────────── */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active {
    background-color: #d3bc5f !important;
    border-color:     #d3bc5f !important;
    color:            #1a1538 !important;
}
.btn-info:hover { background-color: #c5aa50 !important; border-color: #c5aa50 !important; }

/* ── btn-warning ───────────────────────────────────────────────── */
.btn-warning,
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active {
    background-color: #d3bc5f !important;
    border-color:     #d3bc5f !important;
    color:            #1a1538 !important;
}

/* ── btn-secondary ─────────────────────────────────────────────── */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #f1f5f9 !important;
    border-color:     #e2e8f0 !important;
    color:            #241e4e !important;
}

/* ── btn-dark ──────────────────────────────────────────────────── */
.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active {
    background-color: #d3bc5f !important;
    border-color:     #d3bc5f !important;
    color:            #1a1538 !important;
}
.btn-dark:hover { background-color: #c5aa50 !important; border-color: #c5aa50 !important; }

/* ── btn-outline-primary ───────────────────────────────────────── */
.btn-outline-primary {
    color:        #d3bc5f !important;
    border-color: #d3bc5f !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #d3bc5f !important;
    color:            #1a1538 !important;
}

/* ── btn-outline-dark ──────────────────────────────────────────── */
.btn-outline-dark {
    color:        #d3bc5f !important;
    border-color: #d3bc5f !important;
}
.btn-outline-dark:hover,
.btn-outline-dark:active {
    background-color: #d3bc5f !important;
    color:            #1a1538 !important;
}

/* ── text-primary (all elements) ──────────────────────────────── */
.text-primary,
h1.text-primary, h2.text-primary, h3.text-primary,
h4.text-primary, h5.text-primary, h6.text-primary,
p.text-primary, span.text-primary, a.text-primary,
i.text-primary, small.text-primary, li.text-primary {
    color: #241e4e !important;
}

/* ── utility classes ───────────────────────────────────────────── */
.text-primary { color: #241e4e !important; }
.bg-primary    { background-color: #241e4e !important; }
.border-primary { border-color: #241e4e !important; }

/* ── links ─────────────────────────────────────────────────────── */
a { color: #241e4e; }
a:hover { color: #1a1538; }

/* ── form controls ─────────────────────────────────────────────── */
.form-control:focus,
.form-select:focus {
    border-color: #241e4e !important;
    box-shadow:   0 0 0 .2rem var(--brand-ring) !important;
}
input[type="checkbox"],
input[type="radio"] {
    accent-color: #241e4e;
}

/* ── nav / tabs ────────────────────────────────────────────────── */
.nav-link.active,
.nav-pills .nav-link.active,
.nav-tabs  .nav-link.active {
    background-color: #241e4e !important;
    border-color:     #241e4e !important;
    color:            #fff    !important;
}
.nav-link { color: #241e4e; }
.nav-link:hover { color: #1a1538; }

/* ── badge / pill ──────────────────────────────────────────────── */
.badge.bg-primary,
.badge-primary {
    background-color: #241e4e !important;
    color: #fff !important;
}

/* ── progress bar ──────────────────────────────────────────────── */
.progress-bar { background-color: #d3bc5f !important; }

/* ── pagination ────────────────────────────────────────────────── */
.page-item.active .page-link {
    background-color: #241e4e !important;
    border-color:     #241e4e !important;
}
.page-link { color: #241e4e !important; }
.page-link:hover { color: #1a1538 !important; }

/* ── KeenThemes / Metronic overrides ───────────────────────────── */
[class*="btn-active-color-primary"]:active,
[class*="btn-active-color-primary"].active,
.btn-active-color-primary:hover { color: #d3bc5f !important; }

.menu-item .menu-link.active,
.menu-item:hover > .menu-link { color: #241e4e !important; }

.menu-item .menu-link.active .menu-icon i,
.menu-item:hover > .menu-link .menu-icon i { color: #d3bc5f !important; }