.header-sticky {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                z-index: 1000;
                background-color: #fff;
                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
                transition: all 0.3s ease;
            }
            
            /* Add padding to body to prevent content jump when header becomes sticky */
            body.has-sticky-header {
                padding-top: 80px; /* Adjust this value to match your header height */
            }

            .modal-backdrop,
.offcanvas-backdrop {
    display: none !important;
}

            
            /* Auth buttons styles */
            .auth-buttons {
                display: flex;
                align-items: center;
                margin-left: 100px;
            }
            
            .auth-btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 10px 20px;
                border-radius: 4px;
                font-weight: 600;
                font-size: 14px;
                transition: all 0.3s ease;
                text-decoration: none;
                min-width: 100px;
                text-align: center;
            }
            
            .auth-btn.signin {
                color: #555;
                margin-right: 15px;
                border: 1px solid #ddd;
                background-color: transparent;
            }
            
            .auth-btn.signin:hover {
                color: #333;
                background-color: #f5f5f5;
                border-color: #ccc;
            }
            
            .auth-btn.signup {
                background-color: #ffc107;
                color: #333;
                border: none;
                min-width: 110px;
            }
            
            .auth-btn.signup:hover {
                background-color: #e0a800;
                transform: translateY(-2px);
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }
            
            /* Desktop specific button styles */
            .auth-buttons.desktop-only .auth-btn {
                padding: 10px 22px;
                min-width: 120px;
               
            }
            
            /* Responsive styles for auth buttons */
            @media (max-width: 991px) {
                .auth-buttons.desktop-only {
                    display: none !important;
                }
            }
            
            @media (min-width: 992px) {
                .auth-buttons.mobile-only {
                    display: none !important;
                }
            }
            
            /* Mobile menu styles */
            .mobile-user-menu {
                width: 100%;
                margin-top: 20px;
            }
            
            .mobile-menu-links {
                display: flex;
                flex-direction: column;
                gap: 10px;
                margin-top: 10px;
                padding: 10px;
                background-color: #f8f9fa;
                border-radius: 8px;
            }
            
            .mobile-menu-link {
                display: flex;
                align-items: center;
                padding: 8px 12px;
                color: #333;
                text-decoration: none;
                border-radius: 4px;
                transition: all 0.2s ease;
            }
            
            .mobile-menu-link:hover {
                background-color: #e9ecef;
            }
            
            .mobile-menu-link.text-danger {
                color: #dc3545;
            }
            
            .mobile-menu-link.text-danger:hover {
                background-color: #f8d7da;
            }
            
            /* Custom User Menu Styles */
            .user-menu-container {
                position: relative;
                display: inline-block;
            }
            
            .user-menu-toggle {
                cursor: pointer;
                user-select: none;
            }
            
            .user-menu {
                position: absolute;
                top: 100%;
                right: 0;
                width: 220px;
                background-color: white;
                border-radius: 8px;
                box-shadow: 0 5px 15px rgba(0,0,0,0.1);
                padding: 10px;
                margin-top: 10px;
                z-index: 1050;
                display: none;
            }
            
            .user-menu.active {
                display: block;
            }
            
            .user-menu-item {
                display: flex;
                align-items: center;
                padding: 10px 15px;
                color: #333;
                text-decoration: none;
                border-radius: 4px;
                margin-bottom: 5px;
                transition: all 0.2s ease;
                font-size: 14px;
            }
            
            .user-menu-item:hover {
                background-color: #f8f9fa;
                color: #0d6efd;
            }
            
            .user-menu-item.text-danger {
                color: #dc3545;
            }
            
            .user-menu-item.text-danger:hover {
                background-color: #f8d7da;
            }
            
            .user-menu-divider {
                height: 1px;
                background-color: rgba(0,0,0,0.1);
                margin: 8px 0;
            }