/* =========================================================
   OVERLAY KHI MỞ DANH MỤC
   ========================================================= */

.hh-category-overlay {
    position: fixed;

    /*
     * Nếu header của bạn cao 80px.
     * Nếu header cao khác thì sửa giá trị này.
     */
    top: 100px;

    left: 0;
    right: 0;
    bottom: 0;

    /*
     * Overlay thấp hơn dropdown
     * nhưng cao hơn nội dung website.
     */
    z-index: 9990;

    background: rgba(0, 0, 0, 0.45);

    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity 0.2s ease,
        visibility 0.2s ease;
}


/* Khi dropdown đang được hover */
.hh-header__category:hover .hh-category-overlay {
    opacity: 1;
    visibility: visible;
}


/*
 * Dropdown phải nằm trên overlay
 */
.hh-header__category .hh-category-dropdown {
    position: absolute;
    z-index: 10000;
}