/* Demo-only controls for the Gading preview: photo switch and no-photo mode. */

/* Beats the page's icon sizing rule so the sprite sheet stays invisible. */
.demo-gading svg.svg-defs {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.demo-gading .noscript-note {
  position: fixed;
  bottom: 0;
  z-index: 60;
  padding: 10px;
  background: #f4eee2;
  font-size: 13px;
}

.demo-gading .photo-switch {
  display: flex;
  justify-content: center;
  background: #f4eee2;
  color: #1d2a23;
  z-index: 30;
}

.demo-gading .photo-switch button {
  border: 0;
  background: transparent;
}

.demo-gading .photo-switch [aria-pressed='true'] {
  background: #1f3329;
  color: #f4eee2;
}

.demo-gading .demo-ornament {
  display: none;
}

.gading-demo-no-photo .gading-seal.demo-ornament {
  display: grid;
}

.gading-demo-no-photo :is(
  .desktop-photo,
  .cover-photo,
  .hero-slides,
  .person-photo,
  .photo-interlude,
  .gallery,
  .closing-photo,
  a[href='#gallery']
) {
  display: none;
}

.gading-demo-no-photo .bottom-nav {
  --nav-count: 6;
}

/* catalogueThumbnail.css resizes covers built around a centered photo; keep the envelope layout. */
html[data-catalogue-thumbnail] .demo-gading .cover-content {
  min-height: var(--screen-height);
  padding: calc(var(--flap) + 62px) 24px 48px;
}

html[data-catalogue-thumbnail] .demo-gading .cover-photo {
  width: 92px;
}

html[data-catalogue-thumbnail] .demo-gading .cover .names > .name {
  font-size: inherit;
}

html[data-catalogue-thumbnail] .demo-gading .cover .names > .amp {
  font-size: 0.72em;
}

html[data-catalogue-thumbnail] .demo-gading .cover-date {
  margin: 14px 0 32px;
}