/**
 * Sareo Mobile Filter Fix
 * Hide search icon and search bar in WooCommerce mobile product filters overlay
 * 
 * Issue: Search icon appearing in wrong place in mobile filter modal
 * Solution: Hide search form elements in filter overlay
 * 
 * Created: April 9, 2026
 * Theme: Sareo v0.1.4
 */

/* ============================================
   HIDE SEARCH FORM IN MOBILE FILTER OVERLAY
   ============================================ */

/* Hide entire search form */
.wc-block-product-filters__overlay form[role="search"],
.wc-block-product-filters__overlay .wp-block-search,
.wc-block-product-filters__overlay form[role="search"] * {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}

/* Hide search submit button and all icons inside it */
.wc-block-product-filters__overlay button[type="submit"],
.wc-block-product-filters__overlay button[aria-label="Search"],
.wc-block-product-filters__overlay .sareo-search-submit-icon,
.wc-block-product-filters__overlay .sareo-search-submit-icon * {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Hide all Font Awesome icons in filter overlay */
.wc-block-product-filters__overlay i[class*="fa-"],
.wc-block-product-filters__overlay i.fas,
.wc-block-product-filters__overlay i.far,
.wc-block-product-filters__overlay i.fa,
.wc-block-product-filters__overlay svg[class*="fa-"],
.wc-block-product-filters__overlay .fa-search {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* Hide search input specifically */
.wc-block-product-filters__overlay input[type="search"],
.wc-block-product-filters__overlay input[class*="search__input"],
.wc-block-product-filters__overlay .wp-block-search__input {
    display: none !important;
    visibility: hidden !important;
}

/* Hide any element with 'search' in class name inside overlay */
.wc-block-product-filters__overlay [class*="search"] {
    display: none !important;
}

/* ============================================
   ENSURE FILTER HEADERS ARE CLEAN (NO ICONS)
   ============================================ */

/* Remove icons from filter section headers (Category, Price, Rating, Size, etc.) */
.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 i,
.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 svg,
.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 .fa,
.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 .fas,
.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 .far {
    display: none !important;
}

.wc-block-product-filters__overlay .wp-block-woocommerce-product-filter h5 {
    background: none !important;
    background-image: none !important;
}

/* ============================================
   MOBILE-SPECIFIC OVERRIDES (< 991px)
   ============================================ */

@media (max-width: 991px) {
    /* Extra safety - hide search in mobile filter overlay */
    .wc-block-product-filters__overlay form[role="search"],
    .wc-block-product-filters__overlay .wp-block-search,
    .wc-block-product-filters__overlay .sareo-search-submit-icon,
    .wc-block-product-filters__overlay [class*="search"] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
    }
}