/* ===== ADMIN THEME DYNAMIC COLORS ===== */
/* This file uses CSS variables set dynamically from admin settings */
/* Variables are defined in header.php and used here */

/* Admin Font Family - Applied globally */
body, 
.admin-wrapper,
.admin-topbar,
.horizontal-nav,
.admin-footer,
.main-content,
.content-area {
    font-family: var(--admin-font-family, 'PT Sans'), sans-serif !important;
}

/* Top Navigation Bar Styling */
.admin-topbar {
    background-color: var(--admin-topbar-bg) !important;
    color: var(--admin-topbar-text) !important;
}

.admin-topbar .topbar-btn,
.admin-topbar h4 {
    color: var(--admin-topbar-text) !important;
}

.admin-topbar .dropdown-menu {
    background-color: var(--admin-dropdown-bg) !important;
}

.horizontal-nav .dropdown-menu {
    background-color: var(--admin-horizontal-dropdown-bg) !important;
}

/* Horizontal Navigation Styling */
.horizontal-nav {
    background-color: var(--admin-menu-bg) !important;
}

.horizontal-nav .nav-item {
    color: var(--admin-menu-text) !important;
}

.horizontal-nav .nav-item:hover {
    color: var(--admin-menu-hover) !important;
}

.horizontal-nav .nav-item.active {
    color: var(--admin-menu-active) !important;
}

.horizontal-nav .dropdown-item {
    color: var(--admin-horizontal-dropdown-text) !important;
}

.horizontal-nav .dropdown-item:hover {
    color: var(--admin-horizontal-dropdown-hover-text) !important;
    background-color: var(--admin-horizontal-dropdown-hover-bg) !important;
}

.admin-topbar .dropdown-item {
    color: #ffffff !important;
}

.admin-topbar .dropdown-item:hover {
    color: #ffffff !important;
    background-color: rgba(255,255,255,0.1) !important;
}

/* Dropdown Scrollbar Styling */
.nav-dropdown .dropdown-menu::-webkit-scrollbar {
    width: 6px !important;
}

.nav-dropdown .dropdown-menu::-webkit-scrollbar-track {
    background-color: rgba(102, 102, 102, 0.2) !important;
    border-radius: 3px !important;
}

.nav-dropdown .dropdown-menu::-webkit-scrollbar-thumb {
    background-color: var(--admin-dropdown-scrollbar) !important;
    border-radius: 3px !important;
}

.nav-dropdown .dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(102, 102, 102, 0.87) !important;
}

.nav-dropdown .dropdown-menu {
    scrollbar-width: thin !important;
    scrollbar-color: var(--admin-dropdown-scrollbar) rgba(102, 102, 102, 0.2) !important;
}

/* Admin Footer Styling */
.admin-footer {
    background-color: var(--admin-footer-bg) !important;
    color: var(--admin-footer-text) !important;
}

.admin-footer a,
.admin-footer span {
    color: var(--admin-footer-text) !important;
}
