/* Astro Weather UI Controls v1.3
   Gemeinsame Formular- und Button-Sprache.
   Seiten binden diese Datei nach ihren komponentenspezifischen CSS-Dateien ein.
*/

:root{
  --aw-control-bg:var(--aw-panel-2,#182238);
  --aw-control-border:var(--aw-line,#28364f);
  --aw-control-border-focus:var(--aw-accent,#77b7ff);
  --aw-control-text:var(--aw-text,#eef3fb);
  --aw-control-muted:var(--aw-muted,#aab6ca);
  --aw-control-primary:#1e3558;
  --aw-control-primary-hover:#284875;
}

/* Opt-in: nur Formulare mit .aw-controls werden vereinheitlicht. */
.aw-controls input:not([type]),
.aw-controls input[type="text"],
.aw-controls input[type="password"],
.aw-controls input[type="search"],
.aw-controls input[type="number"],
.aw-controls input[type="date"],
.aw-controls input[type="time"],
.aw-controls select,
.aw-controls textarea{
  box-sizing:border-box;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 11px;
  border:1px solid var(--aw-control-border);
  border-radius:9px;
  background:var(--aw-control-bg);
  color:var(--aw-control-text);
  font:inherit;
  font-size:12px;
  line-height:34px;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}


.aw-controls textarea{
  height:auto;
  min-height:80px;
  padding:9px 11px;
  line-height:1.45;
  resize:vertical;
}

.aw-controls input[type="search"]{
  appearance:none;
  -webkit-appearance:none;
}
.aw-controls input[type="search"]::-webkit-search-cancel-button{
  opacity:.65;
  cursor:pointer;
}

.aw-controls input[type="date"]{
  min-width:126px;
  color-scheme:dark;
}

.aw-controls input[type="number"]{
  appearance:textfield;
  -moz-appearance:textfield;
}
.aw-controls input[type="number"]::-webkit-inner-spin-button,
.aw-controls input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance:none;
  margin:0;
}

.aw-controls input::placeholder{
  color:var(--aw-control-muted);
  opacity:.65;
}

.aw-controls input:focus,
.aw-controls select:focus,
.aw-controls textarea:focus{
  border-color:var(--aw-control-border-focus);
  box-shadow:0 0 0 2px rgba(119,183,255,.12);
}

.aw-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:36px;
  min-height:36px;
  margin:0;
  padding:0 12px;
  border:1px solid var(--aw-control-border);
  border-radius:9px;
  font:inherit;
  font-size:12px;
  font-weight:750;
  line-height:1;
  text-decoration:none !important;
  white-space:nowrap;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}

.aw-btn-primary{
  background:var(--aw-control-primary);
  border-color:var(--aw-line-strong,var(--aw-control-border));
  color:#fff;
}
.aw-btn-primary:hover{
  background:var(--aw-control-primary-hover);
  border-color:var(--aw-control-border-focus);
}

.aw-btn-secondary{
  background:var(--aw-control-bg);
  color:var(--aw-control-text);
}
.aw-btn-secondary:hover{
  background:#1d2a43;
  border-color:var(--aw-control-border-focus);
}

.aw-btn:hover{transform:translateY(-1px)}
.aw-btn:focus-visible{
  outline:2px solid var(--aw-control-border-focus);
  outline-offset:2px;
}

@media(max-width:560px){
  .aw-controls input:not([type]),
  .aw-controls input[type="text"],
  .aw-controls input[type="password"],
  .aw-controls input[type="search"],
  .aw-controls input[type="number"],
  .aw-controls input[type="date"],
  .aw-controls input[type="time"],
  .aw-controls select,
  .aw-controls textarea,
  .aw-btn{
    min-height:38px;
  }
}

/* Submit-Buttons in horizontal filter rows align with the bottom edge of fields. */
.filters > .aw-btn{
  align-self:flex-end;
}