/* ===== PDF ışık kutusu — yayın satırına tıklandığında açılır ===== */

/*
 * Zemin, geçiş süresi ve kapat butonu `VideoLightbox` ile birebir aynıdır
 * (o da `ImagePreviewModal`'dan kopyalanmıştı) — üç ışık kutusu aynı hissi
 * vermeli. Sapan tek şey çerçeve: video 16:9, PDF dikey.
 *
 * Bu kurallar sub-component klasöründe durur, `global.css`'te değil. Video
 * yapı taşlarının global.css'te olması tarihsel bir kalıntı (bkz. global.css
 * "BU CSS NEDEN BURADA") ve orada scope'suz kalıyorlar; yeni yapı taşı
 * konvansiyona (CLAUDE.md 8) uyar ve ebeveyn section'ın scope'u altında
 * derlenir.
 */

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox {
  position: fixed;
  inset: 0;
  z-index: var(--kombos-z-overlay);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox--open, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox--open {
  opacity: 1;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__close, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: var(--kombos-white);
  color: var(--kombos-gray-900);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: background 0.15s;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__close svg.kombos-icon, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__close svg.kombos-icon {
  font-size: 1.25rem;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__close:hover, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__close:hover {
  background: var(--kombos-gray-50);
}

/*
 * PDF sayfaları dikey (A4 ≈ 1:1.41), bu yüzden çerçeve videonun 16:9'u yerine
 * ekranın izin verdiği kadar yüksek: yüksekliğin %88'i, genişlikte en fazla
 * 60rem. Kapat butonu zeminin sağ üstünde durduğu için üstte 3.5rem yer
 * bırakılır, çerçeve onun altına oturur.
 */
.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__frame, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__frame {
  display: flex;
  flex-direction: column;
  width: min(94vw, 60rem);
  height: min(88vh, 60rem);
  margin-top: 2.5rem;
  border-radius: 6px;
  overflow: hidden;
  background: var(--kombos-white);
  cursor: default;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__bar, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid var(--kombos-gray-200);
  background: var(--kombos-gray-50);
  color: var(--kombos-gray-900);
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__name, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Gömülü görüntüleyici çalışmadığında (iOS Safari) tek çıkış yolu bu bağlantı */
.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__new-tab, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__new-tab {
  flex: 0 0 auto;
  color: var(--xomage-link);
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.cc_mfkw8zzp_jApqhhE2NQ .xomage-pdf-lightbox__doc, .cc_mfkw8zzp_DbPfXBKL1Q .xomage-pdf-lightbox__doc {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  border: none;
}