/* Custom Navbar - Tone Cà Phê */
    .custom-navbar {
        background: rgba(250, 246, 240, 0.85) !important; 
        backdrop-filter: blur(12px); 
        -webkit-backdrop-filter: blur(12px);
        border-bottom: 1px solid rgba(46, 28, 17, 0.05) !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
        font-family: 'Nunito', sans-serif;
        transition: all 0.3s ease;
        z-index: 1030;
    }

    .custom-navbar .navbar-brand {
        font-family: 'Outfit', sans-serif;
        font-weight: 900;
        font-size: 2.2rem;
        color: #8C5A35 !important; /* Nâu Caramel */
        letter-spacing: -1px;
    }

    .custom-navbar .nav-link {
        font-weight: 700;
        color: #2E1C11 !important; /* Nâu Espresso */
        padding: 8px 18px !important;
        border-radius: 50px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

    .custom-navbar .nav-link:hover {
        color: #8C5A35 !important;
        background: rgba(140, 90, 53, 0.08);
        transform: translateY(-2px);
    }

    /* Thông tin user (Icon + Tên) */
    .user-profile-block {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #2E1C11;
        text-decoration: none;
    }

    .user-profile-icon {
        color: #8C5A35;
        transition: transform 0.3s ease;
    }

    .user-profile-block:hover .user-profile-icon {
        transform: scale(1.1);
        color: #2E1C11;
    }

    .nav-user-name {
        color: #2E1C11;
        font-family: 'Outfit', sans-serif;
        font-weight: 700;
        font-size: 12px;
        margin-top: 4px;
        letter-spacing: 0.5px;
    }

    /* Nút đăng nhập/đăng xuất */
    .btn-nav-action {
        font-family: 'Nunito', sans-serif;
        font-weight: 800;
        padding: 10px 28px;
        border-radius: 50px;
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        border: none;
    }

    .btn-login-nav {
        background: #8C5A35;
        color: white;
        box-shadow: 0 4px 15px rgba(140, 90, 53, 0.2);
    }

    .btn-login-nav:hover {
        background: #2E1C11;
        color: white;
        transform: translateY(-3px);
        box-shadow: 0 8px 20px rgba(46, 28, 17, 0.3);
    }

    .btn-logout-nav {
        background: white;
        color: #D32F2F;
        border: 2px solid #FDECEA;
        padding: 6px 20px;
        font-size: 14px;
    }

    .btn-logout-nav:hover {
        background: #D32F2F;
        color: white;
        border-color: #D32F2F;
        transform: translateY(-2px);
        box-shadow: 0 6px 15px rgba(211, 47, 47, 0.2);
    }
    .user-profile-link {
    color: inherit; /* Giữ nguyên màu text gốc */
    transition: opacity 0.2s ease;
}

.user-profile-link:hover {
    opacity: 0.8; /* Hiệu ứng mờ nhẹ khi di chuột vào để biết là nhấn được */
    cursor: pointer;
}