/* DeWeKo WeatherWall v1.2.2 */
.dww-wrap{
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 16px;
  align-items: start;
  min-height: var(--dww-height, 700px);
}
@media (max-width: 1100px){
  .dww-wrap{ grid-template-columns: 1fr; }
}
.dww-map{ width: 100%; height: var(--dww-height, 700px); border-radius: 12px; overflow: hidden; box-shadow: 0 4px 14px rgba(0,0,0,.08); }

.dww-right{
  background: #fff;
  color: #1b1f24;
  border-radius: 12px;
  padding: 16px;
  box-shadow: 0 4px 14px rgba(0,0,0,.12);
  border: 1px solid rgba(0,0,0,.06);
}
.dww-theme-dark .dww-right{ background: #0b1320; color: #fff; border-color: rgba(255,255,255,.12); }
.dww-theme-auto .dww-right{ background: var(--wp--preset--color--base, #fff); color: var(--wp--preset--color--contrast, #1b1f24); }

.dww-right h3{ margin-top: 0; }
.dww-field{ margin-bottom: 12px; }
.dww-radio label{ margin-right: 16px; }
.dww-grid2{ display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }

.dww-field input[type="text"],
.dww-field input[type="email"],
.dww-field input[type="file"],
.dww-field select{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.15);
  background: #fff;
  color: inherit;
}
.dww-theme-dark .dww-field input,
.dww-theme-dark .dww-field select{
  background: rgba(255,255,255,.06);
  color: #fff;
  border-color: rgba(255,255,255,.2);
}
.dww-field .dww-hint{ margin: 4px 0 8px; font-size: 12px; opacity:.85; }
.dww-btn{
  background: #ff7f50;
  color: #fff;
  padding: 10px 14px;
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  font-weight: 700;
}
.dww-note{ font-size: 12px; opacity:.85; }
.dww-msg{ margin-top: 10px; padding: 8px 10px; border-radius: 8px; font-size: 14px; display:inline-block; }
.dww-msg.ok{ background: rgba(46, 204, 113,.12); color: #2ecc71; }
.dww-msg.error{ background: rgba(231,76,60,.12); color: #e74c3c; }

.dww-divicon{
  display:flex; align-items:center; justify-content:center;
  border-radius: 50%; width:40px; height:40px;
  background:#fff; border: 3px solid #1b1f24;
  box-shadow: 0 1px 6px rgba(0,0,0,.25);
}
.dww-divicon.level-yellow{ border-color:#f1c40f; }
.dww-divicon.level-orange{ border-color:#e67e22; }
.dww-divicon.level-red{ border-color:#e74c3c; }
.dww-emoji{ font-size: 22px; line-height: 1; }

.dww-popup{ max-width: 260px; }
.dww-small{ font-size: 12px; opacity:.8; }
.dww-badge{ display:inline-block; padding:3px 8px; border-radius:999px; font-size:12px; margin-bottom:6px; background:#eef1f7; color:#1b1f24; }
.dww-badge.level-yellow{ background:#fff6cc; }
.dww-badge.level-orange{ background:#ffe1c6; }
.dww-badge.level-red{ background:#ffd6d6; }

.dww-legend{ margin-top: 16px; }
.dww-legend ul{ list-style: none; padding: 0; margin: 0; display:grid; grid-template-columns: 1fr 1fr; gap: 6px 12px; }
.dww-legend li{ font-size:14px; }
.dww-level-legend{ margin-top:8px; display:flex; gap:8px; align-items:center; }
.lv{ display:inline-flex; align-items:center; gap:6px; padding:3px 8px; border-radius:999px; font-size:12px; border:1px solid rgba(0,0,0,.15); }
.lv-yellow{ background:#fff6cc; }
.lv-orange{ background:#ffe1c6; }
.lv-red{ background:#ffd6d6; }


/* Mobile bottom sheet UI */
@media (max-width: 900px){
  .dww-wrap { display:block; }
  .dww-map { height: 75vh; border-radius: 0; }
  .dww-right {
    position: fixed; left:0; right:0; bottom:0;
    max-height: 65vh; overflow:auto; padding-bottom: env(safe-area-inset-bottom, 16px);
    border-top-left-radius:16px; border-top-right-radius:16px;
    box-shadow: 0 -6px 24px rgba(0,0,0,.25);
  }
}

/* Live feed grid */
.dww-feed{
  display:grid; gap:12px; margin-top:16px;
  grid-template-columns: repeat(3, minmax(0,1fr));
  max-height: calc((110px + 12px) * 4);
  overflow:auto; padding-right:4px;
}
@media (max-width:1024px){ .dww-feed{ grid-template-columns: repeat(2, minmax(0,1fr)); max-height:none; } }
@media (max-width:640px){ .dww-feed{ grid-template-columns: 1fr; } }
.dww-card{ border-radius:12px; padding:12px 14px; box-shadow:0 6px 20px rgba(0,0,0,.06); display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center; background:#fff; min-height:110px; }
.dww-theme-dark .dww-card{ background:#0f1a2e; box-shadow:0 6px 20px rgba(0,0,0,.35); }
.dww-card .thumb{ width:64px; height:64px; border-radius:10px; object-fit:cover; }
.dww-card .emoji{ font-size:28px; width:64px; height:64px; display:flex; align-items:center; justify-content:center; border-radius:10px; background:#f4f6f8; }
.dww-theme-dark .dww-card .emoji{ background:#111a2a; }
.dww-card .meta{ font-size:.92rem; line-height:1.25; }
.dww-badges{ display:flex; flex-wrap:wrap; gap:6px; margin:.25rem 0 .35rem; }
.dww-badge{ display:inline-flex; align-items:center; gap:6px; border-radius:999px; padding:4px 8px; font-size:.78rem; font-weight:600; }
.dww-badge.haz{ background:#eef5ff; color:#0b3d91; }
.dww-badge.lvl-yellow{ background:#fff7cc; color:#856100; }
.dww-badge.lvl-orange{ background:#ffe0bf; color:#7a3b00; }
.dww-badge.lvl-red{ background:#ffd6de; color:#7a0014; }
.dww-lvl-yellow{ border-left:6px solid #ffd400; }
.dww-lvl-orange{ border-left:6px solid #ff8c00; }
.dww-lvl-red{ border-left:6px solid #e0002a; }