/* A normal editable Gallery in WordPress; a fixed-height photo carousel on the frontend. */
#main .als-hero-gallery.wp-block-gallery { display:block; margin:0; gap:0; }
#main .als-hero-gallery.wp-block-gallery > figure.wp-block-image {
  position:absolute; inset:0; width:100%; min-width:100%; max-width:none;
  height:100%; margin:0; display:block;
}
#main .als-hero-gallery > figure.wp-block-image > img { display:block; width:100%; height:100%; object-fit:cover; }
#main .als-hero-gallery:not(.is-enhanced) > figure.wp-block-image:not(:first-child) { display:none; }
.als-hero-gallery.is-enhanced > figure.wp-block-image { opacity:0; pointer-events:none; transition:opacity .5s ease; }
.als-hero-gallery.is-enhanced > figure.wp-block-image.is-current { opacity:1; pointer-events:auto; }
#main .als-hero-gallery.wp-block-gallery > figure.wp-block-image > figcaption {
  top:12px; bottom:auto; left:auto; right:12px; width:auto; max-width:calc(100% - 50px);
  padding:4px 9px; border-radius:3px; background:#063f32; color:#fff;
  font:10px/1.5 var(--als-sans); text-align:right;
}
.als-slider-controls {
  position:absolute; z-index:2; right:20px; bottom:20px; display:flex; align-items:center;
  gap:5px; padding:4px; border:1px solid #789084; border-radius:10px;
  background:#063f32; color:#fff; max-width:calc(100% - 24px);
}
.als-slider-controls button {
  min-width:44px; min-height:44px; padding:8px; border:0; border-radius:6px;
  color:#fff; background:transparent; font:600 15px/1 var(--als-sans); cursor:pointer;
}
.als-slider-controls button:hover { color:#123127; background:#d9ad39; }
.als-slider-controls button:focus-visible { outline:3px solid #fff; outline-offset:1px; }
.als-slider-controls .als-slider-play { font-size:12px; min-width:50px; border-left:1px solid #789084; border-radius:0 6px 6px 0; }
.als-slider-dots { display:flex; flex-wrap:wrap; align-items:center; max-width:220px; }
.als-slider-controls .als-slider-dot { position:relative; min-width:44px; min-height:44px; }
.als-slider-controls .als-slider-arrow,.als-slider-controls .als-slider-play { flex-shrink:0; }
.als-slider-dot::after { content:''; display:block; width:8px; height:8px; margin:auto; border:1px solid #fff; border-radius:50%; }
.als-slider-dot[aria-pressed="true"]::after { background:#d9ad39; border-color:#d9ad39; }
.als-slider-dot:hover::after { border-color:#123127; }
.als-hero-gallery { touch-action:pan-y pinch-zoom; }
@media(max-width:480px) {
  .als-slider-controls { right:12px; bottom:12px; }
  .als-slider-dots { max-width:132px; min-width:0; }
  #main .als-hero-gallery.wp-block-gallery > figure.wp-block-image > figcaption { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .als-hero-gallery.is-enhanced > figure.wp-block-image { transition:none; }
}
