/* NMRON 49.8.4 | Trzy nieruchome, tematyczne tapety.
   Nie ingeruje w JS formularzy, terminarzy, galerii ani menu. */
html.nmr4984-galeria,
html.nmr4984-odpady,
html.nmr4984-wiecej {
  background-color: #eaf3fb !important;
  isolation: isolate;
}
html.nmr4984-galeria::before,
html.nmr4984-odpady::before,
html.nmr4984-wiecej::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-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: cover !important;
  opacity: 1 !important;
}
/* Galeria: woda, molo i żaglówki, wyraźny obraz pod szklanymi kartami. */
html.nmr4984-galeria::before {
  background-image:
    linear-gradient(180deg,rgba(249,253,255,.54),rgba(239,247,255,.34) 40%,rgba(230,243,251,.47)),
    url('/nmron-wallpapers-4984/galeria.webp?v=49.8.4') !important;
}
/* Odpady: ekologiczna scena, mocniejsza zasłona pod ważnymi terminami. */
html.nmr4984-odpady::before {
  background-image:
    linear-gradient(180deg,rgba(250,255,252,.72),rgba(246,254,250,.52) 40%,rgba(232,245,240,.67)),
    url('/nmron-wallpapers-4984/odpady.webp?v=49.8.4') !important;
}
/* Więcej: panorama regionu i kolejne działy portalu. */
html.nmr4984-wiecej::before {
  background-image:
    linear-gradient(180deg,rgba(249,253,255,.58),rgba(244,250,255,.35) 42%,rgba(230,242,250,.53)),
    url('/nmron-wallpapers-4984/wiecej.webp?v=49.8.4') !important;
}
/* Jeden obraz przypięty do okna, a treść przesuwa się normalnie. */
html.nmr4984-galeria body,
html.nmr4984-odpady body,
html.nmr4984-wiecej body {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-image: none !important;
}
html.nmr4984-galeria body::before,
html.nmr4984-odpady body::before,
html.nmr4984-wiecej body::before {
  content: none !important;
  display: none !important;
}
/* Duże obszary podstrony mają pokazać jeden ciągły krajobraz.
   Nie dotykamy samych kontrolek ani zdjęć w galerii. */
html.nmr4984-galeria body :is(main, .site-main, .gallery-page, .galeria-page, .gallery-shell, .gallery-layout, .page-layout, .page-content, .page-shell),
html.nmr4984-odpady body :is(main, .site-main, .waste-page, .odpady-page, .waste-shell, .waste-layout, .page-layout, .page-content, .page-shell),
html.nmr4984-wiecej body :is(main, .site-main, .wiecej-page, .more-page, .portal-directory, .all-sections-page, .all-departments, .page-layout, .page-content, .page-shell) {
  background-color: transparent !important;
  background-image: none !important;
}
/* Warstwy sekcji. Kolory pozostają jasne, ale nie zasłaniają całej tapety. */
html.nmr4984-galeria body :is(.gallery-hero, .galeria-hero, .gallery-banner, .photo-hero, .page-hero, .directory-hero, [data-nmron-gallery-hero]),
html.nmr4984-wiecej body :is(.more-hero, .wiecej-hero, .directory-hero, .portal-hero, .page-hero, .sections-hero) {
  background: linear-gradient(120deg,rgba(251,254,255,.72),rgba(244,250,255,.48) 55%,rgba(250,253,255,.22)) !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 18px 55px rgba(21,63,100,.12) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
}
html.nmr4984-odpady body :is(.waste-hero, .odpady-hero, .page-hero, .waste-dashboard, .waste-summary, .directory-hero, [data-nmron-waste-hero]) {
  background: linear-gradient(120deg,rgba(255,255,255,.89),rgba(249,255,252,.78) 58%,rgba(248,253,249,.60)) !important;
  border: 1px solid rgba(255,255,255,.81) !important;
  box-shadow: 0 18px 52px rgba(21,72,56,.10) !important;
  backdrop-filter: blur(14px) saturate(116%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(116%) !important;
}
/* Karty tematyczne, ale bez uogólnienia do wszystkich .card: to zepsuło nagłówek Atrakcji. */
html.nmr4984-galeria body :is(.gallery-card, .photo-card, .album-card, .gallery-tile, .photo-tile, .gallery-toolbar, .gallery-filters, .gallery-search),
html.nmr4984-wiecej body :is(.more-card, .section-card, .portal-card, .section-tile, .more-tile, .directory-card, .all-sections-card, .more-search) {
  background: rgba(252,254,255,.82) !important;
  border: 1px solid rgba(255,255,255,.83) !important;
  box-shadow: 0 12px 38px rgba(24,66,104,.11) !important;
  backdrop-filter: blur(12px) saturate(125%) !important;
  -webkit-backdrop-filter: blur(12px) saturate(125%) !important;
}
/* Harmonogramy i formularze odbioru odpadów wymagają wysokiego kontrastu. */
html.nmr4984-odpady body :is(.waste-card, .waste-calendar, .waste-form, .waste-panel,
.waste-address, .waste-schedule, .waste-controls, .waste-toolbar,
.waste-results, .collection-card, .schedule-card, .address-card,
.pickup-card, .waste-notification-settings, .waste-list) {
  background: rgba(255,255,255,.92) !important;
  border: 1px solid rgba(239,250,244,.98) !important;
  box-shadow: 0 12px 38px rgba(19,77,58,.09) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}
/* Zwiększamy kontrast pól, bez zmiany ich działania. */
html.nmr4984-odpady body :is(input, select, textarea),
html.nmr4984-galeria body :is(input, select, textarea),
html.nmr4984-wiecej body :is(input, select, textarea) {
  background-color: rgba(255,255,255,.96) !important;
}
/* Nie przestawiamy tekstu, grafik, map, modalów ani menu PWA. */
@media (max-width: 780px) {
  html.nmr4984-galeria::before { background-position: 42% center !important; }
  html.nmr4984-odpady::before { background-position: 58% center !important;
    background-image: linear-gradient(180deg,rgba(251,255,252,.83),rgba(245,253,249,.68) 52%,rgba(232,246,241,.77)),url('/nmron-wallpapers-4984/odpady.webp?v=49.8.4') !important; }
  html.nmr4984-wiecej::before { background-position: 63% center !important; }
  html.nmr4984-galeria body :is(.gallery-card, .photo-card, .album-card, .gallery-tile, .photo-tile),
  html.nmr4984-wiecej body :is(.more-card, .section-card, .portal-card, .section-tile, .more-tile, .directory-card) {
    background-color: rgba(255,255,255,.91) !important;
  }
}
@media (prefers-reduced-transparency: reduce) {
  html.nmr4984-galeria body :is(.gallery-card,.album-card,.gallery-hero),
  html.nmr4984-odpady body :is(.waste-card,.waste-hero,.waste-calendar),
  html.nmr4984-wiecej body :is(.more-card,.section-card,.more-hero) {
    background: rgba(255,255,255,.97) !important;
    backdrop-filter: none !important;
  }
}
