/* Ücretsiz takvimi (2026-11-13): /ucretsiz-oyunlar, /game-pass-oyunlari, /ps-plus-oyunlari, /steam-en-cok-satanlar ve /en aynaları.
   og-kit.css'ten sonra yüklenir; renkler kit değişkenlerinden (--k-*), gündüz ve gece aynı kurallarla.
   Gece modu tuzakları (site.css): a:not(...) mercan ve h1-h6 #fff !important; bu yüzden bağlantı ve başlık rengi burada açıkça verilir. */

.ogk .ogf-section { margin: 0 0 1.6rem; }
.ogk .ogf-section > .ogk-h2 { margin: 0 0 .9rem; }
.ogk .ogf-sub { color: var(--k-muted); font-size: .92rem; margin: -.4rem 0 1rem; }
.ogk .ogf-grid { --k-min: 15.5rem; }

/* Kart */
.ogk .ogf-card { gap: .5rem; }
.ogk .ogf-card__img { aspect-ratio: 16 / 9; }
.ogk .ogf-card__ph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 2rem; color: var(--k-muted); background: var(--k-paper); }
.ogk .ogf-card__svc {
    position: absolute; left: .55rem; top: .55rem; display: inline-flex; align-items: center; gap: .35rem;
    background: rgba(15, 15, 26, .78); color: #fff; border-radius: 999px; padding: .22rem .6rem; font-size: .72rem; font-weight: 800;
}
.ogk .ogf-card__title { margin: 0; padding: 0 .35rem; font-family: 'Outfit', sans-serif; font-size: 1.02rem; font-weight: 800; line-height: 1.3; color: var(--k-text) !important; }
.ogk .ogf-card__when { padding: 0 .35rem; color: var(--k-muted); font-size: .84rem; }
.ogk .ogf-card__when i { margin-right: .2rem; }
.ogk .ogf-card__note { padding: 0 .35rem; margin: 0; color: var(--k-text); font-size: .86rem; line-height: 1.5; }
.ogk .ogf-card__actions { display: flex; flex-wrap: wrap; gap: .4rem; padding: .2rem .35rem 0; margin-top: auto; }
.ogk .ogf-card--leaves .ogf-card__img img { filter: grayscale(.55); }
.ogk .ogf-tr { display: inline-block; margin-left: .3rem; font-size: .66rem; font-weight: 800; padding: .05rem .35rem; border-radius: 999px; background: var(--k-soft); color: var(--k-soft-fg); }

/* Abonelik ve Steam karoları (merkez) */
.ogk .ogf-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.ogk .ogf-tile {
    display: flex; flex-direction: column; gap: .35rem; padding: 1.1rem 1.2rem; border-radius: 1.3rem;
    background: var(--k-surface); border: 1px solid var(--k-line); color: var(--k-text) !important; text-decoration: none !important;
    transition: transform .15s ease, border-color .15s ease;
}
.ogk a.ogf-tile:hover { transform: translateY(-2px); border-color: var(--k-icon); }
.ogk .ogf-tile b { font-size: 1.08rem; color: var(--k-text); }
.ogk .ogf-tile span { color: var(--k-muted); font-size: .88rem; }
.ogk .ogf-tile i.ogf-tile__ico { font-size: 1.4rem; color: var(--k-icon); }

/* Ay blokları (abonelik sayfası) */
.ogk .ogf-month { margin: 0 0 1.8rem; }
.ogk .ogf-month__head { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; margin: 0 0 .8rem; }
.ogk .ogf-month__head .ogk-h2 { margin: 0; }
.ogk .ogf-group-title { font-size: .78rem; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: var(--k-muted); margin: 1rem 0 .6rem; }

/* Steam tablosu */
.ogk .ogf-steam td { white-space: nowrap; }
.ogk .ogf-steam td.ogf-steam__name { white-space: normal; min-width: 14rem; }
.ogk .ogf-steam__rank { font-weight: 800; font-size: 1.05rem; color: var(--k-text); width: 2.6rem; }
.ogk .ogf-steam__game { display: flex; align-items: center; gap: .75rem; }
.ogk .ogf-steam__game img { width: 6.4rem; aspect-ratio: 460 / 215; object-fit: cover; border-radius: .55rem; flex-shrink: 0; background: var(--k-paper); }
.ogk .ogf-steam__game a { color: var(--k-text) !important; font-weight: 700; text-decoration: none !important; }
.ogk .ogf-steam__game a:hover { color: var(--k-icon) !important; }
.ogk .ogf-steam__links { display: block; font-size: .78rem; margin-top: .15rem; }
.ogk .ogf-steam__links a { color: var(--k-muted) !important; font-weight: 600; margin-right: .6rem; }
.ogk .ogf-up { color: #0b8a4a; font-weight: 800; }
.ogk .ogf-down { color: #d23a2a; font-weight: 800; }
.ogk .ogf-new { display: inline-block; font-size: .68rem; font-weight: 800; padding: .1rem .45rem; border-radius: 999px; background: var(--k-soft); color: var(--k-soft-fg); }
.ogk .ogf-same { color: var(--k-muted); }
.ogk .ogf-disc { display: inline-block; background: #0b8a4a; color: #fff; border-radius: .4rem; padding: .12rem .4rem; font-weight: 800; font-size: .8rem; }
.ogk .ogf-old { color: var(--k-muted); text-decoration: line-through; font-size: .82rem; margin-right: .35rem; }
.ogk .ogf-price { font-weight: 800; color: var(--k-text); }
.ogk .ogf-updated { color: var(--k-muted); font-size: .84rem; margin: .6rem 0 0; }
[data-theme="dark"] .ogk .ogf-up, [data-theme="dark"] .ogk .ogf-disc { color: #8ee6c1; }
[data-theme="dark"] .ogk .ogf-disc { background: rgba(16, 185, 129, .2); }
[data-theme="dark"] .ogk .ogf-down { color: #ff9a8b; }

@media (max-width: 767.98px) {
    .ogk .ogf-tiles { grid-template-columns: minmax(0, 1fr); }
    .ogk .ogf-steam__game img { width: 4.6rem; }
    .ogk .ogf-steam td.ogf-steam__name { min-width: 11rem; }
}
@media (prefers-reduced-motion: reduce) {
    .ogk a.ogf-tile:hover { transform: none; }
}