/* ==========================================================================
   PODSTRONA: UBEZPIECZENIA WROCŁAW KRZYKI (2026-10-12)
   Układ 1:1 jak strona Siechnic: strona ładuje css/siechnice.css (okruszki, karty potrzeb,
   lista 5 polis, doradcy, dopisek i zwijana lista pod mapą, blog, nagłówki, responsywność).
   Tu są tylko elementy własne Krzyków: kolory mapy 15 osiedli (podświetlanie przy najechaniu
   obsługuje js/main.js, blok „2b”).
   Tekst: wyjustowany na komputerze, wyśrodkowany na telefonie (próg 768 px).
   ========================================================================== */

/* --- MAPA: osiedla w czterech odcieniach (sąsiedzi różnymi), jak dzielnice na stronie głównej --- */
.ak-kr-map .ak-area-wro-bg {
  fill: #e9edf2;
  stroke: var(--ak-bg-white);
  stroke-width: 1;
}

.ak-kr-dz--c1 .ak-area-os { fill: #dbe9e0; }
.ak-kr-dz--c2 .ak-area-os { fill: #cbdcea; }
.ak-kr-dz--c3 .ak-area-os { fill: #b2d7d4; }
.ak-kr-dz--c4 .ak-area-os { fill: #9fcbcc; }

.ak-kr-obrys {
  fill: none;
  stroke: var(--ak-navy-dark);
  stroke-width: 1.6;
  stroke-opacity: 0.5;
  stroke-linejoin: round;
  pointer-events: none;
}

.ak-kr-map .ak-area-os-label {
  font-size: 13.5px;
  pointer-events: none;
}

.ak-kr-map .ak-area-river--major { stroke-width: 3.5; }
.ak-kr-map .ak-area-river--branch { stroke-width: 2.2; }

.ak-kr-map .ak-area-attrib {
  font-size: 10px;
  paint-order: stroke;
  stroke: rgba(248, 250, 252, 0.9);
  stroke-width: 4px;
  stroke-linejoin: round;
}