/* Mapy z ileminut.pl w barwach portalu buslo.pl (theme.css, wariant B „Encyklopedia taboru”).
   Wczytywany po stylach samej mapy (site/analyses.js mapHtml). Zmienia tylko wyglad paneli:
   papier, kreski, granat i czerwien portalu, szeryfowe tytuly. Kolory danych (legendy, skale, warstwy) bez zmian. */
:root {
  --surface: rgba(255, 253, 248, 0.94);
  --surface-solid: #fffdf8;
  --ink: #2a251d;
  --ink-muted: #7a6f5d;
  --border: #ddd3bf;
  --radius: 2px;
  --shadow: 0 2px 10px rgba(42, 37, 29, 0.14);
  --accent: #2f4a6b;
  --b-head: "Iowan Old Style", Charter, Georgia, "Times New Roman", serif;
  --b-ui: system-ui, -apple-system, "Segoe UI", sans-serif;
}
html, body { font-family: var(--b-ui); color: var(--ink); }

/* Panel boczny i wyszukiwarka */
#panel, #geocoder-box { backdrop-filter: none; -webkit-backdrop-filter: none; border: 1px solid #c5b89e; }
#panel-header .title, .popup-title { font-family: var(--b-head); font-size: 1.1rem; color: #1d1a16; letter-spacing: 0; }
#panel-header .subtitle, .section-title { color: var(--ink-muted); }
.section-title { letter-spacing: 0.04em; }

/* Karta z wynikiem: zamiast niebieskiego gradientu papier z kreska jak .panel na stronie */
.headline-card { background: #f7f3ea; border: 1px solid #ddd3bf; border-top: 3px solid var(--accent); border-radius: 2px; }
.headline { font-family: var(--b-head); font-weight: 700; color: var(--accent); letter-spacing: 0; }
.headline-gap { color: #9b2c1f; }

/* Zakladki trybu (Pieszo, Rower, Auto) jak zakladki kategorii portalu */
#mode-tabs.tabs ul { background: #efe8d9; border-radius: 2px; }
#mode-tabs.tabs li a { border-radius: 2px; color: #4a4236; }
#mode-tabs.tabs li.is-active a { background: #fffdf8; color: #9b2c1f; box-shadow: inset 0 -2px 0 #9b2c1f; }

/* Linki, pola, przyciski Bulmy */
a, .nav-link, .rank-list .rval:hover { color: #9b2c1f; }
a:hover { color: #6e1d14; }
.input, .button, .select select, .textarea { border-radius: 2px; border-color: #c5b89e; box-shadow: none; font-family: var(--b-ui); }
.input:focus, #geocoder-box .input:focus { border-color: #2f4a6b; box-shadow: 0 0 0 2px rgba(47, 74, 107, 0.18); }
.button.is-primary, .button.is-link, .button.is-info { background: #9b2c1f; border-color: #9b2c1f; color: #fffdf8; }
.tag:not(body) { border-radius: 2px; }
.toggle-row input { accent-color: var(--accent); }
.rank-list li:hover, #geocoder-results .geo-item:hover { background: #f7f3ea; }
#panel-body::-webkit-scrollbar-thumb, #geocoder-results::-webkit-scrollbar-thumb { background: #c5b89e; }

/* Dymki na mapie */
.maplibregl-popup-content { border-radius: 2px; border: 1px solid #c5b89e; box-shadow: 0 2px 10px rgba(42, 37, 29, 0.16); font-family: var(--b-ui); color: var(--ink); }

/* Izochrony: panel Bulmy obok mapy (inny uklad niz reszta map). Zakladki trybu jak wyzej (#mode-tabs). */
body[data-map="izochrony-dojazdu"] #panel { background: #fffdf8; border: 0; border-right: 1px solid #ddd3bf; }
body[data-map="izochrony-dojazdu"] .tabs.is-toggle li a { border-color: #ddd3bf; }
body[data-map="izochrony-dojazdu"] .tabs.is-toggle.is-toggle-rounded li a { border-radius: 2px; }
body[data-map="izochrony-dojazdu"] #minute-buttons .button { border-radius: 0; background: #fffdf8; color: #4a4236; border-color: #c5b89e; }
body[data-map="izochrony-dojazdu"] #minute-buttons .button.is-link { background: #9b2c1f; border-color: #9b2c1f; color: #fffdf8; }
body[data-map="izochrony-dojazdu"] .panel { border-radius: 2px; box-shadow: none; border: 1px solid #ddd3bf; background: #fffdf8; }
body[data-map="izochrony-dojazdu"] .panel-heading { border-radius: 0; background: #f7f3ea; color: #1d1a16; border-top: 3px solid #2f4a6b; border-bottom: 1px solid #ddd3bf;
  font-family: var(--b-head); font-weight: 700; font-size: 1.05rem; padding: 0.7rem 1rem; }
body[data-map="izochrony-dojazdu"] .panel-block { border-color: #ece4d3; color: #2a251d; }
body[data-map="izochrony-dojazdu"] .panel-block.is-active { border-left-color: #9b2c1f; color: #1d1a16; }
body[data-map="izochrony-dojazdu"] .panel-block:hover { background: #f7f3ea; }