/* Custom Admin Styling - Yellow Brand Color */
:root {
    --brand-primary: #F4B400;
    --brand-dark: #E6A700;
    --brand-light: rgba(255, 193, 7, 0.1);
}

/* Button Yellow */
.btn-primary, .btn-teal {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

.btn-primary:hover, .btn-teal:hover {
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
    color: #fff;
}

.btn-primary:focus, .btn-teal:focus, .btn-primary.focus, .btn-teal.focus {
    color: #fff;
    background-color: var(--brand-dark);
    border-color: var(--brand-dark);
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
}

.btn-primary.disabled, .btn-teal.disabled, .btn-primary:disabled, .btn-teal:disabled {
    color: #fff;
    background-color: #F4B400;
    border-color: #F4B400;
    opacity: 0.65;
}

.btn-primary:active, .btn-teal:active, .btn-primary.active, .btn-teal.active, .show > .btn-primary.dropdown-toggle, .show > .btn-teal.dropdown-toggle {
    color: #fff !important;
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
}

.btn-primary:active:focus, .btn-teal:active:focus, .btn-primary.active:focus, .btn-teal.active:focus, .show > .btn-primary.dropdown-toggle:focus, .show > .btn-teal.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5) !important;
    color: #fff !important;
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
}

/* Modal Header Override */
.modal-header.bg-primary {
    background-color: var(--brand-primary) !important;
}

/* Sidebar Active State Override */
.sidebar-wrapper .menu .sidebar-item.active > .sidebar-link {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.sidebar-wrapper .menu .sidebar-item.active > .sidebar-link i,
.sidebar-wrapper .menu .sidebar-item.active > .sidebar-link svg {
    color: #fff !important;
}

.sidebar-wrapper .menu .submenu .submenu-item.active > a {
    color: var(--brand-primary) !important;
    font-weight: 600;
}

.sidebar-wrapper .menu .submenu .submenu-item.active > a::before {
    color: var(--brand-primary) !important;
}

/* Sidebar Submenu Hover */
.sidebar-wrapper .menu .submenu .submenu-item a:hover {
    color: var(--brand-primary);
}

/* Form inputs focus */
.form-control:focus {
    border-color: #FFC107;
    box-shadow: 0 0 0 0.15rem rgba(255, 193, 7, 0.5);
}

.input-group:focus-within {
    box-shadow: 0 0 0 0.15rem rgba(255, 193, 7, 0.5);
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
    border-color: #FFC107;
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Light / Dark Mode Switch Override */
.theme-toggle .form-check-input:checked {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Dark Mode Overrides */
body.dark .btn-primary, body.dark .btn-teal {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
}

body.dark .btn-primary:hover, body.dark .btn-teal:hover, 
body.dark .btn-primary:active, body.dark .btn-teal:active, 
body.dark .btn-primary.active, body.dark .btn-teal.active, 
body.dark .btn-primary:focus, body.dark .btn-teal:focus {
    background-color: var(--brand-dark) !important;
    border-color: var(--brand-dark) !important;
    color: #fff !important;
}

body.dark .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link {
    background-color: var(--brand-primary) !important;
}

body.dark .sidebar-wrapper .menu .submenu .submenu-item.active > a {
    color: var(--brand-primary) !important;
}

body.dark .page-item.active .page-link {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
}

/* Additional elements in login page */
.login-link {
    color: var(--brand-primary);
}
.login-link:hover {
    color: var(--brand-dark);
}

h1, h2, h3, h4, h5, h6 {
    color: #242424;
}

/* --- Global Primary Color Overrides (Replacing Purple with Yellow) --- */

.bg-primary {
    background-color: var(--brand-primary) !important;
}

.text-primary {
    color: var(--brand-primary) !important;
}

.border-primary {
    border-color: var(--brand-primary) !important;
}

.btn-outline-primary {
    color: var(--brand-primary);
    border-color: var(--brand-primary);
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary:focus {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}

.alert-primary {
    background-color: var(--brand-light);
    border-color: var(--brand-primary);
    color: var(--brand-dark);
}

.badge.bg-primary {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--brand-primary) !important;
    color: #fff !important;
}

.list-group-item.active {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
}

.progress-bar {
    background-color: var(--brand-primary) !important;
}

/* Pagination Overrides */
.pagination .page-item.active .page-link {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: #fff !important;
}
.pagination .page-link {
    color: #242424;
}
.pagination .page-link:hover {
    color: var(--brand-dark);
}