/* Breathtaking Lagoon homepage site search — v5.9.5
   Mobile header separation + iOS input visibility hardening. */

/* The site header is fixed. Give it an opaque home-page surface so it never
   visually collides with the site-search row beneath it. */
.site-header{
  background:rgba(4,28,24,.97)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 1px 0 rgba(142,247,219,.13);
}
.site-header.scrolled{background:rgba(4,28,24,.97)!important;}
.site-header.scrolled .nav-link,
.site-header.scrolled .search-icon-btn{color:#f5fbf9!important;-webkit-text-fill-color:#f5fbf9!important;}
.site-header.scrolled .hamburger span{background:#f5fbf9!important;}

/* Search starts BELOW the 72px fixed header instead of underneath it. */
.bl593-site-search{
  margin-top:72px!important;
  background:#eef8f5;
  border-bottom:1px solid #cfe5df;
  padding:12px 18px 14px;
  position:relative;
  z-index:6;
}
.bl593-site-search-inner{
  width:min(1180px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);
  gap:18px;
  align-items:center;
}
.bl593-site-search-label{min-width:0}
.bl593-site-search-label strong{display:block;color:#073f39;font-size:.98rem;line-height:1.2}
.bl593-site-search-label span{display:block;color:#5c716c;font-size:.8rem;margin-top:3px;line-height:1.3}
.bl593-site-search-form{
  display:flex;
  align-items:stretch;
  gap:8px;
  background:#fff;
  border:1px solid #bcd9d2;
  border-radius:14px;
  padding:7px;
  box-shadow:0 4px 14px rgba(7,63,57,.06);
  min-width:0;
}
.bl593-site-search-form input[type="search"]{
  flex:1;
  min-width:0;
  min-height:46px;
  border:0!important;
  outline:0!important;
  background:#fff!important;
  color:#123d36!important;
  -webkit-text-fill-color:#123d36!important;
  caret-color:#087f6d!important;
  opacity:1!important;
  font:inherit;
  font-size:16px!important;
  line-height:1.25!important;
  padding:11px 12px!important;
  border-radius:10px;
  text-align:left!important;
  direction:ltr!important;
  -webkit-appearance:none;
  appearance:none;
}
.bl593-site-search-form input[type="search"]::placeholder{
  color:#6e807b!important;
  -webkit-text-fill-color:#6e807b!important;
  opacity:1!important;
}
.bl593-site-search-form input[type="search"]:focus{
  box-shadow:inset 0 0 0 2px rgba(8,127,109,.35)!important;
}
.bl593-site-search-form input[type="search"]:-webkit-autofill,
.bl593-site-search-form input[type="search"]:-webkit-autofill:hover,
.bl593-site-search-form input[type="search"]:-webkit-autofill:focus{
  -webkit-text-fill-color:#123d36!important;
  caret-color:#087f6d!important;
  transition:background-color 9999s ease-out 0s;
}
.bl593-site-search-form button{
  border:0;
  border-radius:10px;
  background:#087f6d;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900;
  padding:10px 17px;
  white-space:nowrap;
  cursor:pointer;
}
.bl593-site-search-form button:hover,.bl593-site-search-form button:focus-visible{background:#066b5c}

/* Night mode: explicit iOS/Safari-safe text and caret colors. */
html[data-theme="night"] .bl593-site-search{background:#071512!important;border-color:#284b43!important}
html[data-theme="night"] .bl593-site-search-label strong{color:#f5fbf9!important;-webkit-text-fill-color:#f5fbf9!important}
html[data-theme="night"] .bl593-site-search-label span{color:#c9dbd5!important;-webkit-text-fill-color:#c9dbd5!important}
html[data-theme="night"] .bl593-site-search-form{background:#102823!important;border-color:#47756a!important}
html[data-theme="night"] .bl593-site-search-form input[type="search"]{
  background:#0a201b!important;
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#8ef7db!important;
  text-shadow:none!important;
  opacity:1!important;
  color-scheme:dark;
}
html[data-theme="night"] .bl593-site-search-form input[type="search"]::placeholder{
  color:#a9bdb7!important;
  -webkit-text-fill-color:#a9bdb7!important;
  opacity:1!important;
}
html[data-theme="night"] .bl593-site-search-form input[type="search"]:-webkit-autofill,
html[data-theme="night"] .bl593-site-search-form input[type="search"]:-webkit-autofill:hover,
html[data-theme="night"] .bl593-site-search-form input[type="search"]:-webkit-autofill:focus{
  -webkit-text-fill-color:#ffffff!important;
  caret-color:#8ef7db!important;
  box-shadow:0 0 0 1000px #0a201b inset!important;
}
html[data-theme="night"] .bl593-site-search-form button{background:#0a8d79!important;color:#fff!important;-webkit-text-fill-color:#fff!important}

@media(max-width:768px){
  .site-header{padding:0 16px!important;}
  .header-inner{height:72px!important;}
  .logo img{height:40px!important;max-width:145px;object-fit:contain;}
  .header-actions{gap:8px!important;}
  .hamburger{padding:8px!important;}
  .hamburger span{width:26px!important;height:2.5px!important;background:#f5fbf9!important;}

  .bl593-site-search{
    margin-top:72px!important;
    padding:12px 14px 14px!important;
  }
  .bl593-site-search-inner{grid-template-columns:1fr!important;gap:8px!important;}
  .bl593-site-search-label{padding:0 2px;}
  .bl593-site-search-label strong{font-size:1rem!important;line-height:1.2!important;}
  .bl593-site-search-label span{font-size:.76rem!important;}
  .bl593-site-search-form{width:100%!important;padding:6px!important;gap:7px!important;border-radius:13px!important;}
  .bl593-site-search-form input[type="search"]{min-height:50px!important;padding:12px 11px!important;font-size:16px!important;}
  .bl593-site-search-form button{min-height:50px!important;padding:10px 13px!important;font-size:.9rem!important;}
  .hero{scroll-margin-top:150px;}
}

@media(max-width:430px){
  .bl593-site-search-label span{display:none!important;}
  .bl593-site-search-form button{padding-inline:12px!important;}
}

@media(max-width:360px){
  .bl593-site-search-form{display:grid!important;grid-template-columns:1fr!important;}
  .bl593-site-search-form button{width:100%!important;}
}


/* v5.9.5 — give the iPhone typing field the full available width.
   Keep the submit control on its own row so Safari can never squeeze the
   actual search input into a narrow sliver. */
@media(max-width:768px){
  .bl593-site-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;
  }
  .bl593-site-search-form input[type="search"]{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:100%!important;
    box-sizing:border-box!important;
    min-height:52px!important;
    white-space:nowrap!important;
  }
  .bl593-site-search-form button{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:48px!important;
    justify-self:stretch!important;
  }
}