/*
 * Strona grupy (formularz hasła i galeria). Kolory dziedziczone z motywu
 * (currentColor), żeby pasowały do każdego wariantu szablonu.
 */
.sidip-dostep { max-width: 34rem; }
.sidip-dostep__formularz { margin-top: 1.5rem; }
.sidip-pole { margin-bottom: 1.25rem; }
.sidip-pole label { display: block; font-weight: 700; margin-bottom: 0.25rem; }
.sidip-haslo { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.sidip-haslo input {
	flex: 1 1 14rem; min-height: 48px; padding: 0.5rem 0.75rem; font: inherit;
	border: 2px solid currentColor; border-radius: 0.375rem; background: transparent; color: inherit;
}
.sidip-blad { margin: 0 0 0.5rem; font-weight: 700; color: #a50e0e; }
.sidip-pole--blad input { border-width: 3px; border-color: #a50e0e; }
.sidip-przycisk {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px;
	padding: 0.625rem 1.5rem; border: 2px solid currentColor; border-radius: 999px;
	font: inherit; font-weight: 700; cursor: pointer; background: transparent; color: inherit;
}
.sidip-przycisk:hover { text-decoration: underline; }
.sidip-przycisk:focus-visible, .sidip-haslo input:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }

.sidip-wpis { margin: 0 0 3rem; }
/* Stała informacja grupy (nad wpisami). */
.sidip-informacja { margin: 0 0 2.5rem; padding: 1.25rem 1.5rem; border: 2px solid var(--linia, #c4c9d2); border-radius: 0.75rem; background: var(--tlo-3, #f3f5f9); }
.sidip-informacja h2 { margin-top: 0; }
.sidip-informacja p:last-child { margin-bottom: 0; }
.sidip-wpis__data { margin-top: 0; }
.sidip-galeria { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.75rem; grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }
.sidip-galeria a { display: block; border-radius: 0.375rem; }
.sidip-galeria a:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.sidip-galeria img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 0.375rem; }
.sidip-pobierz { margin-top: 1rem; }
.sidip-pobierz .sidip-przycisk { gap: 0.5rem; text-decoration: none; flex-wrap: wrap; }
.sidip-pobierz .sidip-przycisk:hover { text-decoration: underline; }
.sidip-sr-only {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
/* Strona pokazowa: jawne hasło do grupy demonstracyjnej (tylko gdy opcja sidip_demo). */
.sidip-demo { margin: 0 0 1.25rem; padding: .75rem 1rem; border-left: 4px solid var(--ostrz, #7A4E00); border-radius: .25rem; background: var(--ostrz-tlo, #FFF1CC); color: var(--tekst, #1F2A37); }
.sidip-demo code { font-family: inherit; font-weight: 700; font-size: 1.0625em; letter-spacing: .02em; user-select: all; }
/* Pobieranie wybranych zdjęć. Bez JS pola wyboru pod miniaturami; ze skryptem ukryte do czasu
   włączenia trybu wyboru ("Wybierz zdjęcia"), wtedy jako nakładka w rogu miniatury. */
.sidip-pobierz { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-top: 1rem; }
.sidip-galeria li { position: relative; }
.sidip-zaznacz { display: flex; align-items: center; gap: .5rem; min-height: 24px; margin-top: .375rem; font-size: .9375rem; line-height: 1.4; }
.sidip-zaznacz input { flex: none; width: 1.25rem; height: 1.25rem; margin: 0; accent-color: currentColor; cursor: pointer; }
.sidip-zaznacz label { cursor: pointer; }
.sidip-galeria--js .sidip-zaznacz { display: none; }
.sidip-galeria--wybor .sidip-zaznacz {
	display: flex; position: absolute; top: .5rem; left: .5rem; margin: 0; padding: .25rem .625rem .25rem .5rem;
	border-radius: 999px; background: rgba(255, 255, 255, .95); color: #1F2A37; box-shadow: 0 1px 4px rgba(0, 0, 0, .25);
}
.sidip-galeria--wybor a { cursor: pointer; }
.sidip-galeria--wybor li:not(:has(input:checked)) img { opacity: .8; }
.sidip-galeria li:has(input:checked) img { outline: 3px solid currentColor; outline-offset: 2px; opacity: 1; }
.sidip-wybor__pomoc { margin: .75rem 0 0; font-size: .9375rem; }
.sidip-wybor__komunikat { margin: .5rem 0 0; font-weight: 700; }
.sidip-wybor__komunikat:empty { display: none; }
.sidip-link { min-height: 44px; padding: 0 .5rem; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: .18em; cursor: pointer; }
.sidip-link:hover { text-decoration-thickness: 2px; }
.sidip-link:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.sidip-wpis__data span { display: block; }
.sidip-wpis__wygasa { margin: 1.25rem 0 0; font-size: .9375rem; }
.sidip-wpis__wygasa span { display: block; }
.sidip-wpis__wygasa span + span { margin-top: .25rem; }
.sidip-wpis__data { font-weight: 700; }
/* Stronicowanie wpisów grupy i licznik. */
.sidip-licznik { margin: 0 0 1.25rem; font-size: .9375rem; }
.sidip-stronicowanie { margin-top: 2rem; }
.sidip-stronicowanie ul { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: .625rem; margin: 0; padding: 0; }
.sidip-stronicowanie li { margin: 0; }
.sidip-strona { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: .5rem .875rem; border: 2px solid currentColor; border-radius: 999px; font-weight: 700; text-decoration: none; color: inherit; }
.sidip-strona--kierunek { padding-inline: 1.25rem; }
.sidip-strona--teraz { box-shadow: inset 0 0 0 2px currentColor; }
.sidip-strona--teraz, .sidip-strona[aria-disabled="true"] { cursor: default; }
.sidip-strona[aria-disabled="true"] { border-style: dashed; opacity: .7; }
.sidip-strona__przerwa { padding: 0 .25rem; }