/* NMRON.PL 49.7.7 | Transport Region • premium transparentne panele.
   Wszystko jest ograniczone do /transport/.
   Nie zmienia mapy MapLibre/Leaflet, rozkladu, API ani klikniec. */
html.nmr4977-transport-page { background: #e3edf7 !important; isolation: isolate; }
html.nmr4977-transport-page::before {
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  height:100vh !important;
  height:100dvh !important;
  z-index:0 !important;
  pointer-events:none !important;
  background-color:#dbeaf5 !important;
  background-image:
    linear-gradient(180deg,rgba(239,248,255,.20) 0%,rgba(237,246,255,.10) 28%,rgba(230,241,251,.13) 66%,rgba(232,243,251,.29) 100%),
    url('/nmron-transport-premium-4977/transport-mazury.webp?v=49.7.7') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important;
}
html.nmr4977-transport-page body {
  position:relative !important;
  z-index:1 !important;
  background:transparent !important;
  background-image:none !important;
  min-height:100vh;
}
html.nmr4977-transport-page body::before {content:none!important;display:none!important;}
/* Tylko kontener zewnetrzny. Nigdy kontenery mapy lub kafelki mapowe. */
html.nmr4977-transport-page body :is(.site-main,main.site-main),
html.nmr4977-transport-page body .nmr4977-transport-outer {
  background-color:transparent !important;
  background-image:none !important;
}
/* Jedyny panel hero: przezroczysta szyba zamiast nieprzezroczystego tla */
html.nmr4977-transport-page body .nmr4977-transport-hero {
  position:relative !important;
  isolation:isolate;
  background:linear-gradient(110deg,rgba(249,253,255,.63),rgba(241,249,255,.49) 47%,rgba(237,248,255,.33)) !important;
  border:1px solid rgba(255,255,255,.77) !important;
  border-radius:clamp(22px,2.1vw,32px) !important;
  box-shadow:0 24px 66px rgba(16,57,96,.15),inset 0 1px rgba(255,255,255,.68) !important;
  backdrop-filter:blur(11px) saturate(130%);
  -webkit-backdrop-filter:blur(11px) saturate(130%);
  overflow:visible !important;
}
/* Nie nakladamy pseudo-elementu ponad klikanymi kontrolkami. */
html.nmr4977-transport-page body .nmr4977-transport-hero h1,
html.nmr4977-transport-page body .nmr4977-transport-hero h2 {
  color:#102f58 !important;
  text-shadow:0 2px 10px rgba(255,255,255,.77) !important;
  letter-spacing:-.035em;
}
html.nmr4977-transport-page body .nmr4977-transport-hero :is(p,small) {
  color:#294b6b !important;
  text-shadow:0 1px 5px rgba(255,255,255,.62);
}
html.nmr4977-transport-page body .nmr4977-transport-hero :is(a,button,input,select) {
  position:relative;
  z-index:1;
}
/* 4 kafelki metryk: BUS LIVE / przystanki / linie / aktualizacja */
html.nmr4977-transport-page body .nmr4977-transport-stat {
  background:rgba(251,253,255,.83) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.82) !important;
  box-shadow:0 14px 40px rgba(17,57,103,.11) !important;
  backdrop-filter:blur(10px) saturate(126%) !important;
  -webkit-backdrop-filter:blur(10px) saturate(126%) !important;
  border-radius:clamp(14px,1.35vw,22px) !important;
}
/* Mapa i panel przystanku: szklo na zewnatrz, bez modyfikowania samej mapy */
html.nmr4977-transport-page body .nmr4977-transport-panel {
  background:rgba(250,253,255,.90) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.85) !important;
  box-shadow:0 16px 42px rgba(17,57,103,.12) !important;
  backdrop-filter:blur(9px) saturate(119%) !important;
  -webkit-backdrop-filter:blur(9px) saturate(119%) !important;
  border-radius:clamp(18px,1.6vw,24px) !important;
}
html.nmr4977-transport-page body .nmr4977-transport-panel :is(.leaflet-container,.maplibregl-map,.mapboxgl-map),
html.nmr4977-transport-page body .nmr4977-transport-panel :is(.leaflet-pane,.maplibregl-canvas,.mapboxgl-canvas) {
  background:initial;
  filter:none !important;
  backdrop-filter:none !important;
  opacity:1 !important;
}
/* Po prawej stronie hero aktualna karta LIVE */
html.nmr4977-transport-page body .nmr4977-transport-side {
  background:rgba(243,250,255,.76) !important;
  border:1px solid rgba(255,255,255,.84) !important;
  box-shadow:0 18px 48px rgba(17,57,103,.12) !important;
  backdrop-filter:blur(13px) saturate(124%) !important;
  -webkit-backdrop-filter:blur(13px) saturate(124%) !important;
}
/* Nie wygaszamy podstawowych elementow sterowania */
html.nmr4977-transport-page body .nmr4977-transport-panel :is(input,select,textarea),
html.nmr4977-transport-page body .nmr4977-transport-hero :is(input,select,textarea) {
  background:rgba(255,255,255,.95) !important;
  color:#112f53 !important;
}
@media(max-width:860px) {
  html.nmr4977-transport-page::before {
    background-position:42% center !important;
    background-image:linear-gradient(180deg,rgba(249,253,255,.28),rgba(237,247,255,.18) 55%,rgba(235,246,255,.26)),url('/nmron-transport-premium-4977/transport-mazury.webp?v=49.7.7') !important;
  }
  html.nmr4977-transport-page body .nmr4977-transport-hero {
    background:rgba(250,253,255,.76) !important;
    backdrop-filter:blur(12px) saturate(120%);
    -webkit-backdrop-filter:blur(12px) saturate(120%);
  }
  html.nmr4977-transport-page body .nmr4977-transport-stat,
  html.nmr4977-transport-page body .nmr4977-transport-panel {
    background:rgba(253,254,255,.92) !important;
  }
}
@media(prefers-reduced-transparency:reduce) {
 html.nmr4977-transport-page body .nmr4977-transport-hero,
 html.nmr4977-transport-page body .nmr4977-transport-stat,
 html.nmr4977-transport-page body .nmr4977-transport-panel {
   background:rgba(253,254,255,.95) !important;
 }
}
html.nmr4977-transport-page[data-theme="dark"]::before,
html.nmr4977-transport-page.dark::before {
 background-image:linear-gradient(180deg,rgba(8,19,38,.49),rgba(7,20,40,.62)),url('/nmron-transport-premium-4977/transport-mazury.webp?v=49.7.7') !important;
}