/* ============================================================
 * Shazly Academy — Brand color override
 * Loaded site-wide via application/views/header.php
 * Maps YoCoach's --color-primary (#5138EE purple) to navy/gold.
 * ============================================================ */

:root {
    /* Primary = institutional navy */
    --color-primary:           #0F2A44;
    --color-primary-inverse:   #FFFFFF;
    --color-primary-hover:     #17355A;
    --color-primary-active:    #0A1E33;
    --color-primary-10:        #E6EAEF;
    --color-primary-20:        #B3BFCC;
    --color-primary-40:        #6F829B;
    --color-primary-60:        #344960;

    /* Secondary / accent = brand gold */
    --color-secondary:         #C9A227;
    --color-secondary-inverse: #0F2A44;
    --color-secondary-hover:   #B8911F;
    --color-secondary-active:  #A88019;

    /* Tertiary stays in the gold family */
    --color-third:             #C9A227;
    --color-third-inverse:     #0F2A44;

    /* These were already brand-aligned — keep them explicit for clarity */
    --color-trust:             #0F2A44;
    --color-trust-accent:      #C9A227;
    --color-success:           #2E7D57;
    --color-danger:            #B3322B;

    /* Yellow/warning stays bright but pull toward brand gold */
    --color-yellow:            #C9A227;
    --color-warning:           #C9A227;
}

/* --- Direct hex overrides for elements that hard-code #5138EE rather than use the var --- */
.btn--primary,
.btn-primary,
button[type="submit"]:not(.btn--secondary):not(.btn-secondary):not([class*="bg-"]),
input[type="submit"]:not([class*="bg-"]) {
    background-color: #0F2A44 !important;
    border-color: #0F2A44 !important;
    color: #FFFFFF !important;
}
.btn--primary:hover,
.btn-primary:hover,
button[type="submit"]:not(.btn--secondary):hover,
input[type="submit"]:hover {
    background-color: #17355A !important;
    border-color: #17355A !important;
}

/* SIGN UP / Login / public nav action buttons */
.header__user-actions .btn,
.header__nav .btn,
.btn-signup {
    background-color: #0F2A44 !important;
    border-color: #0F2A44 !important;
    color: #FFFFFF !important;
}
.btn-signup:hover { background-color: #17355A !important; }

/* Links and underlines */
a:not(.btn):not([class*="bg-"]):not([class*="color-"]) {
    color: #0F2A44;
}
a:not(.btn):hover {
    color: #C9A227;
}

/* Tabs / sidebar active state */
.menu__item.is-active > a,
.menu__item.is-active > a span,
.tabs .nav-link.active,
.is-active {
    color: #C9A227 !important;
}
.menu__item.is-active {
    background-color: rgba(201, 162, 39, 0.08) !important;
    border-left: 3px solid #C9A227 !important;
}

/* Active form input focus ring */
input:focus, select:focus, textarea:focus,
.form-control:focus, .form__field:focus {
    border-color: #C9A227 !important;
    box-shadow: 0 0 0 3px rgba(201, 162, 39, 0.15) !important;
    outline: none !important;
}

/* Checkboxes / radio — when checked use gold */
input[type="checkbox"]:checked, input[type="radio"]:checked {
    accent-color: #0F2A44;
}

/* Pricing chips / badges that used purple */
.badge--primary, .badge-primary, .pill--primary,
.stat__media.bg-primary {
    background-color: #0F2A44 !important;
    color: #FFFFFF !important;
}
.badge--secondary, .badge-secondary, .pill--secondary,
.stat__media.bg-secondary {
    background-color: #C9A227 !important;
    color: #0F2A44 !important;
}

/* Progress bars */
.progress-bar, .progress__bar {
    background-color: #C9A227 !important;
}

/* Spinner / loaders use primary by default */
.spinner-border, .loader { color: #0F2A44 !important; }

/* Yo!Coach utility bg classes — remap purple to navy */
.bg-primary    { background-color: #0F2A44 !important; color: #FFFFFF !important; }
.bg-secondary  { background-color: #C9A227 !important; color: #0F2A44 !important; }

/* Text utility */
.color-primary, .text-primary    { color: #0F2A44 !important; }
.color-secondary, .text-secondary { color: #C9A227 !important; }

/* Cookie consent + system toasts that were purple */
.cookie-banner button.btn-accept,
.mbsmessage--success { background-color: #2E7D57 !important; }
.mbsmessage--info { background-color: #0F2A44 !important; }

/* Calendar today / selected — green/purple → gold */
.fc-day-today, .fc-button-active, .fc-button-primary {
    background-color: #0F2A44 !important;
    border-color: #0F2A44 !important;
    color: #FFFFFF !important;
}
.fc-button-primary:hover { background-color: #17355A !important; }

/* Datepicker selected day */
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange {
    background-color: #0F2A44 !important;
    border-color: #0F2A44 !important;
    color: #FFFFFF !important;
}

/* Tooltip / dropdown highlight */
.dropdown-item:hover, .dropdown-item.active {
    background-color: rgba(15, 42, 68, 0.08) !important;
    color: #0F2A44 !important;
}

/* Switch (toggle) ON state */
.switch input:checked ~ .switch__handle,
.switch__label input:checked + .switch__handle,
.is-on .switch__handle {
    background-color: #C9A227 !important;
}

/* Loader bar (page load) — sometimes a thin purple bar */
#nprogress .bar, .progress-loader { background: #C9A227 !important; }