/* Elev8 Group Custom Styles */

/* Theme Colors - Elev8 Group */
:root {
    --elev8-burgundy: #800020;
    --elev8-honey-gold: #D0A24C; /* PANTONE 7563 - Honey Gold */
    --elev8-primary: #800020;
    --elev8-secondary: #D0A24C;
    --elev8-burgundy-dark: #6b0019;
    --elev8-burgundy-light: #a0002a;
    --elev8-honey-gold-dark: #b88a3a;
    --elev8-honey-gold-light: #e8ba5e;
}

/* Primary Color Overrides */
.bg-primary, .btn-primary, .badge-primary {
    background-color: var(--elev8-burgundy) !important;
    border-color: var(--elev8-burgundy) !important;
}

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

.btn-primary:hover, .btn-primary:focus {
    background-color: #6b0019 !important;
    border-color: #6b0019 !important;
}

/* Secondary/Accent Colors */
.bg-secondary, .btn-secondary {
    background-color: var(--elev8-honey-gold) !important;
    border-color: var(--elev8-honey-gold) !important;
}

.text-secondary {
    color: var(--elev8-honey-gold) !important;
}

/* Sidebar Scrolling Fix */
.app-menu {
    height: 100vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

#scrollbar {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 80px);
    max-height: calc(100vh - 80px);
}

#scrollbar::-webkit-scrollbar {
    width: 6px;
}

#scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 3px;
}

#scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

#scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Sidebar Toggle Fix for Mobile */
@media (max-width: 991.98px) {
    .app-menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050 !important;
        transform: translateX(-100%);
        transition: transform 0.3s ease-in-out;
        width: 250px;
        height: 100vh;
    }
    
    .app-menu.show {
        transform: translateX(0) !important;
    }
    
    .vertical-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040 !important;
        display: none;
    }
    
    .vertical-overlay.show {
        display: block !important;
    }
    
    /* Ensure hamburger button is clickable */
    #topnav-hamburger-icon {
        z-index: 1060 !important;
        position: relative;
    }
}

/* Navbar Brand Box - Logo */
.navbar-brand-box {
    padding: 1.5rem;
    background-color: var(--elev8-burgundy);
}

/* Active Menu Item */
.nav-link.active,
.nav-link[aria-expanded="true"] {
    color: var(--elev8-honey-gold) !important;
}

/* Menu Dropdown */
.menu-dropdown {
    background-color: rgba(0, 0, 0, 0.2);
}

/* Profile Background */
.profile-foreground {
    background: linear-gradient(135deg, var(--elev8-burgundy) 0%, #6b0019 100%);
}

/* Buttons */
.btn-info {
    background-color: var(--elev8-honey-gold);
    border-color: var(--elev8-honey-gold);
    color: #000;
}

.btn-info:hover {
    background-color: #c49564;
    border-color: #c49564;
    color: #000;
}

/* Cards */
.card-header {
    background-color: rgba(128, 0, 32, 0.05);
    border-bottom: 2px solid var(--elev8-burgundy);
}

/* Links */
a {
    color: var(--elev8-burgundy);
}

a:hover {
    color: #6b0019;
}

/* Badges - Keep default status colors */
/* Only change theme colors, not status indicators */

/* Table Headers */
.table thead th {
    background-color: rgba(128, 0, 32, 0.1);
    color: var(--elev8-burgundy);
    font-weight: 600;
}

/* Pagination */
.page-link {
    color: var(--elev8-burgundy);
}

.page-link:hover {
    color: #6b0019;
    background-color: rgba(128, 0, 32, 0.1);
}

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