/* Bothends Farms V36 — surgical fixes only: mobile-nav unlock + enquiry dropdown visibility. */

/* Keep the request-form dropdown above the contact cards that follow it. */
.contact-three__inner,
.contact-three__inner > .row,
.contact-three__form,
.contact-three__form .form-one,
.contact-three__form .form-one__group,
.contact-one__content,
.contact-one__form,
.contact-one__form .form-one__group{
  overflow:visible!important;
}
.contact-three__form,
.contact-one__content{
  position:relative!important;
  z-index:80!important;
}
.form-one__control:has(.bootstrap-select.show),
.form-one__control:focus-within{
  position:relative!important;
  z-index:2147482000!important;
}
.bootstrap-select.show,
.bootstrap-select.open{
  position:relative!important;
  z-index:2147482001!important;
}
.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu.show,
.bootstrap-select.open > .dropdown-menu{
  z-index:2147482002!important;
  min-width:100%!important;
  max-height:330px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:12px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.38)!important;
  padding:6px!important;
}

/* Use a deliberately high-contrast dropdown surface in BOTH themes so no device/browser
   can turn the enquiry options into unreadable white-on-white content. */
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .inner,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .inner{
  background:#0d3f25!important;
  color:#fff!important;
}
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu li,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu li,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item .text,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item .text{
  background:#0d3f25!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
}
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:hover,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:focus,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item.active,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:hover,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:focus,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item.active{
  background:#d7a928!important;
  color:#102617!important;
  -webkit-text-fill-color:#102617!important;
}
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:hover .text,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item:focus .text,
html[data-bf-theme="light"] .bootstrap-select .dropdown-menu .dropdown-item.active .text,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:hover .text,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item:focus .text,
html[data-bf-theme="dark"] .bootstrap-select .dropdown-menu .dropdown-item.active .text{
  color:#102617!important;
  -webkit-text-fill-color:#102617!important;
}

/* The closed Select Enquiry Type control stays theme-aware and readable. */
html[data-bf-theme="light"] .contact-three .bootstrap-select > .dropdown-toggle,
html[data-bf-theme="light"] .contact-one .bootstrap-select > .dropdown-toggle{
  background:#fff!important;
  color:#12351f!important;
  -webkit-text-fill-color:#12351f!important;
  border-color:rgba(20,91,49,.35)!important;
}
html[data-bf-theme="dark"] .contact-three .bootstrap-select > .dropdown-toggle,
html[data-bf-theme="dark"] .contact-one .bootstrap-select > .dropdown-toggle{
  background:#0a2c1a!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:rgba(255,255,255,.26)!important;
}
.contact-three .bootstrap-select > .dropdown-toggle .filter-option-inner-inner,
.contact-one .bootstrap-select > .dropdown-toggle .filter-option-inner-inner{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  opacity:1!important;
}

/* Mobile: keep the dropdown within the screen while still showing many options. */
@media (max-width:767.98px){
  .bootstrap-select .dropdown-menu,
  .bootstrap-select .dropdown-menu.show{
    max-height:285px!important;
    width:100%!important;
    min-width:100%!important;
  }
}