/* DeWeKo WeatherWall v1.3.0 - Stacked layout (map -> form -> live) */
.dww-wrap.dww-stack{ 
  display:block; 
  width:100%; 
  max-width:1280px; 
  margin-inline:auto; 
  padding: 8px;
  box-sizing:border-box;
}
.dww-wrap.dww-stack .dww-map{
  width:100%;
  height: var(--dww-map-height, clamp(360px, 62vh, 760px));
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  overflow:hidden;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}
/* Form block (replaces .dww-right) */
.dww-form-wrap{
  margin-top:16px;
  background: #fff;
  color: #1b1f24;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
  padding: 16px;
}
.dww-theme-dark .dww-form-wrap{
  background:#0f1a2e;
  color:#e6eefb;
  border-color: rgba(255,255,255,.06);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
}
/* Reuse existing form field styles from .dww-right .dww-field etc. */
.dww-form-wrap .dww-field{ margin-bottom:10px; }
.dww-form-wrap input[type="text"],
.dww-form-wrap input[type="email"],
.dww-form-wrap input[type="file"],
.dww-form-wrap select,
.dww-form-wrap textarea{
  width:100%;
  border-radius: 10px;
  border:1px solid rgba(0,0,0,.15);
  padding:10px 12px;
  background:#fff;
  color:#1b1f24;
}
.dww-theme-dark .dww-form-wrap input[type="text"],
.dww-theme-dark .dww-form-wrap input[type="email"],
.dww-theme-dark .dww-form-wrap input[type="file"],
.dww-theme-dark .dww-form-wrap select,
.dww-theme-dark .dww-form-wrap textarea{
  background:#0b1222;
  color:#e6eefb;
  border-color: rgba(255,255,255,.12);
}
.dww-form-wrap button[type="submit"]{
  display:inline-flex; align-items:center; gap:8px;
  border:0; border-radius:10px; padding:10px 14px; font-weight:700;
  background:#0b3d91; color:#fff; cursor:pointer;
}
.dww-theme-dark .dww-form-wrap button[type="submit"]{ background:#3d7cff; color:#0b1222; }

/* Live feed */
.dww-wrap.dww-stack #dww-feed{
  margin-top:16px;
  background: #fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:14px;
  padding:12px;
  min-height: 140px;
}
.dww-theme-dark .dww-wrap.dww-stack #dww-feed{ background:#0f1a2e; border-color:rgba(255,255,255,.06); }

/* Legend under feed */
.dww-wrap.dww-stack .dww-legend{
  margin-top:16px;
  background: transparent;
  border:0;
  padding:0;
}

/* Small screens: adjust map height */
@media (max-width: 640px){
  .dww-wrap.dww-stack .dww-map{ height: var(--dww-map-height, 58vh); }
}

/* ===== Search autocomplete ===== */
.dww-locator{ position: relative; }
.dww-autocomplete{
  position:absolute; left:0; right:0; top: calc(100% + 4px);
  background:#fff; color:#1b1f24; border:1px solid rgba(0,0,0,.12);
  border-radius:10px; box-shadow:0 10px 24px rgba(0,0,0,.12);
  z-index:50; display:none; max-height:240px; overflow:auto;
}
.dww-theme-dark .dww-autocomplete{ background:#0f1a2e; color:#e6eefb; border-color:rgba(255,255,255,.12); box-shadow:0 10px 24px rgba(0,0,0,.35); }
.dww-autocomplete.open{ display:block; }
.dww-autocomplete .itm{ padding:10px 12px; cursor:pointer; display:flex; justify-content:space-between; gap:8px; }
.dww-autocomplete .itm:hover{ background: rgba(0,0,0,.04); }
.dww-theme-dark .dww-autocomplete .itm:hover{ background: rgba(255,255,255,.06); }