/*
 * Style galerii (lightbox) i kalendarza rezerwacji.
 * Ładowane po Tailwind CSS (wcześniej były wstawiane w stopce strony).
 */
[x-cloak] { display: none !important; }

.wp-block-gallery { gap: 1rem !important; margin: 2.5rem 0 !important; }
.wp-block-gallery figure { margin: 0 !important; cursor: pointer; position: relative; }
.wp-block-gallery figure::after { content: '+'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; color: white; opacity: 0; pointer-events: none; transition: opacity 0.3s; text-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.wp-block-gallery figure:hover::after { opacity: 1; }
.wp-block-gallery figure img { transition: transform 0.3s ease, filter 0.3s ease; border-radius: 6px; }
.wp-block-gallery figure:hover img { transform: scale(1.02); filter: brightness(0.9); }
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange { background: #1c2e2a; border-color: #1c2e2a; }
.flatpickr-day.inRange { background: #f3f4f6; border-color: #f3f4f6; color: #1c2e2a; box-shadow: -5px 0 0 #f3f4f6, 5px 0 0 #f3f4f6; }

/* Tekst tylko dla czytników ekranu (np. nagłówek paginacji) */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }

/* Podstrona Galeria (page-galeria.php) */
.alpina-gallery > :first-child { margin-top: 0 !important; }
.alpina-gallery > :last-child { margin-bottom: 0 !important; }
.alpina-gallery .wp-block-gallery.is-cropped figure.wp-block-image { aspect-ratio: 4 / 3; }

/* Galeria z pól SCF – równe kafelki 4:3, powiększenie po kliknięciu */
.alpina-gallery-section + .alpina-gallery-section { margin-top: 3rem; }
.alpina-gallery-section h2 { margin-top: 0; }
.alpina-gallery .alpina-gallery-item { display: block; position: relative; overflow: hidden; aspect-ratio: 4 / 3; border-radius: 6px; background-color: #f3f4f6; cursor: pointer; text-decoration: none; }
.alpina-gallery-item .alpina-gallery-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease, filter 0.3s ease; }
.alpina-gallery-item::after { content: '+'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2rem; color: white; opacity: 0; pointer-events: none; transition: opacity 0.3s; text-shadow: 0 2px 5px rgba(0,0,0,0.5); }
.alpina-gallery-item:hover::after { opacity: 1; }
.alpina-gallery-item:hover .alpina-gallery-img { transform: scale(1.02); filter: brightness(0.9); }