/* MyWeatha v80 — persistent compact location tabs above every weather card. */
#home > #waHomePlaces {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding: max(56px, calc(env(safe-area-inset-top, 0px) + 10px)) 15px 0!important;
  position:relative;
  z-index:2;
}
body.wa-edit-mode #home > #waHomePlaces {display:block!important;}
#home > #waHomePlaces .wa-home-places-rail {
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center;
  gap:8px;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 0 2px!important;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x;
}
#home > #waHomePlaces .wa-home-places-rail::-webkit-scrollbar {display:none;}
#home > #waHomePlaces .wa-home-place {
  display:inline-flex;
  flex:0 0 auto!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0!important;
  max-width:min(64vw,210px);
  min-height:40px;
  padding:9px 15px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--wa-ink,#fff) 24%,transparent)!important;
  background:color-mix(in srgb,var(--wa-card,#102c4d) 90%,transparent)!important;
  color:var(--wa-ink,#fff)!important;
  box-shadow:0 3px 11px rgba(0,0,0,.12)!important;
  font-size:12px;
  font-weight:690;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  scroll-snap-align:start;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .18s, background .18s, box-shadow .18s;
}
#home > #waHomePlaces .wa-home-place:not(.wa-home-place-add)::before {
  content:"";
  display:inline-block;
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wa-sub,#9cbcd4);
}
#home > #waHomePlaces .wa-home-place.selected {
  border-color:var(--wa-p,#6dccf3)!important;
  background:linear-gradient(120deg,
    color-mix(in srgb,var(--wa-p,#6dccf3) 25%,var(--wa-card,#102c4d)),
    color-mix(in srgb,var(--wa-s,#826ae6) 15%,var(--wa-card,#102c4d)))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--wa-p,#6dccf3) 20%,transparent),0 4px 13px rgba(0,0,0,.12)!important;
}
#home > #waHomePlaces .wa-home-place.selected::before {background:var(--wa-p,#6dccf3);}
#home > #waHomePlaces .wa-home-place-add {
  border-style:dashed!important;
  font-weight:650;
  opacity:.87;
}
#home > #waHomePlaces .wa-home-place:focus-visible {
  outline:2px solid var(--wa-p,#6dccf3);
  outline-offset:2px;
}
/* The switcher owns the safe-area spacing previously attached to the hero. */
#home #waHomePlaces + .content > .mast {margin-top:0!important;}
@media(max-width:520px) {
  #home > #waHomePlaces {padding-left:var(--wa-mobile-gutter,13px)!important;padding-right:var(--wa-mobile-gutter,13px)!important;}
}
@media(orientation:landscape) and (max-height:520px) {
  #home > #waHomePlaces {padding-top:max(24px,calc(env(safe-area-inset-top,0px) + 8px))!important;}
}
@media(prefers-reduced-motion:reduce) {
  #home > #waHomePlaces .wa-home-place {transition:none;}
}