/* --- LIGHT MODE HEADER (DEFAULT) --- */
#kt_header {
    background-color: #ffffff !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.03);
    z-index: 99;
}

#kt_header_nav {
    background-color: #fcfcfc !important;
    border-bottom: 1px solid var(--bs-gray-200);
}

/* Light Mode Header Buttons (Theme Toggle, etc) */
#kt_header .btn-custom {
    background-color: var(--bs-gray-100) !important;
    color: var(--bs-gray-700) !important;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

#kt_header .btn-custom:hover {
    background-color: #ffffff !important;
    color: var(--bs-primary) !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    transform: translateY(-1px);
}

/* --- DARK MODE HEADER --- */
[data-bs-theme="dark"] #kt_header {
    background-color: #1a1a27 !important;
    /* Slightly darker than nav for contrast */
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 4px 15px -3px rgba(0, 0, 0, 0.3);
    z-index: 99;
}

[data-bs-theme="dark"] #kt_header_nav {
    background-color: #1e1e2d !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

/* Dark Mode Header Buttons */
[data-bs-theme="dark"] #kt_header .btn-custom {
    background-color: rgba(255, 255, 255, 0.03) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 2px 4px rgba(0, 0, 0, 0.2);
}

[data-bs-theme="dark"] #kt_header .btn-custom:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--bs-primary) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 10px rgba(0, 0, 0, 0.3);
    transform: translateY(-1px);
}