/* Astro Weather Location Selector v2.0
   Zentrale Darstellung fuer alle Seiten.
*/
.aw-location-selector{
  display:flex;
  align-items:center;
  gap:10px;
  margin:14px 0 18px;
  padding:10px 12px;
  width:max-content;
  max-width:100%;
  background:rgba(16,23,39,.96);
  border:1px solid var(--aw-line, #28364f);
  border-radius:12px;
}

.aw-location-selector label{
  display:block;
  margin:0;
  color:var(--aw-muted, #aab6ca);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  white-space:nowrap;
}

.aw-location-selector select{
  box-sizing:border-box;
  min-width:190px;
  max-width:55vw;
  height:40px;
  margin:0;
  padding:0 36px 0 12px;
  border:1px solid var(--aw-line, #28364f);
  border-radius:9px;
  background-color:var(--aw-panel-2, #182238);
  color:var(--aw-text, #eef3fb);
  font:inherit;
  font-size:14px;
  line-height:40px;
  cursor:pointer;
}

.aw-location-selector select:hover{
  border-color:var(--aw-accent, #77b7ff);
}

.aw-location-selector select:focus{
  outline:2px solid color-mix(in srgb, var(--aw-accent, #77b7ff) 38%, transparent);
  outline-offset:1px;
  border-color:var(--aw-accent, #77b7ff);
}

@media(max-width:560px){
  .aw-location-selector{
    width:100%;
  }

  .aw-location-selector select{
    min-width:0;
    max-width:none;
    flex:1 1 auto;
  }
}