/* NILA v21.37 Mobile Form and Service Dropdown Fix */
:root{
  --v37-ink:#06192e;
  --v37-green:#075f3c;
  --v37-blue:#176fc2;
  --v37-line:rgba(6,25,46,.12);
}

/* Remove decorative circular dots inside fields and stop pseudo-elements blocking taps */
.hs-field::before,
.hs-field::after,
.hs-select-wrap::before,
.hs-select-wrap::after,
.hs-loc-wrap::before,
.hs-loc-wrap::after,
.v19-search .hs-field::before,
.v19-search .hs-field::after,
.v19-search .hs-select-wrap::before,
.v19-search .hs-select-wrap::after,
.v19-search .hs-loc-wrap::before,
.v19-search .hs-loc-wrap::after,
.search-shell .field::before,
.search-shell .field::after,
.search-bar .field::before,
.search-bar .field::after,
form .field::before,
form .field::after{
  content:none!important;
  display:none!important;
  pointer-events:none!important;
}

/* Clean form fields across mobile and desktop */
#heroSearch .hs-field,
.v19-search .hs-field,
.hs-field{
  position:relative!important;
  overflow:visible!important;
  background:#fff!important;
  border:1px solid var(--v37-line)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
#heroSearch .hs-select-wrap,
#heroSearch .hs-loc-wrap,
.v19-search .hs-select-wrap,
.v19-search .hs-loc-wrap{
  position:relative!important;
  min-height:36px!important;
  pointer-events:auto!important;
}
#heroSearch input,
.v19-search input,
#serviceInput,
#locInput{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  pointer-events:auto!important;
  -webkit-tap-highlight-color:transparent!important;
}
#serviceInput{
  cursor:pointer!important;
  padding-right:44px!important;
}
#serviceToggle{
  position:absolute!important;
  right:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  z-index:6!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  border:0!important;
  background:transparent!important;
  color:var(--v37-ink)!important;
  font-size:18px!important;
}
#serviceDropdown{
  z-index:9999!important;
  pointer-events:auto!important;
}
#serviceDropdown.open{
  display:block!important;
}
.hs-dropdown-item,
.hs-dropdown-cat{
  pointer-events:auto!important;
}

/* Mobile dropdown should be a usable panel, not trapped inside clipped hero layout */
@media (max-width:780px){
  #heroSearch,
  #heroSearch *{
    pointer-events:auto!important;
  }
  #heroSearch{
    position:relative!important;
    z-index:200!important;
    overflow:visible!important;
  }
  #heroSearch .hs-field{
    overflow:visible!important;
  }
  #servicePickerWrap{
    position:relative!important;
    z-index:220!important;
    display:flex!important;
    align-items:center!important;
    min-height:44px!important;
    overflow:visible!important;
  }
  #serviceDropdown{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;
    right:0!important;
    max-height:min(420px,60vh)!important;
    overflow:auto!important;
    background:#fff!important;
    border:1px solid rgba(6,25,46,.14)!important;
    border-radius:18px!important;
    box-shadow:0 24px 70px rgba(6,25,46,.22)!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .hs-dropdown-cat{
    padding:12px 14px 6px!important;
    font-size:11px!important;
  }
  .hs-dropdown-item{
    min-height:44px!important;
    padding:12px 14px!important;
    font-size:15px!important;
  }
  #gpsBtn,
  #dirHeroUseLocation,
  #dirSearchBtn{
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
}