/* Husbilsresa Kartfilter 0.4.2 */
#husbil-map-filter {
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  padding:9px 18px;
  background:#f7faf7;
  border-top:1px solid rgba(68,106,75,.10);
  border-bottom:1px solid rgba(68,106,75,.16);
  box-sizing:border-box;
}
#husbil-map-filter[aria-busy="true"] select,
#husbil-map-filter[aria-busy="true"] button { cursor:wait; }
#husbil-map-filter[aria-busy="true"] { opacity:.94; }

#husbil-map-filter .husbil-map-filter-title,
#husbil-map-filter > span:first-child {
  font-size:13px;
  font-weight:600;
  color:#39433b;
  white-space:nowrap;
  margin-right:2px;
}

#husbil-map-filter select.uk-select,
#husbil-map-filter select {
  width:auto;
  min-width:190px;
  height:40px;
  padding:0 38px 0 15px;
  border:1px solid #cfd8cf;
  border-radius:22px;
  background-color:#fff;
  color:#2f3631;
  font-size:14px;
  line-height:38px;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
  transition:border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
#husbil-map-filter select:hover { border-color:#9fb7a3; }
#husbil-map-filter select:focus {
  border-color:#6f9b76;
  box-shadow:0 0 0 3px rgba(111,155,118,.13);
  outline:none;
}
#husbil-map-filter select[hidden] { display:none !important; }

#husbil-map-filter #husbil-filter-reset {
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 6px;
  border:0 !important;
  border-radius:0;
  background:transparent !important;
  background-image:none !important;
  color:#5f8465;
  font-size:13px;
  font-weight:600;
  text-transform:none;
  letter-spacing:0;
  line-height:36px;
  white-space:nowrap;
  box-shadow:none !important;
  text-decoration:none !important;
  position:relative;
  cursor:pointer;
}
/* Nollställ UIkit uk-button/uk-button-text helt på just Rensa. */
#husbil-map-filter #husbil-filter-reset::before,
#husbil-map-filter #husbil-filter-reset::after,
#husbil-map-filter #husbil-filter-reset.uk-button-text::before,
#husbil-map-filter #husbil-filter-reset.uk-button-text::after {
  display:none !important;
  content:none !important;
  border:0 !important;
  width:0 !important;
  height:0 !important;
  transform:none !important;
}
#husbil-map-filter #husbil-filter-reset:hover,
#husbil-map-filter #husbil-filter-reset:focus {
  color:#36583c;
  background:transparent !important;
  box-shadow:none !important;
  text-decoration:underline !important;
  text-underline-offset:3px;
  outline:none;
}
#husbil-map-filter #husbil-filter-reset:focus-visible {
  outline:2px solid rgba(111,155,118,.35);
  outline-offset:3px;
  text-decoration:none !important;
}

#husbil-map-filter .husbil-map-filter-error {
  color:#a94442;
  font-size:12px;
}
#husbil-map-filter .husbil-map-filter-count {
  margin-left:auto;
  padding:5px 10px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(68,106,75,.12);
  font-size:12px;
  font-weight:600;
  white-space:nowrap;
  color:#5a665c;
}

.husbil-destination-map { position:relative; }
.husbil-filtered-map {
  position:absolute;
  inset:0;
  z-index:20;
  background:#dceff3;
}
.husbil-filtered-map-loading {
  position:absolute;
  inset:0;
  z-index:21;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.72);
  font-size:14px;
}
.husbil-map-popup { max-width:300px; font-family:inherit; }
.husbil-map-popup img { display:block; width:100%; max-height:150px; object-fit:cover; margin:0 0 10px; }
.husbil-map-popup-meta { color:#6d8f72; font-size:11px; letter-spacing:.12em; text-transform:uppercase; margin-bottom:4px; }
.husbil-map-popup-title { font-size:19px; font-weight:600; line-height:1.25; margin:0 0 10px; }
.husbil-map-popup-link { display:inline-block; padding:8px 16px; border-radius:20px; background:#789c7c; color:#fff !important; text-decoration:none; }

@media (min-width:960px) {
  #husbil-map-filter { padding-left:24px; padding-right:24px; }
  #husbil-map-filter #husbil-country { min-width:210px; }
  #husbil-map-filter #husbil-region { min-width:210px; }
}

@media (max-width:640px) {
  #husbil-map-filter {
    min-height:50px;
    padding:7px 10px;
    gap:7px;
    flex-wrap:nowrap;
  }
  #husbil-map-filter .husbil-map-filter-title,
  #husbil-map-filter > span:first-child { display:none; }
  #husbil-map-filter select.uk-select,
  #husbil-map-filter select {
    min-width:0;
    width:auto;
    max-width:42vw;
    height:36px;
    padding-left:12px;
    padding-right:30px;
    font-size:13px;
  }
  #husbil-map-filter #husbil-filter-reset { min-height:36px; padding:0 11px; font-size:12px; line-height:34px; }
  #husbil-map-filter .husbil-map-filter-count { display:none; }
}