/* Weather Tracker v3 styles */

#map {
  border: 1px solid #333;
  border-radius: 8px;
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
}

/* Cards */
.card { background-color: #121417; border: 1px solid #272b30; color: #eee; font-size: 0.9rem; }
.card-header { background-color: #1c1f25; color: #fff; font-weight: 600; font-size: 0.95rem; }
.card-body { background-color: #181b20; }

/* Links */
a.d-block { color: #66b0ff; }
a.d-block:hover { text-decoration: underline; color: #99ccff; }

/* Toggles */
input[type=checkbox] { transform: scale(1.2); }

/* Pre blocks */
pre { color: #ccc; background-color: #0d0f12; padding: 6px 8px; border-radius: 4px; white-space: pre-wrap; }

/* Emergency button spacing */
#wt-emergency-btn { margin-left: 8px; }

/* Leaflet layer control readability */
.leaflet-control-layers-expanded { background: #0d0f12; color: #eaeaea; border: 1px solid #2a2f36; }
.leaflet-control-layers-overlays label { color: #ddd; }

/* Responsive */
@media (max-width: 768px) {
  #map { height: 400px; }
  .card { font-size: 0.85rem; }
}

/* Weather overlay blending */
.wt-layer img {
  filter: saturate(1.3) contrast(1.2);
}
.wt-multiply img { mix-blend-mode: multiply; }
.wt-screen img { mix-blend-mode: screen; }

 /* makes radar tiles a tad crisper and clearly on top */
  .rv-radar img {
    image-rendering: auto;
    mix-blend-mode: normal; /* safe default */
  }
  /* dim OSM slightly so radar pops; tweak to taste */
  .leaflet-tile-pane img.leaflet-tile {
    filter: brightness(0.92);
  }