/* "Related Games" (play sayfasi altindaki .other-games) bolumunde buyuk bos
   kutu sorunu: bu bolumun orijinal CSS'i (templatemo-cyborg-gaming.css),
   x-game-list bilesenimizin GERCEKTE urettigi buyuk kare gorsel + baslik
   kart yapisina degil, eski/kucuk yatay liste tasarimina (resim solda
   float:left + saga yasli yildiz puani) gore yazilmis. float:left, oyun
   kartinin yuksekliginin dogru hesaplanmamasina ve altinda kocaman bos bir
   alan olusmasina neden oluyordu. Cozum: bu bolumdeki kartlari da "Featured
   Games" ile AYNI (float'siz, duzgun) kart gorunumune ceviriyoruz. */
.other-games .item {
    position: static;
    border-bottom: none;
    padding: 30px 15px;
    margin-bottom: 30px;
    background-color: var(--surface-2, #27292a);
    border-radius: 23px;
}
.other-games .item img {
    float: none;
    margin-right: 0;
    border-radius: 23px;
}
.other-games .item h4 {
    display: block;
    padding-top: 0;
    margin-top: 20px;
}
.other-games .item ul {
    position: static;
}

.view-news .news-meta {
    color: #aaa;
    font-size: 0.9em;
    margin-bottom: 20px;
    font-style: italic;
}

.view-news .news-content {
    line-height: 1.8;
    color: #eee;
}

.view-news .news-content p {
    margin-bottom: 1.2em;
}

.view-news .news-content h1,
.view-news .news-content h2,
.view-news .news-content h3,
.view-news .news-content h4,
.view-news .news-content h5,
.view-news .news-content h6 {
    margin-top: 1.5em;
    margin-bottom: 0.8em;
    color: #ec6090;
}

/* Mobil hamburger menudeki "Categories" acilir listesi duzeltmesi:
   .header-area .main-nav mobilde "overflow:hidden" kullaniyor (temanin
   orijinal CSS'i), bu da Bootstrap'in absolute-positioned dropdown-menu'sunu
   ekran disina tasan kismindan kesiyordu (son kategori goruunmuyor ve sayfa
   kaydirilarak da erisilemiyordu). Cozum: bu ozel dropdown'u "static" akisa
   alip, listeyi normal sayfa akisinin icine gomerek kesilmeyi tamamen ortadan
   kaldiriyoruz; boylece tum kategoriler sayfa kaydirilarak gorulebiliyor. */
@media (max-width: 992px) {
    /* Acilan menu, sabit yukseklikli header'in disina tastiginda sayfa degil,
       menu panelinin KENDISI kaydirilmali. Panelin ici kaydirilabilir hale
       getirilip ustundeki kesme (overflow:hidden) kaldiriliyor. */
    .header-area .main-nav {
        overflow: visible !important;
    }
    .header-area .main-nav .nav {
        max-height: calc(100vh - 90px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* Mobil "Categories" listesi: Bootstrap dropdown/Popper KULLANMIYOR (JS'i
       satir-ici stil yazip CSS'i eziyordu), bunun yerine basit onclick +
       max-height/opacity gecisiyle kendi kontrolumuzdeki bir acilir liste. */
    .mobile-categories-toggle {
        display: block;
        text-align: center;
    }
    .mobile-categories-list {
        list-style: none;
        margin: 0;
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height .25s ease;
        background: #fff;
    }
    .mobile-categories-item.open .mobile-categories-list {
        max-height: 1000px;
    }
    .mobile-categories-list li a {
        display: block;
        padding: 12px 20px;
        color: #e75e8d;
        border-top: 1px solid rgba(0,0,0,.06);
        text-decoration: none;
    }

    .header-area .main-nav .nav li.mobile-search-item {
        background: #fff;
        padding: 10px 20px !important;
    }
    .mobile-search-form {
        display: flex;
        align-items: center;
        background: #f2f2f2;
        border-radius: 20px;
        overflow: hidden;
        padding: 0 6px;
    }
    .mobile-search-form input {
        flex: 1;
        border: none;
        background: transparent;
        height: 40px;
        padding: 0 10px;
        outline: none;
        font-size: 14px;
    }
    .mobile-search-form button {
        border: none;
        background: transparent;
        color: #1e1e1e;
        width: 34px;
        height: 34px;
    }

    /* Mobilde tema (dark/light) satiri: hamburger/logo ile CAKISMAMASI icin
       absolute degil, menu listesinin normal bir satiri olarak gosterilir. */
    .header-area .main-nav .nav li.theme-toggle-item {
        background: #fff;
        padding: 0 !important;
    }
    .theme-toggle-trigger {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: #1e1e1e !important;
    }
}

/* Acik/koyu etiketlerin gorunurlugu (mobil tema satiri) */
.theme-toggle-item .fa-sun,
.theme-toggle-item .label-light { display: none; }
html[data-theme="light"] .theme-toggle-item .fa-moon,
html[data-theme="light"] .theme-toggle-item .label-dark { display: none; }
html[data-theme="light"] .theme-toggle-item .fa-sun,
html[data-theme="light"] .theme-toggle-item .label-light { display: inline; }