/* static/css/always_lunes_admin.css */

:root {
    --alwayslunes-yellow: #f4c01d; 

    /* 1. Core Variable Overrides (Needed for framework base) */
    --primary: var(--alwayslunes-yellow); 
    --link-color: var(--alwayslunes-yellow); 
}

/* 2. HIGH SPECIFICITY AND !IMPORTANT OVERRIDES */

/* Universal Links, Icons, and Text */
a, .text-primary, .fas.fa-star {
    color: var(--alwayslunes-yellow) !important;
}

/* Sidebar Active/Hover State Text */
.nav-pills .nav-link.active, 
.nav-pills .show > .nav-link,
.nav-sidebar .nav-item .nav-link:hover {
    background-color: #2e2e2e !important; /* Keep background dark grey */
    color: var(--alwayslunes-yellow) !important; /* Force text to be yellow */
}

/* Primary Buttons (Force yellow background) */
.btn-primary, 
.bg-primary {
    background-color: var(--alwayslunes-yellow) !important;
    border-color: var(--alwayslunes-yellow) !important;
    color: #1a1a1a !important; /* Ensure text on yellow buttons is dark */
}

/* Focus and Hover State for Primary Buttons */
.btn-primary:hover, .btn-primary:focus {
    background-color: #e0ac1a !important; 
    border-color: #e0ac1a !important;
}

/* --- Your existing background overrides (Keep these for black/grey) --- */
.app-header {
    background-color: #0d0d0d !important;
    color: #FFFFFF !important;
}
.content-wrapper, 
body, 
.main-footer {
    background-color: #262626 !important; 
    color: #FFFFFF;
}

/* 2. LOGO SIZING FIX (Should still be present) */
.app-header .logo-switch img {
    height: 35px;           
    width: auto !important; 
    max-width: 100%;        
}