/* GdzieZabawa — /mapa w palecie „Premium C” (Sternik 2.10.2026, audyt design systemu).
   Mapa ładuje stary app.css (niebieski #1859c9, pomarańcz #ff6508). Tu TYLKO kolory i akcenty —
   układ, promienie i Leaflet bez zmian. Wartości tokenów = :root z subpage-premium.css.
   Drobne poprawki wydawaj szybką ścieżką: szybki-deploy.bat --files public/assets/map-premium.css.
   Zieleń = przyciski i stany aktywne, bursztyn = wyłącznie akcent (wybrana karta/pinezka). */
body.is-map{
  --canvas:#f2f3ef;--surface:#fff;--surface-2:#e8ebe4;--ink:#16231f;--muted:#52655e;--line:#d5ddd6;
  --brand:#176b52;--brand-dark:#0f4f3c;--brand-soft:#e5efe9;
  --signal:#b0660f;--signal-bright:#d98b22;--signal-soft:#fbf1e2;
  --focus:#176b52;--nav-muted:#52655e;--placeholder:#5f716a;
  --shadow-sm:0 2px 10px rgba(22,35,31,.06);--shadow-panel:0 10px 28px rgba(22,35,31,.08);
  background:#f2f3ef;color:#16231f
}

/* Główne akcje: zieleń marki zamiast pomarańczu (jak przyciski na reszcie strony). */
body.is-map .search-submit,
body.is-map .control--signal,
body.is-map .consent button:not(.ghost),
body.is-map .filter-reset[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
body.is-map .search-submit:hover,
body.is-map .control--signal:hover,
body.is-map .consent button:not(.ghost):hover{border-color:var(--brand-dark);background:var(--brand-dark)}
body.is-map .filter-option--date[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
body.is-map .filter-option[aria-pressed="true"] .option-check{border-color:var(--brand);background:var(--brand)}
body.is-map .radius-control .radius{accent-color:var(--brand)}
body.is-map .filter-kicker,
body.is-map .eyebrow{color:var(--brand)}
body.is-map .topbar-action[aria-pressed="true"]{border-color:color-mix(in srgb,var(--signal-bright) 45%,var(--line))}

/* Bursztyn jako akcent: wybrana karta wydarzenia. */
body.is-map .event-card.is-selected{border-color:color-mix(in srgb,var(--signal-bright) 55%,var(--line));box-shadow:inset 3px 0 0 var(--signal-bright),0 3px 12px rgba(22,35,31,.08)}

/* Neutralne odcienie: z granatowo-szarych na mineralne. */
body.is-map .filter-option{color:#3f524b}
body.is-map .option-check{border-color:#b9c6bd}
body.is-map .benefit-item strong{color:#2c3d37}
body.is-map .map-status{background:rgba(22,35,31,.92)}
body.is-map .event-search{box-shadow:0 2px 9px rgba(22,35,31,.08)}
body.is-map .topbar-action{box-shadow:0 2px 7px rgba(22,35,31,.06)}
body.is-map .event-card{box-shadow:0 2px 8px rgba(22,35,31,.07)}
body.is-map .event-card:hover{border-color:#c9d4cc;box-shadow:0 6px 15px rgba(22,35,31,.10)}
body.is-map .feed-scroll,body.is-map .filter-panel{scrollbar-color:#b9c6bd transparent}

@media (max-width:840px){
  body.is-map .app-topbar{box-shadow:0 2px 12px rgba(22,35,31,.08)}
  body.is-map .filter-panel{box-shadow:0 3px 12px rgba(22,35,31,.09)}
  body.is-map .feed-panel{box-shadow:0 -5px 24px rgba(22,35,31,.15)}
  body.is-map .mobile-nav{box-shadow:0 -3px 12px rgba(22,35,31,.07)}
  body.is-map .mobile-nav a.is-active,
  body.is-map .mobile-nav button[aria-pressed="true"]{color:var(--brand)}
  body.is-map .sheet-handle > span{background:#c9d4cc}
  body.is-map .filters-backdrop{background:rgba(22,35,31,.42)}
}