/* Rozwijane menu ma być nad każdym ozdobnikiem nagłówka. Działa też na telefonie, gdzie menu nie jest pozycjonowane. */
.nav .sub { z-index: 60 !important; }

/* Ładowany po CSS tematu i tylko razem z tematem. Pilnuje, by temat nie ukrył funkcji strony:
   map z atrybucją OSM, linku do treści, zgody, danych do ofiar i dolnej linii stopki.
   Pakiet nie może użyć !important, więc te reguły zawsze wygrywają, także z animacją.
   Tylko na ekranie, bo wydruk celowo ukrywa część tych elementów.
   To utrudnienie, nie granica bezpieczeństwa: listy sztuczek CSS nie da się domknąć. Dlatego wgrany pakiet włącza tylko
   superadministrator (apps/themes/active.py, may_enable), a dane do ofiar ogląda w podglądzie. */
@media screen {
  .mapbox, .mapbox__map, .mapbox__panel, .mini-map, .church-hero__map, .leaflet-container,
  .leaflet-control-attribution, .leaflet-marker-pane, .skip, .consent, .notice-pop__dlg,
  .donate, .donate__data, .donate__row, .donate__row dt, .donate__row dd, .donate__val, .iban,
  .donate__ideal, .donate__ideal a, .donate__qrs, .donate__qr, .donate__qr img,
  .footer__bottom, .footer__bottom a, .credit {
    visibility: visible !important; opacity: 1 !important; clip-path: none !important; filter: none !important;
  }
  .mapbox { display: grid !important; }
  .mapbox__map, .mini-map, .church-hero__map, .leaflet-control-attribution { display: block !important; }
  .mapbox__map, .church-hero__map { min-height: 240px !important; }
  .donate, .donate__row dd, .donate__qrs, .footer__bottom { display: flex !important; }
  .donate__data, .donate__row { display: grid !important; }
  .donate__ideal, .donate__qr, .donate__qr img, .donate__row dt { display: block !important; }
  .credit { display: inline-flex !important; }
  .donate::before, .donate::after, .donate *::before, .donate *::after,
  .footer__bottom::before, .footer__bottom::after,
  .footer__grid::before, .footer__grid::after, .footer__col::before, .footer__col::after { content: none !important; }

  /* Wszystko, co zawiera dane do ofiar: temat nie może tego przesunąć, zmniejszyć ani schować razem z zawartością. */
  :has(.donate) {
    visibility: visible !important; opacity: 1 !important; filter: none !important; backdrop-filter: none !important;
    clip-path: none !important; mask: none !important; -webkit-mask: none !important; mix-blend-mode: normal !important;
    transform: none !important; translate: none !important; rotate: none !important; scale: none !important;
    zoom: 1 !important; content-visibility: visible !important;
  }
  .footer, .footer__grid, .footer__col, .donate, .donate__data, .donate__row, .donate__row dd, .donate__qrs, .donate__qr {
    position: relative !important; inset: auto !important; text-indent: 0 !important;
    height: auto !important; max-height: none !important;
    transform: none !important; translate: none !important; rotate: none !important; scale: none !important;
    zoom: 1 !important;
  }
  .footer, .footer__col, .donate, .donate__data, .donate__row, .donate__row dd, .donate__qrs, .donate__qr {
    margin-left: 0 !important; margin-right: 0 !important; width: auto !important; max-width: none !important;
  }
  .footer__grid { margin-left: auto !important; margin-right: auto !important; }  /* to także .wrap, więc centrowanie zostaje */
  .footer__grid, .footer__col, .donate, .donate__data, .donate__row, .donate__row dd { overflow: visible !important; }
  .footer, .footer__col { display: block !important; }
  .footer__grid { display: grid !important; }

  /* Sam numer i pozostałe dane. Kolory są stałe, nie ze zmiennych, bo zmienne może przedefiniować temat. */
  .iban, .donate__val {
    display: inline-block !important; position: static !important; inset: auto !important; float: none !important;
    margin: 0 !important; width: auto !important; height: auto !important; min-width: 0 !important; min-height: 0 !important;
    max-width: none !important; max-height: none !important; overflow: visible !important; zoom: 1 !important;
    transform: none !important; translate: none !important; rotate: none !important; scale: none !important;
    mask: none !important; -webkit-mask: none !important; mix-blend-mode: normal !important;
    color: #1d1b1a !important; -webkit-text-fill-color: #1d1b1a !important; background: #fff !important;
    border: 1px solid #1d1b1a !important; border-radius: 6px !important; padding: .2rem .5rem !important; box-shadow: none !important;
    font-family: monospace !important; font-size: 16px !important; font-weight: 400 !important; font-style: normal !important;
    font-variant: normal !important; font-feature-settings: normal !important; font-stretch: normal !important;
    font-size-adjust: none !important; line-height: 1.5 !important; letter-spacing: 0 !important; word-spacing: 0 !important;
    text-indent: 0 !important; text-transform: none !important; text-shadow: none !important; text-decoration: none !important;
    -webkit-text-stroke: 0 !important; -webkit-text-security: none !important; user-select: text !important;
    direction: ltr !important; unicode-bidi: isolate !important; writing-mode: horizontal-tb !important;
  }
  .donate__val::first-line, .donate__val::first-letter {
    color: #1d1b1a !important; -webkit-text-fill-color: #1d1b1a !important; font-size: 16px !important;
    font-family: monospace !important; letter-spacing: 0 !important;
  }

  /* Kod QR: content: url() na obrazku podmieniłby go na grafikę z innym numerem. */
  .donate__qr img {
    content: normal !important; position: static !important; object-fit: contain !important; object-position: 50% 50% !important;
    min-width: 120px !important; min-height: 120px !important; max-width: none !important; max-height: none !important;
    margin-left: 0 !important; background: #fff !important; mask: none !important; -webkit-mask: none !important;
    transform: none !important; translate: none !important; rotate: none !important; scale: none !important;
    mix-blend-mode: normal !important;
  }
}