/* ============================================================
   İnceleme sayfası sağ sütun puan özeti
   Görünüm: Views/Review/Detail.cshtml (#ogPuanOzet), yalnız puanlı incelemede ve lg ve üstünde.
   Yapışkan kart: Üstte puan ve karar, altında oyun bilgileri. Okur alttaki puan kartına
   (.review-card) inince sarmalayıcı .is-gone alır, kart hafifçe silinir; yukarı çıkınca geri gelir.
   Zemin sol İçindekiler kartıyla aynı .card (gece zemini site.css'ten gelir).
   Gece modu: site.css'in [data-theme="dark"] a:not(...) kuralı (0,6,0) link yazısını
   mercana çeviriyor; renk bu yüzden link içindeki span'a verilir.
   ============================================================ */

.og-puan-ozet {
    --poz-ink: var(--og-text-primary, #1a1a1a);
    --poz-text: var(--og-text-secondary, #555555);
    --poz-line: var(--og-card-border, rgba(0, 0, 0, .08));
    --poz-hex: #d12828;
    --poz-accent: #c62828;

    padding: 1.15rem 1rem 1.05rem;
    color: var(--poz-ink);
    font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    text-align: center;
    transition: opacity .45s ease, transform .45s ease, visibility 0s linear 0s;
}

[data-theme="dark"] .og-puan-ozet {
    --poz-accent: #ff8a80;
}

/* Silinme: Görünmezlik geçiş bitince devreye girer, gizli kart odak ve tık almaz. */
.og-puan-ozet-stack.is-gone .og-puan-ozet {
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    pointer-events: none;
    transition: opacity .45s ease, transform .45s ease, visibility 0s linear .45s;
}

/* --- Üst: Puan ve karar --- */

.og-puan-ozet__label {
    margin-bottom: .6rem;
    color: var(--poz-text);
    font-size: .78rem;
    font-weight: 500;
}

.og-puan-ozet__hex {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 82px;
    margin: 0 auto .55rem;
    background: var(--poz-hex);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    color: #fff;
    font-family: 'Oswald', Arial, sans-serif;
    font-size: 1.95rem;
    font-weight: 600;
    line-height: 1;
}

.og-puan-ozet__verdict {
    color: var(--poz-ink);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
}

/* --- Alt: Oyun bilgileri --- */

.og-puan-ozet__rows {
    display: grid;
    gap: .65rem;
    margin: .95rem 0 0;
    padding-top: .85rem;
    border-top: 1px solid var(--poz-line);
    text-align: left;
}

.og-puan-ozet__row dt {
    margin: 0 0 .1rem;
    color: var(--poz-text);
    font-size: .72rem;
    font-weight: 500;
}

.og-puan-ozet__row dd {
    margin: 0;
    color: var(--poz-ink);
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.og-puan-ozet__row a {
    text-decoration: none;
}

.og-puan-ozet__row a span {
    color: var(--poz-ink);
    transition: color .15s ease;
}

.og-puan-ozet__row a:hover span,
.og-puan-ozet__row a:focus-visible span {
    color: var(--poz-accent);
}

.og-puan-ozet__row .og-puan-ozet__plat {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    color: var(--poz-text);
    font-size: .95rem;
}

/* lg aralığında (992-1199) sütun ~130 px: Yazıya yer açmak için iç boşluk daralır. */
@media (max-width: 1199.98px) {
    .og-puan-ozet {
        padding: 1rem .75rem .95rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .og-puan-ozet,
    .og-puan-ozet-stack.is-gone .og-puan-ozet {
        transform: none;
        transition-duration: .2s;
    }
}