/* Dreamspire safe mobile album | fixes iOS scroll-lock at layout source.
   Loaded after previous gallery styles. No changes to photo crop/metadata. */
#ds-album-independent-close { display:none!important; }
#ds-album-detail[hidden] { display:none!important; }
#ds-album-detail:not([hidden]) .ds-album-glass-header {
  position:relative!important;
  z-index:4!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  width:min(980px,100%)!important;
  margin:0 auto 10px!important;
  padding:12px 14px!important;
  border-radius:20px!important;
  background:rgba(37,52,76,.72)!important;
  border:1px solid rgba(255,255,255,.23)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-copy {
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-kicker {
  color:rgba(255,255,255,.65)!important;
  font:700 9px/1.3 system-ui,-apple-system,sans-serif!important;
  letter-spacing:.15em!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-copy #ds-album-name,
#ds-album-detail:not([hidden]) .ds-album-glass-copy #ds-album-desc {
  display:block!important;
  position:static!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  margin:0!important;
  text-align:left!important;
  overflow-wrap:anywhere!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-copy #ds-album-name {
  font:600 clamp(19px,5vw,27px)/1.12 system-ui,-apple-system,sans-serif!important;
  color:#fff!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-copy #ds-album-desc {
  font:400 11px/1.4 system-ui,-apple-system,sans-serif!important;
  color:rgba(255,255,255,.72)!important;
}
#ds-album-detail:not([hidden]) .ds-album-glass-header #ds-album-back {
  position:static!important;
  inset:auto!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 40px!important;
  box-sizing:border-box!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  max-width:40px!important;
  max-height:40px!important;
  padding:0!important;
  margin:0!important;
  border-radius:13px!important;
  color:#fff!important;
  font:400 25px/1 system-ui,-apple-system,sans-serif!important;
  border:1px solid rgba(255,255,255,.25)!important;
  background:rgba(255,255,255,.11)!important;
  opacity:1!important;
  text-indent:0!important;
  transform:none!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
}
@media (max-width:760px) {
  /* Keep the page scrollable even if old Safari gallery class is briefly set. */
  html.ds-album-gallery-open,
  html.ds-album-gallery-open body {
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:auto!important;
    height:auto!important;
    position:static!important;
    touch-action:auto!important;
  }
  /* Crucial change: mobile gallery is a page section, NOT a full-screen trap. */
  html body #panel-diaries #ds-albums #ds-album-detail:not([hidden]) {
    position:relative!important;
    inset:auto!important;
    box-sizing:border-box!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    margin:0 auto!important;
    padding:10px 8px 24px!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y!important;
    background:linear-gradient(180deg,#18243a,#0c1424)!important;
    border-radius:22px!important;
    isolation:isolate!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html body #ds-album-detail:not([hidden]) .ds-album-glass-header {
    position:sticky!important;
    top:calc(env(safe-area-inset-top,0px) + 10px)!important;
    width:100%!important;
    min-height:62px!important;
    padding:10px 11px 10px 14px!important;
    border-radius:16px!important;
    z-index:9!important;
  }
  html body #ds-album-detail:not([hidden]) .ds-album-glass-header #ds-album-back {
    flex-basis:38px!important;
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
  }
  /* The full photo grid participates in one natural iOS page scroll. */
  html body #ds-album-detail:not([hidden]) #ds-album-photos {
    position:relative!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:4px 2px 26px!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    touch-action:pan-y pinch-zoom!important;
  }
}