/* Transition fixes for notification panel and sidebar */

/* Mobile notification dropdown fixes */
@media (max-width: 768px) {
    .notification-dropdown {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    
    .notification-list {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    
    /* Bell icon fixes */
    .notification-bell i.fa-times {
        font-size: 1.4rem !important;
        color: #ef4444 !important;
    }
    
    .notification-bell {
        color: inherit !important;
    }
    
    .notification-bell i.fa-bell {
        color: inherit !important;
    }
}

/* Remove notification item transitions */
.notification-item {
    transform: none !important;
    opacity: 1 !important;
    transition: none !important;
}

.notification-dropdown.active .notification-item {
    transform: none !important;
    opacity: 1 !important;
}

/* Sidebar transitions */
.sidebar {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

@media (max-width: 1024px) {
    .sidebar {
        transform: translateX(-100%) !important;
    }
    
    .sidebar.active {
        transform: translateX(0) !important;
        transition-delay: 0.1s !important;
    }
}

@media (max-width: 768px) {
    .sidebar {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    
    .sidebar.active {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    
    /* Settings modal scroll fixes - match notification panel */
    .profile-settings-modal .modal-content {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
    
    .profile-settings-content {
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
    }
}