/* Fullscreen gallery overrides (scoped) */
.gallery-fullscreen-page .container {
  max-width: 100%;
  padding: 0;
}

.gallery-fullscreen-page .carousel.carousel--fixed {
  --slide-h: 100vh !important;
}

.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;
}

/* UI fullscreen: layout + chrome off */
body.gallery-fullscreen-page {
  overflow: hidden;
}

body.gallery-fullscreen-page #site-header,
body.gallery-fullscreen-page #site-footer {
  display: none !important;
}


/* OS fullscreen: fix spacing + safe areas */
body.is-osfullscreen {
  --header-offset: 0 !important;
  --header-h: 0 !important;
  --sticky-top-offset: 0;
  padding-top: 0 !important;

  /* optional: safer control offsets on notched devices */
  --safe-top: env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
}

/* When BOTH are true, you can fine-tune control placement 
body.gallery-fullscreen-page.is-osfullscreen .gallery-controls {
  top: calc(8px + var(--safe-top));
}*/

/* === Auto-generated responsiveness review for: assets/css/gallery_fullscreen.css === */
/* Breakpoint skeleton (fill in as needed) */
@media (max-width: 1200px) {
  /* xl down */
}

@media (max-width: 992px) {
  /* lg down: stack sidebars, shrink grids */
}

@media (max-width: 768px) {
  /* md down: single-column layout */
}

@media (max-width: 576px) {
  /* sm down: tighten paddings, font sizes */
}


/* === End auto-generated review === */