/* ==========================================================================
   Bolu Yönetim – Draft D adaptation of the map module (light layer)
   Hand-maintained file: notlar/araclar/kaynak-d/assets/css/harita-d.css
   (tasarim_d.py only copies it; loaded only on the home page and İletişim).
   The module's own styles: harita/assets/harita.css (left untouched).
   - Home page section on a light (white) background; text and counters in the guide's dark gold #8E5C10.
   - The map card is a dark island (#141414) everywhere: the original dark variables return inside the card.
   ========================================================================== */

/* Map card: dark island (also inside a light body) */
.d .bh-kart {
  --d-bg: #141414; --d-yuzey: #191817; --d-altin: #e9c25a; --d-antik: #b8862b; --d-beyaz: #ffffff;
  --d-metin: #d9d4c9; --d-soluk: #a39d91; --d-kil: rgba(184, 134, 43, 0.34); --d-kil-gri: rgba(255, 255, 255, 0.09);
  color: #d9d4c9;
}
.d .bh-kart :focus-visible { outline-color: #e9c25a; }

/* Home page: "Bolu'da hizmet verdiğimiz binalar" – light background */
.d .d-harita {
  --d-bg: #ffffff; --d-yuzey: #f7f4ee; --d-altin: #8e5c10; --d-antik: #8e5c10; --d-beyaz: #141414;
  --d-metin: #2f2b26; --d-soluk: #5c564d; --d-kil: rgba(142, 92, 16, 0.32); --d-kil-gri: rgba(20, 20, 20, 0.1);
  background: #ffffff;
  color: #2f2b26;
  padding-block: clamp(5rem, 10vw, 8.5rem);
}
.d-harita .bh__bas h2 { margin: 0; }
.d-harita .bh-kart { box-shadow: 0 18px 40px rgba(20, 20, 20, 0.14); }
/* counter icons (harita.js draws them with dark-background colours): dark gold on light background */
.d-harita .bh-sayac__ad svg circle, .d-harita .bh-sayac__ad svg path { stroke: #8e5c10; }
.d-harita .bh-liste summary:hover, .d-harita .bh-liste summary:focus-visible { color: #8e5c10; }
.d-harita :focus-visible { outline-color: #8e5c10; }
.d-harita__ofis { margin-top: 0.35rem; }

/* İletişim: "Haritada görün" box – small office-focused map */
.by-harita--canli { padding: 1.25rem; }
.by-harita--canli .bh-kart { margin: 0.25rem 0 1rem; }
.by-harita--canli .bh-kart p { color: inherit; }
.by-harita--canli .bh-kart .bh-atif { color: #bdb6a9; }
.by-harita--canli > p { margin: 0 0 0.6rem; }
@media (max-width: 640px) {
  .by-harita--canli { padding: 1rem; }
}