/* =========================================================
   PHASE 19: HERO SLIDESHOW + ADMIN GALLERY SYNC
   Fixes: mobile slideshow hidden by older CSS, homepage gallery not reflecting admin album names.
   ========================================================= */

/* Make JS hero slides visible again, including mobile where an older phase hid them. */
.hp-hero #heroMedia .heroSlide{
  display:block !important;
  visibility:visible !important;
  opacity:0 !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  pointer-events:none !important;
  z-index:1 !important;
  transition:opacity .85s ease !important;
}
.hp-hero #heroMedia .heroSlide.is-active{
  opacity:1 !important;
  pointer-events:auto !important;
  z-index:2 !important;
}
.hp-hero #heroMedia .heroSlideMedia{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media(max-width:760px){
  .hp-hero #heroMedia .heroSlide,
  .hp-hero #heroMedia .heroSlide.is-active{
    display:block !important;
    visibility:visible !important;
  }
  .hp-hero #heroMedia .heroSlideMedia{
    object-position:center top !important;
    transform:none !important;
  }
  .hp-hero .heroFallback.has-live-slides{
    display:none !important;
  }
}
.hp-hero .heroDotRow{
  left:auto !important;
  right:clamp(14px,4vw,42px) !important;
  bottom:clamp(14px,3.2vw,42px) !important;
  transform:none !important;
  z-index:12 !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(5,8,15,.42) !important;
  border:1px solid rgba(230,199,102,.20) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}
.hp-hero .heroSlideDot{
  width:8px !important;
  height:8px !important;
  min-width:8px !important;
}
.hp-hero .heroSlideDot.is-active{
  width:26px !important;
}
@media(max-width:760px){
  .hp-hero .heroDotRow{
    bottom:10px !important;
    right:50% !important;
    transform:translateX(50%) !important;
    padding:7px 9px !important;
  }
}

/* Homepage gallery album/folder clarity */
.homeAlbumButton strong,
.homePhotoButton span,
.homeGalleryCoverInfo h3,
.homeGalleryCoverInfo p{
  overflow-wrap:anywhere;
}
.homeGalleryFolderBadge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(230,199,102,.30);
  background:rgba(230,199,102,.12);
  color:#f7dc8f;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.homeAlbumButton small{
  display:block;
  margin-top:2px;
  color:rgba(255,255,255,.58);
  font-size:10px;
  line-height:1.15;
}
html[data-theme="light"] .homeAlbumButton small{color:rgba(28,21,12,.62)}