/* SEARCH_CATEGORY_FONT_MATCH_V1
   Match search category dropdown typography to homepage.
   Desktop only; other dropdowns and mobile remain unchanged.
*/
@media (min-width: 768px) {
    .search-page #categorySelect + .is-searchable-trigger {
        font-size: 14px;
    }

    .search-page .is-searchable-select:has(> #categorySelect)
    .is-searchable-option {
        font-size: 14px;
        min-height: 44px;
        padding: 9px 11px;
        line-height: 1.7;
    }

    .search-page .is-searchable-select:has(> #categorySelect)
    .is-searchable-search {
        font-size: 14px;
        min-height: 44px;
    }
}

/* SEARCH_CATEGORY_MAIN_COLOR_V1
   Highlight only main categories in the desktop search dropdown.
*/
@media (min-width: 768px) {
    .search-page .is-searchable-select:has(> #categorySelect)
    .is-searchable-option.is-main-category {
        color: #6d28d9;
        background: #f5efff;
        font-weight: 750;
    }

    .search-page .is-searchable-select:has(> #categorySelect)
    .is-searchable-option.is-main-category:hover,
    .search-page .is-searchable-select:has(> #categorySelect)
    .is-searchable-option.is-main-category.is-selected {
        color: #581c87;
        background: #eadcff;
    }

    html[data-theme="dark"] .search-page
    .is-searchable-select:has(> #categorySelect)
    .is-searchable-option.is-main-category {
        color: #e9d5ff !important;
        background: #302342;
    }
}

/* SEARCH_LOCATION_FONT_MATCH_V1
   Match province/city dropdown typography to category dropdown.
   Desktop only; no changes to mobile or filtering logic.
*/
@media (min-width: 768px) {
    .search-page .is-searchable-select:has(> #provinceSelect)
    .is-searchable-option,
    .search-page .is-searchable-select:has(> #citySelect)
    .is-searchable-option {
        font-size: 14px;
        min-height: 44px;
        padding: 9px 11px;
        line-height: 1.7;
    }

    .search-page .is-searchable-select:has(> #provinceSelect)
    .is-searchable-search,
    .search-page .is-searchable-select:has(> #citySelect)
    .is-searchable-search {
        font-size: 14px;
        min-height: 44px;
    }

    .search-page #provinceSelect + .is-searchable-trigger,
    .search-page #citySelect + .is-searchable-trigger {
        font-size: 14px;
    }
}