/* Manual Filter Dropdown Fix for 'Mới nhất' (Sort) dropdown */
/* This file should be included after the main CSS to ensure proper overrides */

/* Apply same treatment as working Genre filter */
/* Target the Sort dropdown parent container for stacking context */
.pb-4.mb-2 [x-data*="openSort"] {
    position: relative !important;
    z-index: 40 !important;
}

/* Sort dropdown - same z-index as other working filters */
.pb-4.mb-2 [x-data*="openSort"] > div[x-show="openSort"] {
    z-index: 51 !important;
    position: relative !important;
}

/* Target Sort dropdown by its z-40 class */
.pb-4.mb-2 .z-40[x-show="openSort"] {
    z-index: 51 !important;
    position: relative !important;
}

/* Target Sort dropdown by its unique structure */
.pb-4.mb-2 .ml-auto.relative > div.z-40[x-show="openSort"] {
    z-index: 51 !important;
    position: relative !important;
}

/* Target Sort dropdown by container classes */
.pb-4.mb-2 div[x-data*="openSort"] div.origin-top-right.z-40 {
    z-index: 51 !important;
    position: relative !important;
}

/* Override any z-40 within filter section */
.pb-4.mb-2 .z-40 {
    z-index: 51 !important;
}

/* Mobile responsive - same treatment as other filters */
@media (max-width: 1024px) {
    .pb-4.mb-2 [x-data*="openSort"] > div[x-show="openSort"],
    .pb-4.mb-2 .z-40[x-show="openSort"] {
        z-index: 60 !important;
    }
}