/* Thiết lập cho Mega Menu hiển thị toàn viền ngang */
.mega-menu {
    left: 0;
    right: 0;
    border-top: 2px solid #f1f1f1 !important;
}

/* Mở menu khi rê chuột (Hover) trên giao diện Desktop */
@media (min-width: 992px) {
    .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
        animation: fadeIn 0.3s ease;
    }
}

/* Hiệu ứng mờ dần khi mở menu */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hiệu ứng khi di chuột vào link và khối sản phẩm */
.mega-link {
    transition: all 0.2s;
}

    .mega-link:hover {
        color: #1a2b4c !important; /* Đổi màu xanh đậm */
        padding-left: 5px;
    }

.mega-product-card {
    transition: border-color 0.3s, box-shadow 0.3s;
}

    .mega-product-card:hover {
        border-color: #1a2b4c !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }
/* Ẩn thanh cuộn trên Chrome, Safari */
.nav-scroll-wrapper::-webkit-scrollbar {
    display: none;
}

/* Ẩn thanh cuộn trên Firefox và IE */
.nav-scroll-wrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Đảm bảo chữ trong menu không bị rớt xuống dòng */
#scrollableMenu .nav-item {
    white-space: nowrap;
}
/* Đẩy nội dung trang lên một chút để không bị thanh bottom nav che khuất trên mobile */
@media (max-width: 767.98px) {
    body {
        padding-bottom: 60px;
    }
}