/* İçerik altı OG Play tanıtım bandı (Views/Shared/_OgPlayTanitim.cshtml).
   Sinematik: Sahne bandın tamamını kaplar, metin soldan koyulaşan perdenin üstünde. Sahne bir video gibi
   koyu durduğu için gündüz ve gece aynı; çevresindeki kenarlık ve gölge temaya uyar. Dar ekranda sahne üstte,
   metin altta koyu panelde. */
.og-play-promo { margin: 2rem 0; }
.og-play-promo a.og-play-promo__card {
    position: relative; display: block; overflow: hidden; isolation: isolate;
    min-height: 15rem; border-radius: 1.25rem; background: #120f0b;
    color: #fff !important; text-decoration: none !important;
    box-shadow: 0 .9rem 2rem -1rem rgba(15, 12, 8, .55); border: 1px solid rgba(15, 12, 8, .12);
    transition: transform .2s ease, box-shadow .2s ease;
}
[data-theme="dark"] .og-play-promo a.og-play-promo__card { border-color: rgba(255, 255, 255, .08); box-shadow: 0 .9rem 2rem -1rem rgba(0, 0, 0, .8); }
.og-play-promo a.og-play-promo__card:hover, .og-play-promo a.og-play-promo__card:focus-visible { transform: translateY(-2px); box-shadow: 0 1.2rem 2.4rem -1rem rgba(15, 12, 8, .7); outline: none; }
.og-play-promo a.og-play-promo__card:focus-visible { box-shadow: 0 0 0 3px var(--promo-accent); }

/* Sahne: Yüklenene kadar gün batımı degradesi */
.og-play-promo__scene {
    position: absolute; inset: 0; z-index: -1;
    background: radial-gradient(120% 90% at 70% 30%, #6b4a2c 0%, #2c2016 55%, #120f0b 100%);
}
.og-play-promo__scene .og-sancak-teaser { position: absolute; inset: 0; width: 100%; height: 100%; display: block; opacity: 0; transition: opacity .9s ease; }
.og-play-promo__scene .og-play-promo__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; pointer-events: none; opacity: 0; transition: opacity .9s ease; }
.og-play-promo__scene.is-live .og-sancak-teaser, .og-play-promo__scene.is-live .og-play-promo__frame { opacity: 1; }
/* Metnin altındaki perde: Soldan sağa yumuşak karartma */
.og-play-promo__scene::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(10, 8, 6, .88) 0%, rgba(10, 8, 6, .62) 34%, rgba(10, 8, 6, 0) 62%);
}

.og-play-promo__body {
    position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: .55rem;
    max-width: 26rem; padding: 1.6rem 1.8rem; min-height: 15rem; justify-content: center;
    font-family: 'Outfit', sans-serif;
}
.og-play-promo__kicker { font-size: .8rem; font-weight: 600; letter-spacing: .02em; color: rgba(255, 255, 255, .78); display: inline-flex; align-items: center; gap: .4rem; }
.og-play-promo__kicker i { color: var(--promo-accent); }
.og-play-promo__title { font-family: 'Oswald', sans-serif; font-weight: 700; font-size: clamp(2rem, 4vw, 2.8rem); line-height: 1; color: #fff; text-shadow: 0 2px 12px rgba(0, 0, 0, .45); }
.og-play-promo__text { font-size: .98rem; line-height: 1.55; color: rgba(255, 255, 255, .88); }
.og-play-promo__cta {
    margin-top: .35rem; display: inline-flex; align-items: center; gap: .5rem;
    padding: .55rem 1.1rem; border-radius: 999px; font-weight: 700; font-size: .92rem;
    background: var(--promo-accent); color: #0f0f1a;
    transition: gap .2s ease;
}
.og-play-promo a.og-play-promo__card:hover .og-play-promo__cta { gap: .75rem; }

@media (max-width: 640px) {
    .og-play-promo a.og-play-promo__card { min-height: 0; }
    .og-play-promo__scene { position: relative; display: block; height: 11rem; z-index: 0; }
    .og-play-promo__scene::after { background: linear-gradient(180deg, rgba(10, 8, 6, 0) 55%, rgba(18, 15, 11, 1) 100%); }
    .og-play-promo__body { max-width: none; min-height: 0; padding: .4rem 1.1rem 1.2rem; background: #120f0b; }
}
@media (prefers-reduced-motion: reduce) {
    .og-play-promo a.og-play-promo__card, .og-play-promo__cta { transition: none; }
}