/* Location search inside the hotspot card of #services: a white field with a blue search button.
   Scoped to #services.ks #hotspot-search so the general widget rules in coverage.css cannot override it. */
#services.ks #hotspot-search{position:relative;z-index:5;display:block;width:100%;max-width:420px;margin:calc(26*var(--u)) 0 0;padding:0;background:none;border:0;height:auto}
#services.ks #hotspot-search *{box-sizing:border-box}
#services.ks #hotspot-search .location-search{position:relative}
#services.ks #hotspot-search .location-search label{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#services.ks #hotspot-search .location-field{display:flex;align-items:stretch;height:calc(53*var(--u));border-radius:calc(12*var(--u));overflow:hidden;background:#fff}
#services.ks #hotspot-search .location-field:focus-within{outline:3px solid #1b5be6;outline-offset:2px}
#services.ks #hotspot-search .location-field input{flex:1;min-width:0;width:auto;height:auto;padding:0 calc(17*var(--u));border:0;border-radius:0;background:#fff;color:#0c1f4f;font-size:var(--fs-body);font-weight:400;outline:0;box-shadow:none}
#services.ks #hotspot-search .location-field input::placeholder{color:#8792ab;font-weight:400}
#services.ks #hotspot-search .location-go{flex:none;width:calc(56*var(--u));height:auto;min-height:0;padding:0;border:0;border-radius:0 calc(12*var(--u)) calc(12*var(--u)) 0;background:#1f5df0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}
#services.ks #hotspot-search .location-go:hover{background:#1748c4}
#services.ks #hotspot-search .location-go svg{width:calc(20*var(--u));height:calc(20*var(--u));fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
#services.ks #hotspot-search .location-go:focus-visible{outline:3px solid #0c1f4f;outline-offset:-4px}
#services.ks #hotspot-search .location-go:disabled,#services.ks #hotspot-search input:disabled{opacity:.6;cursor:wait}

#services.ks #hotspot-search .location-options{position:absolute;top:100%;left:0;right:0;z-index:30;max-height:calc(250*var(--u));overflow:auto;margin:calc(8*var(--u)) 0 0;padding:calc(6*var(--u));list-style:none;
  background:#fff;color:#0c1f4f;border-radius:calc(14*var(--u));box-shadow:0 calc(16*var(--u)) calc(40*var(--u)) rgba(20,40,90,.22)}
#services.ks #hotspot-search .location-options[hidden],#services.ks #hotspot-search .coverage-result[hidden]{display:none}
#services.ks #hotspot-search .location-options li{padding:calc(12*var(--u));font-size:calc(14*var(--u));line-height:1.45;border-radius:calc(8*var(--u));cursor:pointer}
#services.ks #hotspot-search .location-options li:hover,#services.ks #hotspot-search .location-options li[aria-selected=true]{background:#eaf2ff;color:#1748c4}

/* The design shows only the field and the three place buttons: hide the divider and the GPS link. */
#services.ks #hotspot-search .location-divider,#services.ks #hotspot-search [data-gps].coverage-action{display:none}
#services.ks #hotspot-search .coverage-status{margin:calc(8*var(--u)) 0 0!important;font-size:calc(13*var(--u))!important;line-height:1.5;color:#3b4766}
#services.ks #hotspot-search .coverage-status:empty{display:none}

#services.ks #hotspot-search .coverage-result{margin-top:calc(12*var(--u));padding:calc(18*var(--u));text-align:left;background:#fff;color:#0c1f4f;border:1px solid #d3e1fb;border-radius:calc(16*var(--u));box-shadow:0 calc(10*var(--u)) calc(26*var(--u)) rgba(20,60,140,.12)}
#services.ks #hotspot-search .coverage-result h3{margin:0 0 calc(10*var(--u));font-size:calc(18*var(--u));font-weight:700;color:#0c1f4f}
#services.ks #hotspot-search .coverage-result p,#services.ks #hotspot-search .coverage-result label,#services.ks #hotspot-search .coverage-result small{font-size:calc(13.5*var(--u));line-height:1.6;color:#3b4766}
#services.ks #hotspot-search .coverage-result .coverage-place{font-weight:700;color:#0c1f4f;overflow-wrap:anywhere}
#services.ks #hotspot-search .coverage-result ul{display:flex;flex-wrap:wrap;gap:calc(8*var(--u));margin:calc(12*var(--u)) 0;padding:0;list-style:none}
#services.ks #hotspot-search .coverage-result li{padding:calc(8*var(--u)) calc(12*var(--u));border-radius:calc(8*var(--u));background:#e6f6ee;color:#0f5f34;font-size:calc(13.5*var(--u))}
#services.ks #hotspot-search .coverage-result .coverage-action{display:flex;align-items:center;justify-content:center;gap:calc(8*var(--u));width:100%;min-height:calc(46*var(--u));margin-top:calc(6*var(--u));padding:calc(12*var(--u)) calc(16*var(--u));
  border:0;border-radius:calc(12*var(--u));background:#1f5df0;color:#fff;font-size:calc(14*var(--u));font-weight:700;cursor:pointer}
#services.ks #hotspot-search .coverage-result .coverage-action:hover{background:#1748c4}
#services.ks #hotspot-search .coverage-result .coverage-action:disabled{opacity:.6;cursor:wait}
#services.ks #hotspot-search .coverage-request{display:grid;gap:calc(12*var(--u));margin:0;padding:0;background:none;border:0}
#services.ks #hotspot-search .coverage-request label{display:grid;gap:calc(6*var(--u));margin:0;font-weight:600}
#services.ks #hotspot-search .coverage-request input,#services.ks #hotspot-search .coverage-request select{width:100%;padding:calc(12*var(--u)) calc(14*var(--u));border:1.5px solid #b9c8e4;border-radius:calc(10*var(--u));background:#fff;color:#0c1f4f;font-size:calc(16*var(--u));font-weight:400}
#services.ks #hotspot-search .coverage-request a{color:#1b5be6;text-decoration:underline}
@media (max-width:1099px){#services.ks #hotspot-search{--u:1px}}
@media (max-width:620px){#services.ks #hotspot-search{max-width:none;margin-top:26px}#services.ks #hotspot-search .coverage-result{padding:16px}}