/* Popup container */
.waw-hava-widget{
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 999999;
  width: 280px;
  max-width: calc(100vw - 32px);
  filter: drop-shadow(0 10px 20px rgba(0,0,0,.25));
}

/* Close button */
.waw-hava-close{
  position:absolute;
  top:-10px;
  right:-10px;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 0;
  cursor: pointer;
  font-size: 18px;
  line-height: 28px;
  background: rgba(0,0,0,.65);
  color: #fff;
}

/* Card */
.waw-hava{
  background:#0b3c5d;
  color:#fff;
  padding:14px 14px 10px;
  border-radius:12px;
  font-family: Arial, sans-serif;
  text-align:center;
}

.waw-hava-baslik{
  font-weight:700;
  font-size:16px;
  margin-bottom:6px;
}

.waw-hava-sicaklik{
  font-size:38px;
  font-weight:800;
  line-height:1.1;
  margin:6px 0;
}

.waw-hava-durum{
  font-size:14px;
  opacity:.95;
  margin-bottom:10px;
}

.waw-hava-mini{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:8px;
  font-size:12px;
  opacity:.95;
  margin-top:10px;
}

.waw-hava-mini span{ display:block; opacity:.8; margin-bottom:2px; }
.waw-hava-mini b{ font-size:13px; }

.waw-hava-arkut{
  margin-top: 12px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,255,255,.10);
  font-size: 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.waw-hava-arkut span{ opacity:.9; }
.waw-hava-arkut b{ font-size: 14px; }

.waw-hava-time{
  margin-top:10px;
  font-size:11px;
  opacity:.75;
}

/* Mobilde daha kompakt */
@media (max-width: 480px){
  .waw-hava-widget{ width: 240px; left: 10px; bottom: 10px; }
  .waw-hava-sicaklik{ font-size: 34px; }
}

/* Admin bar varsa alttan biraz yukarı */
body.admin-bar .waw-hava-widget{ bottom: 48px; }



/* Mini launcher (geri açma balonu) */
.waw-hava-launcher{
  position: fixed;
  left: 18px;
  bottom: 18px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #0b3c5d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  z-index: 999998;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  user-select: none;
}

.waw-hava-launcher:hover{
  transform: scale(1.05);
}

/* Admin bar varsa yukarı al */
body.admin-bar .waw-hava-launcher{
  bottom: 56px;
}