/* ==================================================
   Muldoon's Filters — native <select> + button styles
   (Targets JetSmartFilters markup on your site)
   ================================================== */

/* Base select look (square, tall, room for ▼) */
.jet-smart-filters-select select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  height:52px !important;
  line-height:52px !important;
  padding:0 42px 0 12px !important;   /* space for arrow on right */
  border:1px solid #d9d9d9 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111;
  font-size:15px;
  font-weight:500;
  width:100%;
  box-sizing:border-box;
}

/* Position container so we can draw the ▼ */
.jet-smart-filters-select{ position:relative !important; }

/* ▼ triangle on the right *//* =========================================================
   === 🚩 WOOF (HOMEPAGE) – FUNCTION + LAYOUT ==============
   ========================================================= */
body.home .woof-style-4 { position: relative; z-index: 10050; }
body.home .woof-style-4 .woof_redraw_zone { position: relative; z-index: 10055; }
body.home .woof-style-4 .select2-container { z-index: 10060 !important; }
body.home .woof-style-4 .select2-container .select2-dropdown { z-index: 10070 !important; }

.woof_container.disable .select2-selection--single{
  opacity: .6;
  cursor: not-allowed;
  background: #bbb9b9 !important;
}

body.home .woof-style-4 .woof,
body.home .woof-style-4 .woof .woof_redraw_zone{
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
body.home .woof-style-4 .woof > div,
body.home .woof-style-4 .woof_redraw_zone > div{
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

body.home .woof-style-4 select,
body.home .woof-style-4 .select2-container .select2-selection--single{
  min-width: 220px;
  height: 48px !important;
  line-height: 46px !important;
}
body.home .woof-style-4 select{ padding: 0 14px; }

body.home .woof-style-4 .woof_submit_search_form_container,
body.home .woof-style-4 .woof_submit_search_form{
  order: 999 !important;
  margin-left: auto !important;
}

body.home .woof-style-4 .woof_submit_search_form .button,
body.home .woof-style-4 .woof_submit_search_form .button.alt,
body.home .woof-style-4 .woof_submit_search_form input[type="submit"],
body.home .woof-style-4 .woof .button.woof_submit_search_form{
  height: 48px !important;
  line-height: 48px !important;
  padding: 0 20px !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  background: #d80303 !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
body.home .woof-style-4 .woof_submit_search_form .button:hover,
body.home .woof-style-4 .woof_submit_search_form input[type="submit"]:hover{
  background: #a30000 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}

.woof_select select option:hover,
.woof_select select option:checked{
  background-color: #d80303 !important;
  color: #fff !important;
}
.woof_select select:focus{
  outline: 2px solid #d80303 !important;
  border-color: #d80303 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: #d80303 !important;
  color: #fff !important;
}

/* =========================================================
   === 📄 SEARCH RESULTS – ONE IMAGE ONLY ===================
   ========================================================= */
.results-page ul.products li.product .products-thumb img:not(:first-child),
.results-page ul.products li.product .product-thumb  img:not(:first-child),
.results-page ul.products li.product a img + img,
.results-page ul.products li.product .hover-image,
.results-page ul.products li.product .product-secondary-image{
  display: none !important;
}
.results-page ul.products li.product .products-thumb img:first-child,
.results-page ul.products li.product .product-thumb  img:first-child,
.results-page ul.products li.product a img:first-child{
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.results-page .woocommerce ul.products li.product{ padding:10px; }
.results-page .woocommerce-loop-product__title{ font-weight:800; text-transform:uppercase; letter-spacing:.01em; }
.results-page .price{ font-weight:700; }
.results-page .button{ border-radius:10px; font-weight:700; }

/* =========================================================
   === ✅ Fix an earlier syntax issue (WPForms) =============
   ========================================================= */
.wpforms-form input[type=submit],
.wpforms-form button[type=submit]{ background-color:#D80303 !important; }

/* Hide disabled options in Select2 list so users only see allowed ones */
.select2-results__option[aria-disabled="true"] { display: none !important; }

/* WOOF Select2 sizing so the box doesn't collapse */
.woof-style-4 .select2-container{
  min-width:220px !important;
  width:220px !important;
}
.woof-style-4 .select2-selection--single{
  height:48px !important;
  line-height:46px !important;
}
.woof-style-4 .select2-selection__rendered{
  line-height:46px !important;
}
.woof-style-4 .select2-selection__arrow{
  height:48px !important;
}


