/*
* Grobonet lokalny 3.9.1
*
* Warstwa wizualnej zgodności ze wzor391. Arkusz jest celowo ograniczony do
* body.gn-local-391: wyłączenie modułu natychmiast przywraca motyw nowoczesny.
*
* Wymiary odwzorowują wzor391/css/newstyle.css i pomiar strony głównej
* (kontener 1200 px, kafel 370 × 170 px, logo 323 × 100 px, tytuł 28.8 px).
* Wszystko w px — newstyle.css ustawia html{font-size:62.5%}, więc rem = 10 px.
*/
body.gn-local-391 {
--gn-navy: #00124c;
--gn-navy-2: #00124c;
/* Bez tego gradienty motywu nowoczesnego schodziły z granatu w zieleń #075649. */
--gn-navy-mid: #00124c;
--gn-teal: #bfa465;
--gn-teal-2: #89764b;
--gn-accent: #bfa465;
--gn-home-teal: #bfa465;
--gn-text: #00124c;
--gn-text-muted: #00124c;
--gn-surface: #eeeeee;
--gn-surface-2: #ededed;
--gn-card: #ffffff;
--gn-border: #dad8d8;
--gn-border-strong: #bfa465;
--gn-input-border: #b4b4b4;
--gn-input-focus: #bfa465;
--gn-gradient: #00124c;
--gn-label-bar: #bfa465;
--gn-radius: 20px;
--gn-radius-sm: 10px;
--gn-radius-pill: 50px;
--gn-shadow-sm: 0 0 10px 0 rgba(218, 216, 216, 1);
--gn-shadow: 0 0 10px 0 rgba(218, 216, 216, 1);
--gn-shadow-lg: 0 0 12px 0 rgba(196, 194, 194, 1);
--gn-max: 1200px;
--gn-home-max: 1200px;
/* wzor391 deklaruje Open Sans, ale go nie wczytuje — realnie to Arial. */
--gn-font: "Open Sans", Arial, Helvetica, sans-serif;
background: #eeeeee;
color: #00124c;
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size: 16px;
}
body.gn-local-391 a,
body.gn-local-391 a:hover,
body.gn-local-391 a:focus {
color: #00124c;
text-decoration: none;
}
body.gn-local-391 .gn-main,
body.gn-local-391 .content-page,
body.gn-local-391 section#subpage,
body.gn-local-391 section#search,
body.gn-local-391 section#contact_form,
body.gn-local-391 section#map {
background: #eeeeee !important;
}
/* section#subpage: padding 2% 0 liczone od szerokości okna, jak w 3.9.1. */
body.gn-local-391 section#subpage {
padding: 2% 0 !important;
}
body.gn-local-391 .subpage,
body.gn-local-391 .contact_form,
body.gn-local-391 .search,
body.gn-local-391 .results,
body.gn-local-391 .grave,
body.gn-local-391 .regulation {
width: min(1200px, calc(100% - 32px)) !important;
max-width: 1200px !important;
margin-right: auto !important;
margin-left: auto !important;
}
/* Slider w 3.9.1 sięga krawędzi kontenera, a kafle mają odstęp kolumny. */
body.gn-modern.gn-local-391 .subpage {
padding-right: 0 !important;
padding-left: 0 !important;
}
/* ── Nagłówek: szary pasek narzędzi, logo po lewej, nazwa cmentarza po prawej ── */
body.gn-local-391 .gn-header {
position: relative;
top: auto;
z-index: auto;
background: #ffffff !important;
border: 0 !important;
box-shadow: none !important;
backdrop-filter: none;
overflow: hidden;
}
/* `.gn-header__brand` staje się przezroczysty dla gridu, żeby pasek narzędzi
mógł stanąć osobnym wierszem nad logo — dokładnie jak `.pasek` w 3.9.1. */
body.gn-local-391 .gn-header__brand {
display: contents;
}
body.gn-modern.gn-local-391 .gn-header__inner.header {
display: grid !important;
width: min(1200px, calc(100% - 32px)) !important;
max-width: 1200px !important;
min-height: 0 !important;
margin: 0 auto !important;
padding: 0 0 90px !important;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"pasek pasek"
"logo title"
"banner banner";
gap: 0 24px;
align-items: center;
}
body.gn-local-391 .gn-header__tools.pasek {
grid-area: pasek;
justify-content: flex-start;
width: 100%;
margin: 0 0 8px !important;
padding: 4px 8px !important;
border: 0 !important;
border-radius: 0 !important;
background: #ededed !important;
box-shadow: none !important;
}
body.gn-local-391 .gn-header .menu-dostepnosci {
gap: 10px;
font-family: Arial, Helvetica, sans-serif;
}
/* Logo: kolorowy plik wzor391. SVG w drzewie jest biały (pod ciemny nagłówek),
więc na białym tle podkładamy oryginalny PNG, a obraz zostaje jako miara.
Reguły motywu nowoczesnego są tu wąskie i z `!important` (`width: 164px`,
`max-width: 290px`, `background: transparent`), dlatego pełna ścieżka. */
body.gn-local-391 .gn-header .gn-header__logo.logo {
grid-area: logo;
width: auto !important;
margin: 30px 0 10px !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo.logo a {
display: block !important;
width: 323px !important;
min-height: 0 !important;
height: 100px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: url("../gfx/grobonet_logo.png") no-repeat left center !important;
background-size: contain !important;
box-shadow: none !important;
transform: none !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo img {
visibility: hidden;
width: 323px !important;
height: 100px !important;
max-width: none !important;
filter: none !important;
opacity: 1;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__title.title {
grid-area: title;
display: flex !important;
width: 100% !important;
justify-content: flex-end !important;
text-align: right;
}
body.gn-modern.gn-local-391 .gn-header__title h1,
body.gn-modern.gn-local-391 .gn-header__title h1 a {
color: #00124c !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
font-size: 28.8px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-align: right !important;
text-decoration: none !important;
}
body.gn-local-391 .gn-header__cemetery-logo {
width: 70px !important;
height: 70px !important;
margin-left: 20px;
}
/* Pasek narzędzi 3.9.1: pigułka języka na #eee i systemowy przycisk trybu. */
body.gn-modern.gn-local-391 .gn-header__accessibility {
min-height: 0;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
color: #00124c !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px !important;
font-weight: 400;
}
body.gn-modern.gn-local-391 .gn-header__accessibility i {
display: none;
}
body.gn-modern.gn-local-391 .gn-header #language_selector,
body.gn-modern.gn-local-391 .gn-header .custom-select .selected {
min-width: 140px;
min-height: 0 !important;
padding: 8px 30px 8px 16px !important;
border: 0 !important;
border-radius: 25px !important;
background-color: #eeeeee !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%230c1446' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
color: #0c1446 !important;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
body.gn-modern.gn-local-391 .gn-header #language_selector option {
color: #0c1446;
background-color: #fff;
}
body.gn-modern.gn-local-391 .gn-header #toggle-dark-mode {
width: 28px;
height: 28px;
min-height: 0 !important;
border: 1px solid #b4b4b4 !important;
border-radius: 2px !important;
background: #f4f4f4 !important;
color: #00124c !important;
font-size: 15px !important;
box-shadow: none !important;
}
body.gn-local-391 .gn-header__banner img {
border-radius: 0;
}
/* ── Menu: biały pas na całą szerokość, dwie złote linie, wersaliki ───────── */
/* Wysokość paska niesie sama treść: 4 px wypełnienia u góry i marginesy 14 px
listy, jak w newstyle.css. Sztywna wysokość stamtąd (13.5rem, a w wariancie
copy 70 px) jest dostrajana per wdrożenie i zostawiała puste pole pod menu. */
body.gn-modern.gn-local-391 .gn-nav.menu_g {
padding: 4px 0 0 !important;
border: 0 !important;
border-top: 1px solid #89764b !important;
border-bottom: 1px solid #89764b !important;
background: #ffffff !important;
box-shadow: none !important;
}
body.gn-local-391 .gn-nav #menu_res {
text-transform: uppercase;
}
body.gn-modern.gn-local-391 .gn-nav #menu_res,
body.gn-modern.gn-local-391 .gn-nav #menu_res > nav {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
}
body.gn-modern.gn-local-391 .gn-nav ol#menu {
display: block !important;
width: 100% !important;
max-width: 1200px !important;
margin: 14px auto !important;
padding: 0 !important;
text-align: center !important;
}
/* newstyle.css daje pozycjom menu margines 2 % i 1.1em, czyli 17,6 px. */
body.gn-modern.gn-local-391 .gn-nav ol#menu > li {
display: inline-block !important;
margin: 0 2% !important;
border: 0;
font-size: 17.6px;
vertical-align: middle;
}
/* Pełna ścieżka `html body… > li > …`: motyw nowoczesny maluje zakładki
regułami o tej samej długości, a bieżącą pozycję zielonym gradientem. */
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > a.btn,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > button.btn,
body.gn-modern.gn-local-391 .gn-nav ol#menu a.btn,
body.gn-modern.gn-local-391 .gn-nav ol#menu button.btn,
body.gn-modern.gn-local-391 .gn-header .gn-nav ol#menu a.btn,
body.gn-modern.gn-local-391 .gn-header .gn-nav ol#menu button.btn {
display: inline !important;
width: auto !important;
min-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #00124c !important;
font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
/* newstyle.css daje linkom menu 0.9em, czyli 0,9 × 17,6 px. */
font-size: 0.9em !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
line-height: 1.7 !important;
text-transform: uppercase !important;
box-shadow: none !important;
white-space: normal;
}
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > a.btn:hover,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > button.btn:hover,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > a.btn.active,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > button.btn.active,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li:hover > a.btn,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li:hover > button.btn,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li:focus-within > button.btn {
border-color: transparent !important;
background: transparent !important;
color: #bfa465 !important;
font-weight: 700 !important;
box-shadow: none !important;
transform: none !important;
}
/* 3.9.1 nie miał ikon ani strzałek w menu. */
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu a.btn > i,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu button.btn > i,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu .gn-nav__chevron {
display: none !important;
}
body.gn-modern.gn-local-391 .gn-nav ol#menu > li > ol {
top: 100%;
min-width: 190px;
padding: 6px 0 !important;
border: 1px solid #d4d4d4;
border-radius: 0;
background: #ffffff !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
text-align: left;
}
body.gn-modern.gn-local-391 .gn-nav ol#menu > li > ol > li {
display: block !important;
margin: 0 !important;
}
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > ol a.btn {
display: block !important;
min-height: 0 !important;
padding: 5px 14px !important;
border: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #00124c !important;
font-size: 0.85em !important;
font-weight: 700 !important;
text-align: left !important;
text-transform: none !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > ol a.btn:hover,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > ol a.btn.active {
background: #ffffff !important;
color: #ee1c25 !important;
box-shadow: none !important;
}
/* ── Strona główna: slider w naturalnych proporcjach, bez nakładki ────────── */
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel {
height: auto !important;
margin: 0 0 50px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-inner,
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-inner > .item {
height: auto !important;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-inner > .item > img {
width: 100% !important;
height: auto !important;
max-height: none !important;
object-fit: fill;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel::before,
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-inner > .item::before,
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-inner > .item::after,
body.gn-modern.gn-local-391 .gn-home-hero__content {
content: none !important;
display: none !important;
background: none !important;
}
/* Strzałki jak w bootstrapie 3: płaski biały szewron przy krawędzi kadru. */
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav {
top: 0 !important;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
width: 15% !important;
height: auto !important;
background: none !important;
opacity: 0.55;
transform: none !important;
}
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav.left {
right: auto !important;
left: 0 !important;
}
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav.right {
right: 0 !important;
left: auto !important;
}
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav:hover,
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav:focus {
opacity: 0.9;
}
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav .gn-carousel-nav__icon,
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav:hover .gn-carousel-nav__icon,
body.gn-modern.gn-local-391 .gn-home-carousel .gn-carousel-nav:focus .gn-carousel-nav__icon {
width: auto !important;
height: auto !important;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
color: #ffffff !important;
font-size: 30px !important;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
box-shadow: none !important;
transform: none !important;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-indicators li {
width: 10px;
height: 10px;
margin: 0 3px;
border: 1px solid #ffffff;
background: transparent;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel .carousel-indicators li.active {
width: 10px;
height: 10px;
border-color: #ffffff;
background: #ffffff;
}
/* Pauza karuzeli nie istniała w 3.9.1 — zostaje dla WCAG, ale dyskretnie. */
body.gn-modern.gn-local-391 .gn-carousel-pause {
border: 0 !important;
border-radius: 25px !important;
background: rgba(0, 18, 76, 0.55) !important;
color: #ffffff !important;
font-size: 11px !important;
}
/* Kafle: białe pudełka 370 × 170 px, promień 20 px, ikona w lewym górnym
narożniku, tytuł do lewej obok ikony, opis wyśrodkowany pod spodem. */
body.gn-local-391 .home-tiles {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 11px 28px !important;
padding: 0 15px !important;
}
body.gn-modern.gn-local-391 .home-tile-shell {
display: flex;
}
body.gn-modern.gn-local-391 a.home-tile.white-box {
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr);
grid-template-rows: auto 1fr;
column-gap: 0;
row-gap: 0;
width: 100% !important;
min-height: 170px;
padding: 11px 10px 6px !important;
border: 0 !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1) !important;
text-align: center !important;
}
body.gn-modern.gn-local-391 a.home-tile.white-box:hover {
border: 1px solid #bfa465 !important;
padding: 10px 9px 5px !important;
transform: none;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1) !important;
}
body.gn-modern.gn-local-391 .home-tile__icon {
grid-column: 1;
grid-row: 1;
align-self: start;
justify-self: start;
width: 70px;
height: 70px;
border: 0 !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
}
body.gn-modern.gn-local-391 .home-tile__icon img {
width: 70px !important;
height: 70px !important;
max-width: none !important;
}
/* Opis w 3.9.1 stoi pod ikoną i tytułem, na całej szerokości kafla. */
body.gn-modern.gn-local-391 .home-tile__body {
display: contents;
}
body.gn-modern.gn-local-391 .home-tile__body .naglowki-glowna {
grid-column: 2;
grid-row: 1;
display: block;
align-self: start;
}
body.gn-modern.gn-local-391 .home-tile__body .naglowki-glowna h2 {
margin: 0 0 0 -10px !important;
padding-top: 20px !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
color: #00124c !important;
text-align: left !important;
text-transform: none;
}
body.gn-modern.gn-local-391 .home-tile__body .tresc-glowna {
grid-column: 1 / -1;
grid-row: 2;
display: block;
align-self: center;
}
body.gn-modern.gn-local-391 .home-tile__body .tresc-glowna h3 {
margin: 0 !important;
padding: 0 5px !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
color: #00124c !important;
text-align: center !important;
}
body.gn-modern.gn-local-391 .home-tile__arrow {
display: none !important;
}
/* ── Karty, sekcje i typografia ──────────────────────────────────────────── */
body.gn-local-391 .gn-card,
body.gn-local-391 .grave,
body.gn-local-391 .results,
body.gn-local-391 .white-box,
body.gn-local-391 .contact_form_content,
body.gn-local-391 #form-wrapper,
body.gn-local-391 .obituaries,
body.gn-local-391 .opiekun_about {
border: 0 !important;
border-radius: 10px !important;
background: #ffffff !important;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1) !important;
}
body.gn-local-391 .gn-card__head,
body.gn-local-391 .gn-section-head,
body.gn-local-391 .gn-grave-hero,
body.gn-local-391 .znicz-card__head {
border-radius: 10px 10px 0 0 !important;
background: #00124c !important;
color: #ffffff !important;
}
body.gn-local-391 .gn-card__head::before,
body.gn-local-391 .gn-section-head::before,
body.gn-local-391 .gn-grave-hero::before {
display: none;
}
body.gn-local-391 .gn-label::before,
body.gn-local-391 .gn-card__eyebrow::before {
border-radius: 0;
background: #bfa465;
box-shadow: none;
}
/* ── Wyszukiwarka: biała pigułka z miękkim cieniem, złoty przycisk ───────── */
body.gn-local-391 .search_form,
body.gn-local-391 .results_form_search,
body.gn-local-391 .search_form_p {
border: 0 !important;
border-radius: 50px !important;
background: #ffffff !important;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5) !important;
}
body.gn-local-391 input[type="text"],
body.gn-local-391 input[type="email"],
body.gn-local-391 input[type="tel"],
body.gn-local-391 input[type="number"],
body.gn-local-391 input[type="search"],
body.gn-local-391 input[type="date"],
body.gn-local-391 input[type="file"],
body.gn-local-391 select,
body.gn-local-391 textarea,
body.gn-local-391 .form-control,
body.gn-local-391 .form-select,
body.gn-local-391 .szukaj_pole,
body.gn-local-391 .nice-select {
border: 1px solid #b4b4b4 !important;
border-radius: 50px !important;
background: #ffffff !important;
color: #00124c !important;
box-shadow: none !important;
}
body.gn-local-391 textarea {
border-radius: 10px !important;
}
body.gn-local-391 input:focus,
body.gn-local-391 select:focus,
body.gn-local-391 textarea:focus,
body.gn-local-391 .szukaj_pole:focus {
outline: 2px solid #bfa465 !important;
outline-offset: 1px;
}
body.gn-local-391 input[type="submit"],
body.gn-local-391 button[type="submit"],
body.gn-local-391 .gn-btn,
body.gn-local-391 .search_button_p,
body.gn-local-391 .button-szczegoly,
body.gn-local-391 .znicz-card__submit,
body.gn-local-391 .gn-search-button {
border: 0 !important;
border-radius: 50px !important;
background: #bfa465 !important;
color: #ffffff !important;
font-weight: 700;
box-shadow: none !important;
text-transform: none;
}
body.gn-local-391 .button-rejestracja,
body.gn-local-391 .button-oplata {
border: 0 !important;
border-radius: 50px !important;
background: #89764b !important;
color: #ffffff !important;
}
body.gn-local-391 input[type="submit"]:hover,
body.gn-local-391 button[type="submit"]:hover,
body.gn-local-391 .gn-btn:hover,
body.gn-local-391 .search_button_p:hover,
body.gn-local-391 .gn-search-button:hover {
transform: none;
background: #89764b !important;
filter: none;
box-shadow: none !important;
}
/* ── Wyniki, listy i paginacja ───────────────────────────────────────────── */
body.gn-local-391 .results_list,
body.gn-local-391 ul#rocznice,
body.gn-local-391 ul#osoby {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 28px !important;
}
body.gn-local-391 .results_list li,
body.gn-local-391 ul#rocznice li,
body.gn-local-391 ul#osoby li {
border: 0 !important;
border-radius: 10px !important;
background: #ffffff !important;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1) !important;
}
body.gn-local-391 .results_list li::before,
body.gn-local-391 ul#rocznice li::before,
body.gn-local-391 ul#osoby li::before {
width: 3px;
background: #bfa465;
}
body.gn-local-391 .results_list li:hover,
body.gn-local-391 ul#rocznice li:hover,
body.gn-local-391 ul#osoby li:hover {
transform: none;
box-shadow: 0 0 12px 0 rgba(196, 194, 194, 1) !important;
}
body.gn-local-391 .gn-list-location > span {
border-radius: 25px;
background: #ededed;
}
body.gn-local-391 .pagination li a,
body.gn-local-391 .pagination li span {
border-radius: 50%;
border-color: #bfa465;
color: #00124c !important;
box-shadow: none;
}
body.gn-local-391 .pagination li.active span,
body.gn-local-391 .pagination li a:hover {
background: #ee1c25 !important;
border-color: #ee1c25 !important;
color: #ffffff !important;
}
body.gn-local-391 table.wynikit,
body.gn-local-391 #wykaz_pochowanych,
body.gn-local-391 #wykaz_rezerwacji,
body.gn-local-391 .grave table {
border-radius: 10px;
border-color: #d4d4d4;
}
body.gn-local-391 table.wynikit th,
body.gn-local-391 #wykaz_pochowanych th,
body.gn-local-391 #wykaz_rezerwacji th,
body.gn-local-391 .grave table th {
background: #00124c !important;
color: #ffffff !important;
}
/* ── Karta grobu ─────────────────────────────────────────────────────────── */
body.gn-local-391 .grave .photo,
body.gn-local-391 .grave .photo > img,
body.gn-local-391 .location_grave,
body.gn-local-391 .gn-sector-map-panel {
border-radius: 10px !important;
}
body.gn-local-391 .location_grave,
body.gn-local-391 .gn-sector-map-panel {
border: 1px solid #bfa465 !important;
}
body.gn-local-391 .gold-box {
border-radius: 50px !important;
}
body.gn-local-391 .gold-box a {
border: 0 !important;
border-radius: 50px !important;
background: #bfa465 !important;
color: #ffffff !important;
box-shadow: none !important;
}
body.gn-local-391 .gold-box a:hover,
body.gn-local-391 .gold-box a:focus {
transform: none;
background: #89764b !important;
color: #ffffff !important;
}
body.gn-local-391 .next_prev a {
border-color: #bfa465 !important;
border-radius: 50px !important;
color: #00124c !important;
box-shadow: none !important;
}
body.gn-local-391 .next_prev a:hover {
background: #bfa465 !important;
color: #ffffff !important;
}
/* ── Stopka: biała, granatowy tekst, kolorowe logo Grobonet.com ──────────── */
body.gn-local-391 .gn-footer,
body.gn-local-391 #footerE {
border: 0 !important;
background: #ffffff !important;
color: #00124c !important;
padding: 12px 0 !important;
box-shadow: none !important;
}
body.gn-modern.gn-local-391 .gn-footer .gn-footer__inner {
width: min(1200px, calc(100% - 32px)) !important;
max-width: 1200px !important;
padding: 18px 0 24px !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 6px 40px;
align-items: start;
}
body.gn-modern.gn-local-391 .gn-footer__contact {
grid-column: 1;
grid-row: 1;
}
body.gn-modern.gn-local-391 .gn-footer__brand {
grid-column: 2;
grid-row: 1 / span 3;
align-self: end;
align-items: flex-start;
justify-content: center;
}
body.gn-modern.gn-local-391 .gn-footer__visits {
grid-column: 1;
grid-row: 2;
justify-content: flex-start;
margin: 6px 0 0 !important;
color: #00124c !important;
font-size: 13px !important;
}
/* Obie kolumny dociskamy do dolnej krawędzi wiersza, żeby linki prawne stanęły
w jednej linii z polskie-cmentarze.com. Szerokość musi być `auto`, bo legacy
`newstyle.css` daje każdemu `nav` sztywne 1200 px i kreska nad linkami
przecinała wtedy prawą kolumnę. */
body.gn-modern.gn-local-391 .gn-footer__legal {
grid-column: 1;
grid-row: 3;
align-self: end;
width: auto;
justify-content: flex-start;
margin: 6px 0 0 !important;
padding: 6px 0 0 !important;
border-top: 1px solid #ededed !important;
gap: 6px 14px;
}
body.gn-modern.gn-local-391 .gn-footer address,
body.gn-modern.gn-local-391 .gn-footer address p,
body.gn-modern.gn-local-391 .gn-footer .copyright,
body.gn-modern.gn-local-391 .gn-footer .copyright p,
body.gn-modern.gn-local-391 .gn-footer__name,
body.gn-modern.gn-local-391 .gn-footer__tagline,
body.gn-modern.gn-local-391 .gn-footer__visits-label,
body.gn-modern.gn-local-391 .gn-footer__visits-value,
body.gn-modern.gn-local-391 .gn-footer-logo-caption,
body.gn-modern.gn-local-391 .gn-footer__legal a {
color: #00124c !important;
}
body.gn-modern.gn-local-391 .gn-footer__name {
margin: 0 0 6px !important;
font-size: 16px !important;
font-weight: 400 !important;
}
body.gn-modern.gn-local-391 .gn-footer__row,
body.gn-modern.gn-local-391 .gn-footer address p {
margin: 0 0 3px !important;
font-size: 13px !important;
line-height: 1.5 !important;
gap: 7px;
}
body.gn-modern.gn-local-391 .gn-footer__ico {
color: #89764b !important;
}
body.gn-modern.gn-local-391 .gn-footer__row a,
body.gn-modern.gn-local-391 .gn-footer a,
body.gn-modern.gn-local-391 .gn-footer #footer-site-link a,
body.gn-modern.gn-local-391 .gn-footer__sites a {
border: 0 !important;
color: #bfa465 !important;
}
body.gn-modern.gn-local-391 .gn-footer__tagline {
max-width: 330px;
margin: 0 0 6px auto !important;
font-size: 13px !important;
line-height: 1.35 !important;
text-align: center !important;
}
/* Biały PNG „Grobonet.com” na białej stopce byłby niewidoczny — pod obraz
podkładamy kolorowy plik z wzor391, a sam ![]()
tylko trzyma wymiar. */
body.gn-modern.gn-local-391 .gn-footer .gn-footer-logo-link {
align-items: center;
margin: 0 auto;
background: url("../gfx/grobonet_kolor.png") no-repeat center top;
background-size: 262px 50px;
}
body.gn-modern.gn-local-391 .gn-footer .gn-footer-logo-link img {
visibility: hidden;
width: 262px !important;
height: 50px !important;
max-width: none !important;
margin: 0 !important;
}
body.gn-modern.gn-local-391 .gn-footer .gn-footer-logo-caption {
margin-top: 4px;
font-size: 11px;
text-align: center;
}
body.gn-modern.gn-local-391 .gn-footer #footer-site-link,
body.gn-modern.gn-local-391 .gn-footer__sites {
margin-top: 8px;
text-align: center;
}
body.gn-modern.gn-local-391 .gn-footer #footer-site-link a,
body.gn-modern.gn-local-391 .gn-footer__sites a {
font-size: 13px;
text-align: center !important;
}
/* 3.9.1 miał czarne kółko „do góry” i ciemny baner cookies. */
body.gn-modern.gn-local-391 #return-to-top {
border: 0 !important;
border-radius: 35px !important;
background: rgba(0, 0, 0, 0.7) !important;
box-shadow: none !important;
}
body.gn-modern.gn-local-391 .gn-cookie-banner {
background: #1f1f1f !important;
color: #dddddd !important;
}
body.gn-modern.gn-local-391 .gn-cookie-banner__link {
color: #c6c6c6 !important;
}
body.gn-modern.gn-local-391 .gn-cookie-banner__accept {
border-radius: 0 !important;
background: #c6c6c6 !important;
color: #ffffff !important;
}
body.gn-modern.gn-local-391 .gn-page-loader__bar {
background: #bfa465 !important;
}
body.gn-modern.gn-local-391 .gn-skip-link {
background: #00124c !important;
}
/* ── Tryb nocny: paleta 3.9.1 przeniesiona na ciemne tło ─────────────────── */
body.gn-local-391.dark-mode {
--gn-text: #f4f4f4;
--gn-text-muted: #d1d5db;
--gn-surface: #111936;
--gn-surface-2: #172144;
--gn-card: #111a38;
--gn-border: #435079;
--gn-border-strong: #bfa465;
background: #111936;
}
body.gn-local-391.dark-mode .gn-main,
body.gn-local-391.dark-mode .content-page,
body.gn-local-391.dark-mode section#subpage,
body.gn-local-391.dark-mode section#search {
background: #111936 !important;
}
body.gn-local-391.dark-mode .gn-header,
body.gn-local-391.dark-mode .gn-nav.menu_g,
body.gn-local-391.dark-mode .gn-footer,
body.gn-local-391.dark-mode #footerE {
background: #00124c !important;
}
/* Na granatowym tle nocnym wracają oryginalne, białe pliki z aplikacji. */
html body.gn-modern.gn-local-391.dark-mode .gn-header .gn-header__logo.logo a,
body.gn-modern.gn-local-391.dark-mode .gn-footer .gn-footer-logo-link {
width: auto !important;
background-image: none !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header .gn-header__logo img {
visibility: visible;
width: auto !important;
height: 72px !important;
}
body.gn-modern.gn-local-391.dark-mode .gn-footer .gn-footer-logo-link img {
visibility: visible;
width: 262px !important;
height: auto !important;
}
body.gn-local-391.dark-mode .gn-header__title h1,
body.gn-local-391.dark-mode .gn-header__title h1 a,
body.gn-local-391.dark-mode .gn-nav ol#menu a.btn,
body.gn-local-391.dark-mode .gn-nav ol#menu button.btn,
body.gn-local-391.dark-mode .gn-footer address,
body.gn-local-391.dark-mode .gn-footer address p,
body.gn-local-391.dark-mode .gn-footer__name,
body.gn-local-391.dark-mode .gn-footer__tagline,
body.gn-local-391.dark-mode .gn-footer__visits-label,
body.gn-local-391.dark-mode .gn-footer__visits-value,
body.gn-local-391.dark-mode .gn-footer-logo-caption,
body.gn-local-391.dark-mode .gn-footer__legal a {
color: #ffffff !important;
}
body.gn-local-391.dark-mode .gn-card,
body.gn-local-391.dark-mode .grave,
body.gn-local-391.dark-mode .results,
body.gn-local-391.dark-mode .white-box,
body.gn-local-391.dark-mode a.home-tile.white-box,
body.gn-local-391.dark-mode .results_list li,
body.gn-local-391.dark-mode ul#rocznice li,
body.gn-local-391.dark-mode ul#osoby li {
background: #111a38 !important;
box-shadow: none !important;
}
body.gn-local-391.dark-mode .home-tile__body .naglowki-glowna h2,
body.gn-local-391.dark-mode .home-tile__body .tresc-glowna h3 {
color: #f4f4f4 !important;
}
/* ── Zakresy szerokości jak w wzor391 (1200 / 900 / 600 px) ──────────────── */
@media (max-width: 1200px) {
body.gn-modern.gn-local-391 .gn-header__inner.header,
body.gn-local-391 .subpage,
body.gn-local-391 .contact_form,
body.gn-local-391 .search,
body.gn-modern.gn-local-391 .gn-nav ol#menu,
body.gn-modern.gn-local-391 .gn-footer .gn-footer__inner {
width: calc(100% - 32px) !important;
}
body.gn-modern.gn-local-391 .gn-header__inner.header {
padding-bottom: 32px !important;
}
}
@media (max-width: 900px) {
body.gn-modern.gn-local-391 .gn-header__inner.header {
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"pasek pasek"
"logo title"
"banner banner";
padding-bottom: 18px !important;
}
body.gn-local-391 .gn-header .gn-header__logo.logo {
margin: 12px 0 8px !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo.logo a {
width: 220px !important;
height: 68px !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo img {
width: 220px !important;
height: 68px !important;
}
body.gn-modern.gn-local-391 .gn-header__title h1,
body.gn-modern.gn-local-391 .gn-header__title h1 a {
font-size: 21px !important;
}
body.gn-modern.gn-local-391 .gn-header__tools.pasek {
flex-wrap: wrap;
}
body.gn-local-391 .gn-menu-toggle {
order: 2;
margin-left: auto;
border: 1px solid #b4b4b4;
border-radius: 2px;
background: #f4f4f4;
color: #00124c;
box-shadow: none;
}
body.gn-modern.gn-local-391 .gn-nav.menu_g {
border: 0 !important;
border-left: 4px solid #bfa465 !important;
background: #ffffff !important;
}
body.gn-modern.gn-local-391 .gn-nav ol#menu {
display: block !important;
width: 100% !important;
margin: 0 !important;
text-align: left !important;
}
body.gn-modern.gn-local-391 .gn-nav ol#menu > li {
display: block !important;
margin: 0 !important;
border-bottom: 1px solid #ededed;
}
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > a.btn,
html body.gn-modern.gn-local-391 .gn-nav.menu_g ol#menu > li > button.btn {
display: block !important;
padding: 13px 16px !important;
font-size: 15px !important;
text-align: left !important;
}
body.gn-modern.gn-local-391 .home-tiles {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.gn-local-391 .results_list,
body.gn-local-391 ul#rocznice,
body.gn-local-391 ul#osoby {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body.gn-modern.gn-local-391 .gn-footer .gn-footer__inner {
grid-template-columns: 1fr;
justify-items: center;
}
body.gn-modern.gn-local-391 .gn-footer__contact,
body.gn-modern.gn-local-391 .gn-footer__visits,
body.gn-modern.gn-local-391 .gn-footer__legal,
body.gn-modern.gn-local-391 .gn-footer__brand {
grid-column: 1;
grid-row: auto;
justify-content: center;
}
body.gn-modern.gn-local-391 .gn-footer .gn-footer-logo-link {
margin: 0 auto;
}
}
@media (max-width: 600px) {
body.gn-modern.gn-local-391 .gn-header__inner.header {
width: calc(100% - 20px) !important;
grid-template-columns: minmax(0, 1fr);
grid-template-areas:
"pasek"
"logo"
"title"
"banner";
gap: 0;
padding-bottom: 14px !important;
justify-items: center;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo.logo a {
width: min(200px, 60vw) !important;
height: calc(min(200px, 60vw) / 3.23) !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__logo img {
width: min(200px, 60vw) !important;
height: calc(min(200px, 60vw) / 3.23) !important;
}
html body.gn-modern.gn-local-391 .gn-header .gn-header__title.title {
justify-content: center !important;
text-align: center;
}
body.gn-modern.gn-local-391 .gn-header__title h1,
body.gn-modern.gn-local-391 .gn-header__title h1 a {
font-size: 18px !important;
text-align: center !important;
}
body.gn-local-391 .subpage,
body.gn-local-391 .contact_form,
body.gn-local-391 .search {
width: calc(100% - 20px) !important;
}
body.gn-modern.gn-local-391 #myCarousel.gn-home-carousel {
margin-bottom: 24px !important;
}
body.gn-modern.gn-local-391 .home-tiles,
body.gn-local-391 .results_list,
body.gn-local-391 ul#rocznice,
body.gn-local-391 ul#osoby {
grid-template-columns: 1fr !important;
}
body.gn-modern.gn-local-391 a.home-tile.white-box {
min-height: 0;
}
}
/* ── Widoki wewnętrzne 3.9.1 ──────────────────────────────────────────────
* Poniższe reguły odtwarzają układ widoczny na wzor391, nie tylko jego barwy.
* Są na końcu arkusza, ponieważ grobonet-modern.css ma dla tych komponentów
* liczne reguły z `!important`.
*/
/* Wspólne nagłówki podstron w 3.9.1 były zwykłym tekstem na szarym tle. */
html body.gn-modern.gn-local-391 .gn-main .gn-section-head {
margin: 0 auto 18px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #00124c !important;
box-shadow: none !important;
text-align: center;
}
html body.gn-modern.gn-local-391 .gn-main .gn-section-head .gn-card__eyebrow {
display: none !important;
}
html body.gn-modern.gn-local-391 .gn-main .gn-section-head h1,
html body.gn-modern.gn-local-391 .gn-main .gn-section-head h2 {
color: #00124c !important;
font-size: 24px !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}
/* ── Karta grobu ───────────────────────────────────────────────────────────
* Desktop: zdjęcie + akcje + sektorówka po lewej, dane i usługi po prawej.
*/
html body.gn-modern.gn-local-391 .next_prev {
justify-content: space-between;
margin: 0 0 18px !important;
}
html body.gn-modern.gn-local-391 .next_prev a {
display: inline-flex !important;
justify-content: space-between;
width: 190px !important;
height: 62px !important;
padding: 0 16px !important;
border: 0 !important;
border-radius: 20px !important;
background: #ffffff !important;
color: #00124c !important;
font-size: 19px !important;
font-weight: 400 !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .next_prev a i {
color: #ee1c25 !important;
font-size: 28px;
}
html body.gn-modern.gn-local-391 .grave {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto auto auto auto auto;
column-gap: 34px;
row-gap: 18px;
width: min(1200px, calc(100% - 32px)) !important;
padding: 22px 26px !important;
border: 0 !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: none !important;
overflow: hidden !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-hero {
grid-column: 2;
grid-row: 1;
align-self: end;
margin: 0 !important;
padding: 0 12px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #00124c !important;
box-shadow: none !important;
overflow: visible;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-hero .gn-grave-location {
display: none !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-hero h2 {
margin: 0 !important;
color: #00124c !important;
font-size: 29px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center;
text-transform: uppercase;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main,
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > #detalePochowany,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-top {
display: contents !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie {
grid-column: 1;
grid-row: 1 / span 2;
align-self: start;
width: 100% !important;
padding: 0 !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .photo,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .detale-carousel {
width: 100%;
margin: 0 !important;
border-radius: 0 !important;
clip-path: none !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .detale-carousel,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .carousel-inner,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .carousel-inner > .item {
aspect-ratio: 4 / 3;
height: auto !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .photo img,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .carousel-inner > .item img {
width: 100% !important;
height: 100% !important;
margin: 0 !important;
border: 0 !important;
border-radius: 0 !important;
object-fit: cover !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .photo a[data-lightbox]::after {
display: none !important;
}
/*
* Strzałki galerii przychodzą z motywu nowoczesnego w zieleni (0, 63, 54)
* i gradiencie na hover. 3.9.1 ma tu granat ze złotą obwódką.
*/
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .gn-carousel-nav__icon {
border: 1px solid #bfa465 !important;
background: rgba(0, 18, 76, 0.78) !important;
color: #ffffff !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .gn-carousel-nav:hover .gn-carousel-nav__icon,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie .gn-carousel-nav:focus .gn-carousel-nav__icon {
border-color: #bfa465 !important;
background: #bfa465 !important;
color: #ffffff !important;
transform: none !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta {
grid-column: 2;
grid-row: 2;
display: flex !important;
flex-direction: column;
align-self: start;
gap: 12px;
padding: 0 12px;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .data_urodzenia_data_zgonu {
order: 1;
display: block !important;
min-height: 0;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .date,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .date p {
margin: 0 !important;
padding: 0 !important;
color: #00124c !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.45 !important;
text-align: center !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .date::after {
content: "Sektor / Rząd / Numer\A" attr(data-local391-location);
display: block;
margin-top: 16px;
color: #00124c;
font-size: 17px;
line-height: 1.4;
text-align: center;
white-space: pre;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .date::before {
content: "";
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .waznosc_grobu {
order: 2;
display: block !important;
margin: 24px 0 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
color: #89764b !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
text-align: center;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .waznosc_grobu strong,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .waznosc_grobu b,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta .waznosc_grobu span {
color: #00124c !important;
font-size: 34px !important;
font-weight: 400 !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map {
grid-column: 1;
grid-row: 4;
display: block !important;
width: 100% !important;
max-width: none !important;
aspect-ratio: auto;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map .location_grave.gn-sector-map-panel {
display: flex !important;
width: 100% !important;
height: auto !important;
min-height: 470px;
margin: 0 !important;
padding: 54px 14px 14px !important;
border: 1px solid #bfa465 !important;
border-radius: 10px !important;
background: #ffffff !important;
overflow: hidden;
position: relative;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map .location_grave.gn-sector-map-panel::before {
content: attr(data-local391-title);
position: absolute;
top: 8px;
right: 10px;
left: 10px;
color: #00124c;
font-size: 29px;
font-weight: 400;
line-height: 1.2;
text-align: center;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map .location_grave a,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map .location_grave img {
max-height: 410px !important;
}
html body.gn-modern.gn-local-391 .grave .gn-actions-left {
grid-column: 1;
grid-row: 3;
align-self: start;
margin: 0 !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany > .actions-grid {
grid-column: 2;
grid-row: 3 / span 2;
align-self: start;
margin: 0 !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px 18px !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .gold-box {
width: 100% !important;
margin: 0 !important;
border: 0 !important;
border-radius: 7px !important;
background: transparent !important;
box-shadow: none !important;
overflow: visible;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .gold-box a {
display: grid !important;
grid-template-columns: 27px minmax(0, 1fr);
gap: 8px;
align-items: center;
width: 100% !important;
min-height: 48px;
padding: 6px 10px !important;
border: 0 !important;
border-radius: 7px !important;
background: #c7a95f !important;
color: #ffffff !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35) !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .gn-action-icon {
display: flex;
align-items: center;
justify-content: center;
width: 27px;
height: 27px;
border: 0 !important;
background: transparent !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .gn-action-icon img {
width: 25px !important;
height: 25px !important;
filter: brightness(0) invert(1);
object-fit: contain;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .tekst-button p {
margin: 0 !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.05 !important;
text-align: center !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid .gn-action-arrow {
display: none !important;
}
html body.gn-modern.gn-local-391 .grave .gn-actions-left {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
html body.gn-modern.gn-local-391 .grave .gn-grave-candles,
html body.gn-modern.gn-local-391 .grave .gn-grave-flowers {
grid-column: 2;
}
html body.gn-modern.gn-local-391 .grave .gn-location-bio {
grid-column: 1 / -1;
grid-row: 5;
}
/* ── Zasłużeni ──────────────────────────────────────────────────────────── */
/*
* Tło hoveru i gradient aktywnej kategorii motyw nowoczesny ma wpisane na
* sztywno w zieleni, więc sama podmiana zmiennych ich nie zdejmuje.
* 3.9.1 zna tylko granat #00124c i złoto #bfa465.
*/
html body.gn-modern.gn-local-391 .gn-honored__cats-title {
background: #00124c !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391 .gn-honored__cats li a {
color: #00124c !important;
font-weight: 400 !important;
}
html body.gn-modern.gn-local-391 .gn-honored__cats li a:hover,
html body.gn-modern.gn-local-391 .gn-honored__cats li a:focus-visible {
border-left-color: #bfa465 !important;
background: rgba(191, 164, 101, 0.16) !important;
color: #00124c !important;
}
html body.gn-modern.gn-local-391 .gn-honored__cats li a:focus-visible {
outline-color: #bfa465 !important;
}
html body.gn-modern.gn-local-391 .gn-honored__cats li.is-active a,
html body.gn-modern.gn-local-391 .gn-honored__cats li.is-active a:hover {
border-left-color: #bfa465 !important;
background: #00124c !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391 .gn-honored__cats li.is-active a::after {
color: #bfa465 !important;
}
html body.gn-modern.gn-local-391 .gn-honored__letters a {
color: #00124c !important;
}
html body.gn-modern.gn-local-391 .gn-honored__letters a:hover {
border-color: #bfa465 !important;
background: rgba(191, 164, 101, 0.16) !important;
}
html body.gn-modern.gn-local-391 .gn-honored__letters a.is-active {
border-color: #00124c !important;
background: #00124c !important;
color: #ffffff !important;
}
/* Wyróżnienie zasłużonego stoi w lewej kolumnie karty grobu, pod kaflami nawigacji. */
html body.gn-modern.gn-local-391 .grave .gn-honored-card {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 18px 22px !important;
gap: 16px;
border: 1px solid rgba(191, 164, 101, 0.5) !important;
border-left: 5px solid #bfa465 !important;
border-radius: 10px !important;
background: linear-gradient(135deg, rgba(191, 164, 101, 0.16), rgba(191, 164, 101, 0) 58%), #ffffff !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .grave .gn-honored-card__icon {
background: #bfa465 !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391 .grave .gn-honored-card__eyebrow {
margin: 0 0 6px !important;
color: #6d6a63 !important;
font-size: 12px !important;
font-weight: 700 !important;
}
html body.gn-modern.gn-local-391 .grave .gn-honored-card__category {
margin: 0 !important;
color: #00124c !important;
font-size: 22px !important;
font-weight: 700 !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
}
html body.gn-modern.gn-local-391 .grave .gn-honored-card__description {
margin: 8px 0 0 !important;
color: #00124c !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.55 !important;
}
/* ── Wykaz grobów nieopłaconych ─────────────────────────────────────────── */
html body.gn-modern.gn-local-391 #search_p {
padding-top: 30px;
background: #eeeeee !important;
}
html body.gn-modern.gn-local-391 #search_p .results_form_search,
html body.gn-modern.gn-local-391 .gn-list-search {
width: min(960px, calc(100% - 32px)) !important;
max-width: 960px !important;
height: auto !important;
margin: 0 auto 26px !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .gn-list-search .wyszukaj h3 {
margin: 0 0 20px !important;
color: #00124c !important;
font-size: 20px !important;
font-weight: 400 !important;
text-align: center;
}
html body.gn-modern.gn-local-391 .gn-list-search .search_form_inline {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 130px;
gap: 16px;
align-items: center;
}
html body.gn-modern.gn-local-391 .gn-list-search input[type="text"] {
width: 100% !important;
height: 46px !important;
margin: 0 !important;
padding: 0 18px !important;
border: 1px solid #555555 !important;
border-radius: 50px !important;
background: #ffffff !important;
font-size: 14px !important;
}
html body.gn-modern.gn-local-391 .gn-list-search input[type="submit"] {
width: 130px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 16px !important;
border-radius: 8px !important;
background: #c7a95f !important;
color: #ffffff !important;
font-size: 15px !important;
}
html body.gn-modern.gn-local-391 .gn-unpaid-section-head {
width: min(960px, calc(100% - 32px)) !important;
max-width: 960px !important;
margin: 0 auto 26px !important;
}
html body.gn-modern.gn-local-391 .gn-unpaid-section-head h2 {
font-size: 25px !important;
}
html body.gn-modern.gn-local-391 .gn-unpaid-results,
html body.gn-modern.gn-local-391 #wykaz_pochowanych {
width: min(960px, calc(100% - 32px)) !important;
max-width: 960px !important;
margin: 0 auto !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table {
width: 100% !important;
min-width: 0 !important;
border: 1px solid #d8d8d8 !important;
border-radius: 0 !important;
background: transparent !important;
}
/* wzor391: Pochowany | data urodzenia | data śmierci | adres | karta. */
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(1),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(1),
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(5),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(5) {
display: none !important;
}
/*
* opisuje siedem kolumn, ale ukryte komórki znikają z wiersza, więc
* pozostałe pięć przejmuje szerokości kolumn 1–5 — nazwisko dostawało 0 %,
* a przycisk wypadał poza tabelę. Przy table-layout: fixed wystarczy schować
* colgroup (tak samo robi widok mobilny) i zostawić szerokości na komórkach
* pierwszego wiersza. Suma widocznych kolumn to 100 %.
*/
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table colgroup {
display: none !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(2),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(2) {
width: 30% !important;
text-align: center !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(3),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(3),
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(4),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(4) {
width: 20% !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(6),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(6) {
width: 16% !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(7),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(7) {
width: 14% !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th,
html body.gn-modern.gn-local-391 #wykaz_pochowanych td {
height: 45px !important;
padding: 7px 10px !important;
border: 0 !important;
border-bottom: 1px solid #d8d8d8 !important;
background: transparent !important;
color: #00124c !important;
font-size: 14px !important;
font-weight: 400 !important;
text-align: center !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych th {
font-weight: 700 !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .button-szczegoly {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 106px !important;
min-height: 28px;
margin: 0 !important;
padding: 3px 12px !important;
border: 0 !important;
border-radius: 9px !important;
background: #c7a95f !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .pagination {
justify-content: center;
margin: 18px 0 0 !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .pagination li a,
html body.gn-modern.gn-local-391 #wykaz_pochowanych .pagination li span {
min-width: 32px;
height: 32px;
padding: 6px 10px !important;
border: 1px solid #d3d3d3 !important;
border-radius: 0 !important;
background: #ffffff !important;
color: #5f83a3 !important;
font-size: 13px !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .pagination li.active span {
border-color: #4d94c0 !important;
background: #4d94c0 !important;
color: #ffffff !important;
}
/* ── Rocznice ───────────────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391 .gn-anniversaries-head {
display: none !important;
}
html body.gn-modern.gn-local-391 .gn-anniversaries-results {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 ul#rocznice.results_list {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 240px)) !important;
justify-content: space-between;
gap: 36px 40px !important;
width: 100% !important;
}
html body.gn-modern.gn-local-391 ul#rocznice.results_list > li {
display: flex !important;
width: 100% !important;
min-height: 314px;
margin: 0 !important;
padding: 6px 4px !important;
border: 0 !important;
border-radius: 20px !important;
background: #ffffff !important;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1) !important;
overflow: hidden;
}
html body.gn-modern.gn-local-391 ul#rocznice .rocznice-photo,
html body.gn-modern.gn-local-391 ul#rocznice .rocznice-photo img {
display: block;
width: 100% !important;
height: 205px !important;
margin: 0 0 8px !important;
border-radius: 16px 16px 0 0 !important;
object-fit: cover;
}
html body.gn-modern.gn-local-391 ul#rocznice .sp {
color: #00124c !important;
font-size: 16px !important;
font-weight: 400 !important;
line-height: 1.25 !important;
text-align: center;
text-transform: uppercase;
}
html body.gn-modern.gn-local-391 ul#rocznice .data {
margin: 2px 0 !important;
color: #00124c !important;
font-size: 14px !important;
text-align: center;
}
html body.gn-modern.gn-local-391 ul#rocznice .rocznica {
margin: 0 !important;
color: #a60000 !important;
font-size: 14px !important;
text-align: center;
}
html body.gn-modern.gn-local-391 ul#rocznice .gn-list-location {
display: none !important;
}
/* ── Nekrologi ───────────────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391 .obituaries {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
html body.gn-modern.gn-local-391 .obituaries blockquote {
max-width: 900px;
margin: 0 auto 28px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
color: #00124c !important;
text-align: center;
}
html body.gn-modern.gn-local-391 .obituaries blockquote::before {
display: none !important;
content: none !important;
}
html body.gn-modern.gn-local-391 .obituaries blockquote p,
html body.gn-modern.gn-local-391 .obituaries blockquote h2 {
max-width: 900px;
margin: 4px auto !important;
color: #00124c !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 24px !important;
font-style: normal !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
html body.gn-modern.gn-local-391 .obituaries blockquote footer {
margin-top: 16px;
color: #00124c !important;
font-size: 12px !important;
}
html body.gn-modern.gn-local-391 .obituaries_img {
display: block !important;
width: 720px;
max-width: 100%;
margin: 0 auto;
padding: 10px 0;
background: #ffffff;
text-align: center;
overflow: hidden;
}
html body.gn-modern.gn-local-391 .obituaries_img > img,
html body.gn-modern.gn-local-391 .obituaries_img .nekrolog-html-wrap {
width: min(630px, 88%) !important;
margin: 0 auto 20px;
box-shadow: none !important;
}
/* ── Wirtualny spacer ───────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391 .gn-spacer-picker .gn-section-head {
margin-bottom: 22px !important;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker .gn-section-head p:not(.gn-card__eyebrow) {
margin: 8px 0 0;
color: #00124c !important;
font-size: 16px;
font-weight: 400;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__list {
gap: 28px;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__item {
flex: 0 1 240px;
width: 240px;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__link {
height: 215px;
padding: 6px 4px;
border: 0;
border-radius: 20px;
background: #ffffff;
box-shadow: 0 0 10px 0 rgba(218, 216, 216, 1);
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__link:hover {
transform: none;
box-shadow: 0 0 12px 0 rgba(196, 194, 194, 1);
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__media {
height: 125px;
border-radius: 16px 16px 0 0;
background: #eeeeee;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__name {
padding: 7px 8px 3px;
color: #00124c !important;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
}
html body.gn-modern.gn-local-391 .gn-spacer-picker__badge--overlay {
right: 50%;
bottom: -72px;
width: 42px;
height: 42px;
transform: translateX(50%);
filter: none;
}
html body.gn-modern.gn-local-391 .gn-spacer-viewer {
background: #eeeeee;
}
html body.gn-modern.gn-local-391 .gn-spacer-viewer__bar {
max-width: 1200px;
width: calc(100% - 32px);
margin: 20px auto 0;
padding: 10px 14px;
border-radius: 10px 10px 0 0;
background: #ffffff;
color: #00124c;
}
html body.gn-modern.gn-local-391 .gn-spacer-viewer__back {
border: 0;
border-radius: 8px;
background: #c7a95f;
color: #ffffff !important;
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);
}
html body.gn-modern.gn-local-391 .gn-spacer-viewer__frame {
max-width: 1200px;
width: calc(100% - 32px);
margin: 0 auto 20px;
}
/* Kontakt zachowuje obecny układ; wymieniamy jedynie zieleń na paletę 3.9.1. */
html body.gn-modern.gn-local-391 .contact_form_content,
html body.gn-modern.gn-local-391 .contact_form_contentz {
border-color: #d4d4d4 !important;
background: #ffffff !important;
color: #00124c !important;
box-shadow: 0 0 10px rgba(218, 216, 216, 0.8) !important;
}
@media (max-width: 900px) {
html body.gn-modern.gn-local-391 .grave {
display: block !important;
padding: 18px !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-hero,
html body.gn-modern.gn-local-391 .grave #detaleZdjecie,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-meta,
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map,
html body.gn-modern.gn-local-391 .grave .gn-actions-left,
html body.gn-modern.gn-local-391 .grave #detalePochowany > .actions-grid {
display: block !important;
margin-bottom: 18px !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main,
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > #detalePochowany {
display: block !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-top {
display: flex !important;
}
html body.gn-modern.gn-local-391 ul#rocznice.results_list {
grid-template-columns: repeat(2, minmax(0, 240px)) !important;
justify-content: center;
}
}
@media (max-width: 760px) {
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(1),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(1),
html body.gn-modern.gn-local-391 #wykaz_pochowanych th:nth-child(5),
html body.gn-modern.gn-local-391 #wykaz_pochowanych td:nth-child(5) {
display: none !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table tbody {
display: table-row-group !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table tbody tr {
display: table-row !important;
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table tbody td {
display: table-cell !important;
width: auto !important;
padding: 7px 5px !important;
border-bottom: 1px solid #d8d8d8 !important;
font-size: 12px !important;
}
html body.gn-modern.gn-local-391 #wykaz_pochowanych .gn-unpaid-table tbody td::before {
display: none !important;
}
}
@media (max-width: 600px) {
html body.gn-modern.gn-local-391 .next_prev {
display: grid;
grid-template-columns: 1fr 1fr;
}
html body.gn-modern.gn-local-391 .next_prev a {
width: 100% !important;
height: 44px !important;
margin: 0 !important;
font-size: 14px !important;
}
html body.gn-modern.gn-local-391 .grave {
width: calc(100% - 20px) !important;
padding: 12px !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-hero h2 {
font-size: 22px !important;
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-top {
display: block !important;
}
html body.gn-modern.gn-local-391 .grave .actions-grid,
html body.gn-modern.gn-local-391 .grave .gn-actions-left {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body.gn-modern.gn-local-391 .grave .gn-pochowany-map .location_grave.gn-sector-map-panel {
min-height: 360px;
}
html body.gn-modern.gn-local-391 .gn-list-search .search_form_inline {
grid-template-columns: 1fr;
}
html body.gn-modern.gn-local-391 .gn-list-search input[type="submit"] {
width: 100% !important;
}
html body.gn-modern.gn-local-391 ul#rocznice.results_list {
grid-template-columns: minmax(0, 280px) !important;
}
html body.gn-modern.gn-local-391 .gn-spacer-viewer__bar,
html body.gn-modern.gn-local-391 .gn-spacer-viewer__frame {
width: calc(100% - 20px);
}
}
/* Karta grobu korzysta z wariantu markupu 3.9.1: nagłówek osoby jest w prawej
* kolumnie, a sektorówka osobnym elementem lewej kolumny. Te reguły celowo są
* ostatnie i zastępują wcześniejszą próbę przenoszenia potomków przez contents.
*/
html body.gn-modern.gn-local-391 .grave {
display: block !important;
padding: 22px 26px !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main {
display: grid !important;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
grid-template-rows: auto auto auto auto;
grid-template-areas:
"photo details"
"actions details"
"honored details"
"map details";
column-gap: 34px;
row-gap: 18px;
align-items: start;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > #detaleZdjecie {
grid-area: photo;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > #detalePochowany {
display: block !important;
grid-area: details;
width: 100% !important;
padding: 0 12px !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany > .gn-grave-hero {
display: block !important;
margin: 0 0 12px !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
color: #00124c !important;
box-shadow: none !important;
overflow: visible;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany > .gn-grave-hero h2 {
margin: 0 !important;
color: #00124c !important;
font-size: 29px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-align: center;
text-transform: uppercase;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-top {
display: block !important;
margin: 0 !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-meta {
display: flex !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
gap: 18px;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-meta .data_urodzenia_data_zgonu,
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-meta .waznosc_grobu {
flex: 0 0 auto !important;
height: auto !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-meta .waznosc_grobu {
margin-top: 62px !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > .gn-actions-left {
grid-area: actions;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > .gn-honored-card {
grid-area: honored;
align-self: start;
margin: 0 !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > .gn-local391-sector-map {
display: block !important;
grid-area: map;
width: 100% !important;
margin: 0 !important;
aspect-ratio: auto !important;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > .gn-local391-sector-map .gn-sector-map-panel {
min-height: 470px;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany > .actions-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 22px 0 0 !important;
}
@media (max-width: 900px) {
html body.gn-modern.gn-local-391 .grave > .gn-grave-main {
display: grid !important;
grid-template-columns: 1fr;
grid-template-areas:
"photo"
"actions"
"honored"
"map"
"details";
gap: 18px;
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > #detalePochowany {
display: block !important;
padding: 0 !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany .gn-pochowany-meta {
display: flex !important;
}
}
@media (max-width: 600px) {
html body.gn-modern.gn-local-391 .grave #detalePochowany > .gn-grave-hero h2 {
font-size: 22px !important;
}
html body.gn-modern.gn-local-391 .grave #detalePochowany > .actions-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
html body.gn-modern.gn-local-391 .grave > .gn-grave-main > .gn-local391-sector-map .gn-sector-map-panel {
min-height: 360px;
}
}
/* ══ Tryb nocny 3.9.1 — nadpisania na końcu pliku ════════════════════════════
*
* Wcześniejsza sekcja „Tryb nocny" (na górze pliku) używa krótkich selektorów
* `body.gn-local-391.dark-mode …`, a jasne reguły motywu pisane są mocniej
* (`html body.gn-modern.gn-local-391 .grave …`). Przy równym `!important`
* wygrywała specyficzność, więc karta grobu, menu i listy zostawały białe albo
* granatowe na granatowym. Te reguły powtarzają kształt selektorów jasnych,
* dokładając klasę `.dark-mode`, i stoją na końcu pliku, żeby wygrywały też
* kolejnością.
*
* Paleta: tło #111936, karta #111a38, pola #16204a, obramowania #435079,
* tekst #f4f4f4 / #d1d5db, akcent złoty #bfa465, pasy granatowe #00124c.
*/
html body.gn-modern.gn-local-391.dark-mode {
--gn-text: #f4f4f4;
--gn-text-muted: #d1d5db;
--gn-surface: #111936;
--gn-surface-2: #16204a;
--gn-card: #111a38;
--gn-border: #435079;
--gn-border-strong: #bfa465;
--gn-input-border: #435079;
background: #111936;
color: #f4f4f4;
}
html body.gn-modern.gn-local-391.dark-mode a,
html body.gn-modern.gn-local-391.dark-mode a:hover,
html body.gn-modern.gn-local-391.dark-mode a:focus {
color: #f4f4f4;
}
html body.gn-modern.gn-local-391.dark-mode .gn-main,
html body.gn-modern.gn-local-391.dark-mode .content-page,
html body.gn-modern.gn-local-391.dark-mode section#subpage,
html body.gn-modern.gn-local-391.dark-mode section#search,
html body.gn-modern.gn-local-391.dark-mode section#contact_form,
html body.gn-modern.gn-local-391.dark-mode section#map,
html body.gn-modern.gn-local-391.dark-mode #search_p {
background: #111936 !important;
}
/* ── Nagłówek i menu ────────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode .gn-header,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g {
background: #00124c !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header__tools.pasek {
background: #0b1435 !important;
border-bottom: 1px solid #253061 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header__title h1,
html body.gn-modern.gn-local-391.dark-mode .gn-header__title h1 a,
html body.gn-modern.gn-local-391.dark-mode .gn-header__accessibility {
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header #language_selector,
html body.gn-modern.gn-local-391.dark-mode .gn-header .custom-select .selected {
background-color: #16204a !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f4f4f4' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header #language_selector option {
background-color: #111a38;
color: #f4f4f4;
}
html body.gn-modern.gn-local-391.dark-mode .gn-header #toggle-dark-mode {
border-color: #435079 !important;
background: #16204a !important;
color: #f4f4f4 !important;
}
/* Pozycje menu były granatowe na granatowym pasku — czyli niewidoczne. */
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > a.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > button.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-nav ol#menu a.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-nav ol#menu button.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-header .gn-nav ol#menu a.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-header .gn-nav ol#menu button.btn {
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > a.btn:hover,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > button.btn:hover,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > a.btn.active,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li:hover > a.btn,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li:hover > button.btn {
color: #bfa465 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-nav ol#menu > li > ol {
border-color: #435079 !important;
background: #16204a !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > ol a.btn {
background: #16204a !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > ol a.btn:hover,
html body.gn-modern.gn-local-391.dark-mode .gn-nav.menu_g ol#menu > li > ol a.btn.active {
background: #1f2b5c !important;
color: #bfa465 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-nav ol#menu > li {
border-bottom-color: #253061;
}
html body.gn-modern.gn-local-391.dark-mode .gn-menu-toggle {
border-color: #435079;
background: #16204a;
color: #f4f4f4;
}
/* ── Strona główna ──────────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode a.home-tile.white-box {
border: 1px solid #253061 !important;
background: #111a38 !important;
}
html body.gn-modern.gn-local-391.dark-mode .home-tile__body .naglowki-glowna h2 {
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .home-tile__body .tresc-glowna h3 {
color: #d1d5db !important;
}
/* ── Karty, listy, formularze ───────────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode .gn-card,
html body.gn-modern.gn-local-391.dark-mode .grave,
html body.gn-modern.gn-local-391.dark-mode .results,
html body.gn-modern.gn-local-391.dark-mode .white-box,
html body.gn-modern.gn-local-391.dark-mode .contact_form_content,
html body.gn-modern.gn-local-391.dark-mode .contact_form_contentz,
html body.gn-modern.gn-local-391.dark-mode #form-wrapper,
html body.gn-modern.gn-local-391.dark-mode .obituaries,
html body.gn-modern.gn-local-391.dark-mode .obituaries_img,
html body.gn-modern.gn-local-391.dark-mode .opiekun_about,
html body.gn-modern.gn-local-391.dark-mode .search_form,
html body.gn-modern.gn-local-391.dark-mode .results_form_search,
html body.gn-modern.gn-local-391.dark-mode .search_form_p,
html body.gn-modern.gn-local-391.dark-mode .results_list li,
html body.gn-modern.gn-local-391.dark-mode ul#rocznice.results_list > li,
html body.gn-modern.gn-local-391.dark-mode ul#osoby li {
border-color: #253061 !important;
background: #111a38 !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-main .gn-section-head,
html body.gn-modern.gn-local-391.dark-mode .gn-main .gn-section-head h1,
html body.gn-modern.gn-local-391.dark-mode .gn-main .gn-section-head h2,
html body.gn-modern.gn-local-391.dark-mode .gn-list-search .wyszukaj h3,
html body.gn-modern.gn-local-391.dark-mode ul#rocznice .sp,
html body.gn-modern.gn-local-391.dark-mode ul#rocznice .data,
html body.gn-modern.gn-local-391.dark-mode .pagination li a,
html body.gn-modern.gn-local-391.dark-mode .pagination li span {
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-list-location > span {
background: #1b2550;
color: #f4f4f4;
}
html body.gn-modern.gn-local-391.dark-mode input[type="text"],
html body.gn-modern.gn-local-391.dark-mode input[type="email"],
html body.gn-modern.gn-local-391.dark-mode input[type="tel"],
html body.gn-modern.gn-local-391.dark-mode input[type="number"],
html body.gn-modern.gn-local-391.dark-mode input[type="search"],
html body.gn-modern.gn-local-391.dark-mode input[type="date"],
html body.gn-modern.gn-local-391.dark-mode input[type="file"],
html body.gn-modern.gn-local-391.dark-mode select,
html body.gn-modern.gn-local-391.dark-mode textarea,
html body.gn-modern.gn-local-391.dark-mode .form-control,
html body.gn-modern.gn-local-391.dark-mode .form-select,
html body.gn-modern.gn-local-391.dark-mode .szukaj_pole,
html body.gn-modern.gn-local-391.dark-mode .nice-select,
html body.gn-modern.gn-local-391.dark-mode .gn-list-search input[type="text"] {
border-color: #435079 !important;
background: #16204a !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode input::placeholder,
html body.gn-modern.gn-local-391.dark-mode textarea::placeholder {
color: #9aa3bd !important;
}
html body.gn-modern.gn-local-391.dark-mode table.wynikit td,
html body.gn-modern.gn-local-391.dark-mode #wykaz_pochowanych td,
html body.gn-modern.gn-local-391.dark-mode #wykaz_rezerwacji td,
html body.gn-modern.gn-local-391.dark-mode .grave table td {
border-color: #253061 !important;
background: #111a38 !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode #wykaz_pochowanych th,
html body.gn-modern.gn-local-391.dark-mode #wykaz_rezerwacji th,
html body.gn-modern.gn-local-391.dark-mode table.wynikit th,
html body.gn-modern.gn-local-391.dark-mode .grave table th {
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode #wykaz_pochowanych .pagination li a,
html body.gn-modern.gn-local-391.dark-mode #wykaz_pochowanych .pagination li span {
background: #111a38 !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .next_prev a {
background: #111a38 !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .next_prev a:hover {
background: #bfa465 !important;
color: #00124c !important;
}
/* Zielony krążek pod strzałką zostaje z motywu nowoczesnego — 3.9.1 ma samą strzałkę. */
html body.gn-modern.gn-local-391.dark-mode .next_prev a i {
background: transparent !important;
box-shadow: none !important;
}
/* ── Karta grobu ────────────────────────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode .grave > .gn-grave-hero,
html body.gn-modern.gn-local-391.dark-mode .grave > .gn-grave-hero h2,
html body.gn-modern.gn-local-391.dark-mode .grave #detalePochowany > .gn-grave-hero,
html body.gn-modern.gn-local-391.dark-mode .grave #detalePochowany > .gn-grave-hero h2,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .date,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .date p,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .waznosc_grobu strong,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .waznosc_grobu b,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .waznosc_grobu span {
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-meta .date::after,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-map .location_grave.gn-sector-map-panel::before {
color: #d1d5db;
}
html body.gn-modern.gn-local-391.dark-mode .grave .gn-pochowany-map .location_grave.gn-sector-map-panel {
border-color: #253061 !important;
background: #111a38 !important;
}
/* Zastępcze grafiki (brak mapki, brak zdjęcia, rezerwacja) są białe — w nocy świecą. */
html body.gn-modern.gn-local-391.dark-mode img[src*="no_map"],
html body.gn-modern.gn-local-391.dark-mode img[src*="no_picture"],
html body.gn-modern.gn-local-391.dark-mode img[src*="no_photo"],
html body.gn-modern.gn-local-391.dark-mode img[src*="rezerwacja"] {
filter: invert(0.9) hue-rotate(180deg);
opacity: 0.88;
}
html body.gn-modern.gn-local-391.dark-mode .grave .gn-honored-card {
border-color: rgba(191, 164, 101, 0.45) !important;
background: linear-gradient(135deg, rgba(191, 164, 101, 0.14), rgba(191, 164, 101, 0) 58%), #111a38 !important;
}
html body.gn-modern.gn-local-391.dark-mode .grave .gn-honored-card__eyebrow {
color: #bfa465 !important;
}
html body.gn-modern.gn-local-391.dark-mode .grave .gn-honored-card__category,
html body.gn-modern.gn-local-391.dark-mode .grave .gn-honored-card__description {
color: #f4f4f4 !important;
}
/* ── Zasłużeni, spacer, nekrologi ───────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode .gn-honored__cats li a,
html body.gn-modern.gn-local-391.dark-mode .gn-honored__letters a,
html body.gn-modern.gn-local-391.dark-mode .obituaries blockquote,
html body.gn-modern.gn-local-391.dark-mode .obituaries blockquote p,
html body.gn-modern.gn-local-391.dark-mode .obituaries blockquote h2,
html body.gn-modern.gn-local-391.dark-mode .obituaries blockquote footer,
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-picker .gn-section-head p:not(.gn-card__eyebrow),
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-picker__name {
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-honored__cats li a:hover,
html body.gn-modern.gn-local-391.dark-mode .gn-honored__cats li a:focus-visible {
background: rgba(191, 164, 101, 0.22) !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-honored__cats li.is-active a,
html body.gn-modern.gn-local-391.dark-mode .gn-honored__cats li.is-active a:hover,
html body.gn-modern.gn-local-391.dark-mode .gn-honored__letters a.is-active {
border-color: #bfa465 !important;
background: #bfa465 !important;
color: #00124c !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-picker__link,
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-viewer__bar {
background: #111a38;
color: #f4f4f4;
}
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-picker__media,
html body.gn-modern.gn-local-391.dark-mode .gn-spacer-viewer {
background: #16204a;
}
/* ── Stopka i belka cookies ─────────────────────────────────────────────── */
html body.gn-modern.gn-local-391.dark-mode .gn-footer,
html body.gn-modern.gn-local-391.dark-mode #footerE {
background: #00124c !important;
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-footer address,
html body.gn-modern.gn-local-391.dark-mode .gn-footer address p,
html body.gn-modern.gn-local-391.dark-mode .gn-footer .copyright,
html body.gn-modern.gn-local-391.dark-mode .gn-footer .copyright p,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__name,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__tagline,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__visits,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__visits-label,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__visits-value,
html body.gn-modern.gn-local-391.dark-mode .gn-footer-logo-caption,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__sites,
html body.gn-modern.gn-local-391.dark-mode .gn-footer__legal a {
color: #ffffff !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-footer__legal {
border-top-color: #253061 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-cookie-banner {
border-color: #253061 !important;
background: #111a38 !important;
color: #f4f4f4 !important;
}
html body.gn-modern.gn-local-391.dark-mode .gn-cookie-banner__accept {
background: #bfa465 !important;
color: #00124c !important;
}