/* match-preferences modal styles — extracted from includes/match-preferences-drawer.php */
/* Card hover states */
.mp-card:hover { background: rgba(255,255,255,0.06) !important; }

/* Gender/country option hover */
.gender-option:hover,
.country-option:hover { background: rgba(255,255,255,0.08) !important; }

/* Smooth scrollbar for country lists */
#countryOptionsContainer::-webkit-scrollbar,
#countryExcludeContainer::-webkit-scrollbar { width: 6px; }
#countryOptionsContainer::-webkit-scrollbar-track,
#countryExcludeContainer::-webkit-scrollbar-track { background: rgba(255,255,255,0.03); border-radius: 3px; }
#countryOptionsContainer::-webkit-scrollbar-thumb,
#countryExcludeContainer::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.15); border-radius: 3px; }
#countryOptionsContainer::-webkit-scrollbar-thumb:hover,
#countryExcludeContainer::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.25); }
#countryOptionsContainer { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) rgba(255,255,255,0.03); }
#countryExcludeContainer { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.15) rgba(255,255,255,0.03); }

/* Exclude option hover */
.country-exclude-option:hover { background: rgba(255,255,255,0.08) !important; }

/* Mobile optimizations */
@media (max-width: 768px) {
    #drawerContent {
        padding: 20px !important;
        border-top-left-radius: 18px !important;
        border-top-right-radius: 18px !important;
    }
}