/* 오오극장 하위 페이지 공통 우측 패널 (theater-info.html 기준 밝은 톤) */

/* 오오극장 정보 5페이지 우측 패널 공통 */
.right.sub-page,
.right.theater-info,
.right.viewing-guide {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  min-width: 0;
  /* padding·배경·전경: css/components/theater-page-head.css */
  -webkit-font-smoothing: antialiased;
  /* 섹션 공통 팔레트 (밝은 배경 · 어두운 전경, WCAG AA 대비) */
  --ti-content-max: 640px;
  --ti-surface: #ffffff;
  --ti-surface-alt: #f2f2f2;
  --ti-text: #1a1a1a;
  --ti-text-strong: #0a0a0a;
  --ti-text-secondary: #3d3d3d;
  --ti-text-muted: #444444;
  --ti-accent: #5c4a0f;
  --ti-accent-hover: #3d3209;
  --ti-border: #bdbdbd;
}

/* 본문 스크롤 — max-width·margin 5페이지 동일 (theater-info 기준 640px) */
.sub-scroll,
.theater-scroll,
.viewing-scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  width: 100%;
  max-width: var(--ti-content-max, 640px);
  margin-inline: auto;
  margin-block: 0;
  padding-bottom: 32px;
}

/* figure 상단 이미지 — 좌석후원(ti-seat-photo)과 동일한 안쪽 테두리 */
.dg-photo,
.seat-photo {
  position: relative;
}

.dg-photo::after,
.seat-photo::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 3px solid rgba(255, 255, 255, 0.9);
  pointer-events: none;
}