/* ============================================================
   SIDEBAR COMPONENT — Navigation Links & Sticky Sidebar Styles
   ============================================================ */

/* ======================== UNIVERSAL SIDEBAR & VISIBILITY ======================== */
.dvk-sidebar-wrapper,
#sidebar-component,
.dvk-sidebar-wrapper .side-bar,
.dvk-sidebar-wrapper .widget {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    transform: none !important;
    animation: none !important;
}

/* Ensure no parent containers block sticky scrolling on desktop */
@media (min-width: 992px) {
    html {
        overflow-y: auto !important;
    }
    body {
        overflow-y: visible !important;
    }
    .page-wraper,
    .page-content,
    .content-inner,
    .content-inner > .container,
    .content-inner > .container > .row {
        overflow: visible !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
    }

    /* Column itself sticks inside the row flex container */
    .dvk-sidebar-wrapper {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 90px !important;
        align-self: flex-start !important;
        z-index: 25 !important;
        display: block !important;
    }

    /* Sidebar container is sticky and self-scrollable with overflow-y: auto */
    #sidebar-component {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 90px !important;
        z-index: 25 !important;
        width: 100% !important;
        max-height: calc(100vh - 105px) !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(173, 79, 112, 0.35) transparent;
        padding-right: 6px;
        padding-bottom: 12px;
        display: block !important;
    }

    /* Elegant custom scrollbar for desktop browsers */
    #sidebar-component::-webkit-scrollbar {
        width: 5px;
    }

    #sidebar-component::-webkit-scrollbar-track {
        background: transparent;
    }

    #sidebar-component::-webkit-scrollbar-thumb {
        background: rgba(173, 79, 112, 0.3);
        border-radius: 4px;
    }

    #sidebar-component::-webkit-scrollbar-thumb:hover {
        background: rgba(173, 79, 112, 0.6);
    }

    .dvk-sidebar-wrapper .side-bar {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        display: block !important;
    }

    #sidebar-component .widget:last-child {
        margin-bottom: 20px !important;
    }
}

/* Sidebar treatments card */
.dvk-sidebar-box {
    background: #ffffff;
    border: 1px solid rgba(67, 26, 87, 0.1);
    border-radius: 16px;
    padding: 22px 18px;
    box-shadow: 0 8px 25px rgba(67, 26, 87, 0.05);
    margin-bottom: 24px;
}

.dvk-sidebar-links {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dvk-sidebar-links li {
    padding: 3px 0;
    border-bottom: 1px solid rgba(67, 26, 87, 0.05);
}

.dvk-sidebar-links li:last-child {
    border-bottom: none;
}

.dvk-sidebar-links a {
    color: #4A3A43;
    font-weight: 600;
    font-size: 13.5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 12px;
    border-radius: 8px;
    transition: all 0.25s ease;
    text-decoration: none;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.dvk-sidebar-links a i {
    color: #D4A537;
    font-size: 11px;
    transition: all 0.25s ease;
}

/* USER REQUIREMENT: HOVER BACKGROUND TURNS YELLOW */
.dvk-sidebar-links a:hover {
    background: #FFF9E6 !important;
    color: #2D0F1E !important;
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(242, 180, 35, 0.18);
}

.dvk-sidebar-links a:hover i {
    color: #AD4F70;
    transform: translateX(2px);
}

.dvk-sidebar-links a.active,
.dvk-sidebar-links a.fw-bold {
    background: linear-gradient(135deg, rgba(67, 26, 87, 0.08) 0%, rgba(173, 79, 112, 0.08) 100%) !important;
    color: #431A57 !important;
    font-weight: 700 !important;
    border-left: 3px solid #AD4F70;
}

.dvk-sidebar-links a.active i,
.dvk-sidebar-links a.fw-bold i {
    color: #AD4F70 !important;
}

@media (max-width: 991px) {
    #sidebar-component,
    .dvk-sidebar-wrapper .side-bar {
        position: static !important;
        top: auto !important;
        max-height: none !important;
        overflow-y: visible !important;
        margin-top: 35px;
    }
}