/* =====================================================================
   K2Network — k2-round.css (site geneli yuvarlatma katmani)
   Amac: keskin kare gorunumleri yumusatmak. SADECE sunum: border-radius,
   yumusak cerceve rengi, golge ve hero overlay. Layout etkileyen property
   (display/width vb.) ICERMEZ. Tek istisna: hero ::before overlay'inin
   dogru capalanmasi icin .slider'a position:relative verilir (statik
   akista davranis degismez; custom-profile'da slider icindeki tum
   absolute ogeler k2-usercp.css tarafindan zaten static'e cekildigi icin
   yeniden capalanma riski yoktur).
   Yukleme sirasi: top.php icinde k2-usercp.css'ten HEMEN SONRA.
   ===================================================================== */

/* ---- 1) Kullanici paneli hero serit: alt koseler 24px + alt gecis overlay ----
   DIKKAT: overflow:hidden KULLANMA — icindeki .team-nav ve .item-list-tabs
   absolute konumlu olabilir, tasarak durur; kirpilirsa menu kaybolur. */
.single-team-page .slider,
.main-slider .slider {
    border-radius: 0 0 24px 24px;
    position: relative; /* ::before overlay capasi */
}
/* k2-usercp.css 'position:static !important' uyguluyor; overlay'in viewport'a
   kacmamasi icin ayni ozgullukle (bu dosya daha sonra yuklendigi icin
   kazanir) relative'e geri al. */
body.custom-profile .main-slider .slider {
    position: relative !important;
}
/* Alt kenarda sayfa zeminine (#0f0f14) yumusak gecis overlay'i.
   z-index:1 — .team-img (style.css'te z-index:2) ustte kalir;
   .team-nav li a (position:relative; z-index:1, DOM'da sonra) da ustte kalir. */
.single-team-page .slider::before,
.main-slider .slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0 0 24px 24px;
    pointer-events: none;
    z-index: 1;
    background: linear-gradient(180deg, rgba(15,15,20,0) 30%, rgba(15,15,20,.55) 100%);
}

/* ---- 2) .team-img kutusu: sert 'border:1px solid #000' yerine modern kabuk ----
   style.css ile ayni ozgulluk (.team-a .team-img = 0,2,0); bu dosya sonra
   yuklendigi icin kazanir. */
.team-a .team-img,
.team-b .team-img {
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow: 0 16px 36px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
}
/* Icindeki gorsel: style.css'teki 'border:1px solid #000' / '#1d1d1d'
   kurallarini (en yuksegi 0,3,3 ozgullukte) ezmek icin esit/daha yuksek
   ozgulluklu varyantlar birlikte yazildi. (UserCP avatari .k2-avatar ile
   50% !important yuvarlak kalir — bu kural onu etkilemez.) */
.team-a .team-img a img,
.team-b .team-img a img,
.main-slider .team-a .team-img a img,
body.custom-profile .main-slider .team-a .team-img a img {
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.10);
}

/* ---- 3) Global kozmetik yuvarlatma (guvenli, icerik odakli seciciler) ---- */
.btn,
.form-control,
select,
textarea {
    border-radius: 12px;
}
.alert,
.well,
.panel,
.modal-content,
.dropdown-menu,
.thumbnail,
.img-thumbnail {
    border-radius: 12px;
}
.nav-tabs > li > a {
    border-radius: 10px 10px 0 0;
}
.pagination > li > a,
.pagination > li > span {
    border-radius: 10px;
}
/* Cip / rozet: pill */
.label,
.badge {
    border-radius: 999px;
}
/* Icerik gorselleri */
.content-wrapper .main-content img {
    border-radius: 10px;
}

/* Istisnalar (genel kurallardan SONRA gelmeli) */
.k2-main-logo,
img.k2-main-logo {
    border-radius: 0;
}
.k2-lang-switcher img {
    border-radius: 4px;
}
/* Item ikonlari (itemicon.php) kucuk kare gorseller: hafif 6px */
img[src*="itemicon"],
table img[src*="itemicon"],
.content-wrapper .main-content img[src*="itemicon"] {
    border-radius: 6px;
}

/* ---- 4) iframe ve tablo sarmalayicilari: 14px + yumusak cerceve ---- */
iframe,
.table-responsive {
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.08);
}

/* ---- 5) Ust bar: Kayit Ol / Giris Yap butonlari + kullanici alani ----
   style.css'teki eski kalip: ikon, mutlak konumlu KARE bir plaka icinde
   (stripe_dark.jpg desen + sert siyah cizgi, height:34px) duruyor ve buton
   yuvarlandiginda koselerden tasiyordu. Plaka tamamen kaldirilir, ikon
   normal akista metnin soluna alinir, buton modern kabuga gecirilir. */
body .navbar-wrapper .login-info {
    background-image: none; /* eski lock.png kalintisi */
    /* Eski tek satir dizilim (line-height:80px + 'veya' ayraci) kaymis
       gorunuyordu: butonlar alt alta, esit genislikte dizilir. */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 215px;
    height: auto;
    line-height: normal;
    padding: 14px 10px 0 0;
    white-space: normal;
}
/* 'veya' ayraci dikey dizilimde gereksiz */
body .navbar-wrapper .login-info > i {
    display: none !important;
}
/* Eski hover pseudo katmani (#1a1b1f kaplama) tamamen kapatilir */
body .navbar-wrapper .login-info .register-btn:before,
body .navbar-wrapper .login-info .login-btn:before {
    display: none !important;
}
body .navbar-wrapper .login-info .register-btn,
body .navbar-wrapper .login-info .login-btn {
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: linear-gradient(180deg, rgba(28,30,38,.97), rgba(15,16,21,.97)) !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.05) !important;
    padding: 0 16px !important; /* eski 47-50px sol bosluk ikon plakasi icindi */
    color: #f2f4f8 !important;
    font-size: 12px;
    letter-spacing: .02em;
    overflow: hidden;
    /* eski top:5px / margin-top:20px kaymalarini sifirla */
    top: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 42px;
    line-height: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}
/* Kayit Ol = birincil aksiyon: altin gradyan (ui-apple.css'in kirmizi
   var(--accent) !important kuralini, ayni onem + sonra yuklenme ile ezer) */
body .navbar-wrapper .login-info .register-btn,
body .navbar-wrapper .login-info .register-btn:hover,
body .navbar-wrapper .login-info .register-btn:focus {
    background: linear-gradient(180deg, #ffe889 0%, #ffc928 46%, #dc9300 100%) !important;
    border-color: rgba(73,42,0,.95) !important;
    color: #2d1700 !important;
    text-shadow: none !important;
    box-shadow: 0 10px 22px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.4) !important;
}
body .navbar-wrapper .login-info .login-btn:hover,
body .navbar-wrapper .login-info .login-btn:focus {
    border-color: rgba(255,204,77,.45) !important;
    color: #ffd76a !important;
}
/* Ikon plakasini iptal: mutlak konum -> normal akis; stripe deseni,
   kirmizi radyal kutu, cizgi ve golgelerin TAMAMI sifirlanir */
body .navbar-wrapper .login-info .register-btn .fa,
body .navbar-wrapper .login-info .login-btn .fa {
    position: static !important;
    display: inline-block !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: #ffd76a !important;
}
body .navbar-wrapper .login-info .register-btn .fa {
    color: #2d1700 !important;
}
/* span z-index katmani artik gereksiz ama zararsiz; dikey hizayi sabitle */
body .navbar-wrapper .login-info .register-btn span,
body .navbar-wrapper .login-info .login-btn span {
    line-height: 1;
}

/* Giris yapilmis kullanici alani: avatar halkasi + acilir menu yuvarlatma */
.navbar-wrapper .user-wrap .user-avatar img {
    border-radius: 50%;
    border: 2px solid rgba(255,204,77,.35);
    box-shadow: 0 6px 16px rgba(0,0,0,.35);
}
.navbar-wrapper .user-wrap ul.dropdown {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.10);
    box-shadow: 0 16px 36px rgba(0,0,0,.4);
}
.navbar-wrapper .user-wrap .dropdown li:last-child a {
    border-bottom: 0;
}

/* Panel sekmeleri (.team-nav): pill + ikonun dikey hizasi sabitlenir */
.team-nav > li > a {
    border-radius: 999px;
}
.team-nav > li > a > i {
    line-height: 1;
    vertical-align: -1px;
}

/* ---- 6) Kullanici paneli hero arkaplani: foto serit yerine temiz gradyan ----
   style.css '.single-team-page .slider{background-image:url(maxresdefault...)
   !important}' ile eski bir YouTube kupur gorselini seriyordu — sekmelerin
   arkasindaki 'kare', kenarlari cirkin kutu buydu. Ayni onem/daha yuksek
   ozgullukle (body + 2 class, bu dosya sonra yuklenir) gradyanla degistirilir.
   Anasayfa hero'su (.main-slider, body.landing) etkilenmez. */
body.single-team-page .slider {
    background: radial-gradient(900px 240px at 18% 0%, rgba(255,201,40,.10), rgba(255,201,40,0) 62%),
                linear-gradient(180deg, #1c2233 0%, #131722 55%, #0f0f14 100%) !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
/* Sekme bandinin konteynerindeki eski ince cizgiler de kalksin */
body.custom-profile #item-nav,
body.single-team-page #item-nav {
    border-top: 0;
    border-bottom: 0;
    background: none;
}

/* ---- 7) Panel avatar alani: eski KARE gri panel -> yuvarlak cam kart ----
   style.css .team-img'e radial gradyanli (#333240) koca gri KARE panel
   ciziyordu (border:1px solid #000 + golge). Onu sifirlayip yerine tasarim
   dilinin yuvarlak kartini veriyoruz; avatar k2-usercp.css'teki haliyle
   (104px, altin halka, koyu disk) ORTADA durur — onu EZMIYORUZ. */
body.single-team-page .team-img,
body.custom-profile .team-img,
.main-slider .team-a .team-img,
.main-slider .team-b .team-img {
    background: linear-gradient(180deg, rgba(20,26,38,.92), rgba(11,14,22,.96)) !important;
    background-image: linear-gradient(180deg, rgba(20,26,38,.92), rgba(11,14,22,.96)) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    border-radius: 20px !important;
    box-shadow: 0 16px 36px rgba(0,0,0,.32) !important;
    padding: 18px 22px !important;
}

/* ---- 8) Sekme menusu: pill'lerin ARKASINDAKI KARE KUTULAR kaldirilir ----
   style.css '.team-nav li:before' her sekmenin arkasina kare kutu (border 1px
   #000, radius 3px, #1a1b1f zemin) ciziyordu; '.team-nav li' kirmizi inset
   golge + bootstrap-fixes.css 'border:1px solid #000' ekliyordu. k2-usercp.css
   sadece <a>'yi yuvarlatti, bu kutuyu kapatmadi -> pill arkasindan kare tasti.
   Hepsi notrlenir (body.custom-profile ile ayni/daha yuksek ozgulluk). */
body.custom-profile .team-nav li:before,
body.custom-profile .team-nav li:after {
    display: none !important;
    content: none !important;
}
body.custom-profile .team-nav > li,
body.custom-profile .team-nav li {
    border: 0 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    background: none !important;
    overflow: visible !important;
}

/* Panel sayfalarinin zemini: kenarlarda gorunen eski kirmizi/mor dokulu
   arkaplan yerine tasarim dilinin duz koyu zemini. body'deki ui-apple.css
   radial degradesini de notrler (ayni onem + sonra yuklenme). */
body.single-team-page,
body.custom-profile {
    background: #0f0f14 !important;
    background-image: none !important;
}

/* ---- 8b) Bolum basliklari: eski stripe.png dokusu kalksin + orantili buyut ----
   style.css '.main-content-title h3{font-size:14px; background:url(stripe.png)}'
   ile basliklar kucuk ve eski dokuluydu. Dokuyu kaldirip net, biraz daha buyuk
   ve altin vurgulu yapariz (icerik alaniyla sinirli, guvenli). */
.content-wrapper .main-content-title h3 {
    background-image: none !important;
    font-size: clamp(20px, 2.1vw, 30px) !important;
    font-weight: 800 !important;
    letter-spacing: .01em;
    line-height: 1.2;
    display: flex;
    align-items: center;
    gap: 10px;
}
.content-wrapper .main-content-title h3 i {
    color: #ffd76a !important;
}
.content-wrapper .main-content-title {
    border-left: 3px solid rgba(255,201,40,.55);
}

/* ---- 8c) Ana navigasyon menusu: siteye oranla CIDDI buyut ----
   .header-menu-text explicit font-size'i yoktu (~14px), siteye gore kucuk
   kaliyordu. Menu metnini ve ikonlarini belirgin buyutur, dikey nefes ekler. */
.header-navigation-wrapper #header-menu > ul > li > a,
.header-navigation-wrapper .header-menu-navigation .header-menu-text {
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .015em;
}
.header-navigation-wrapper #header-menu > ul > li > a {
    padding-top: 17px !important;
    padding-bottom: 17px !important;
}
.header-navigation-wrapper .header-menu-navigation .header-menu-icon {
    font-size: 15px !important;
    margin-right: 3px;
}
.header-navigation-wrapper #header-menu .dropdown-icon {
    font-size: 13px !important;
}
@media (max-width: 991px){
    .header-navigation-wrapper #header-menu > ul > li > a,
    .header-navigation-wrapper .header-menu-navigation .header-menu-text {
        font-size: 15px !important;
    }
}

/* ---- 9) Panel sekme menusunde HOVER ACILIR ALT MENU (Ucretsiz Donusumler) ---- */
body.custom-profile .team-nav li.k2x-navdd {
    position: relative;
}
body.custom-profile .team-nav li.k2x-navdd > a .fa-angle-down {
    transition: transform .2s ease;
}
body.custom-profile .team-nav li.k2x-navdd:hover > a .fa-angle-down {
    transform: rotate(180deg);
}
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(6px);
    min-width: 210px;
    margin: 0;
    padding: 7px;
    list-style: none;
    background: linear-gradient(180deg, rgba(20,26,38,.99), rgba(11,14,22,.99));
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 60;
    transition: opacity .18s ease, transform .18s ease;
}
/* Hover bosluga takilmasin diye gorunmez kopru */
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu:before {
    content: "";
    position: absolute;
    left: 0; right: 0; top: -8px; height: 8px;
}
body.custom-profile .team-nav li.k2x-navdd:hover .k2x-navdd-menu,
body.custom-profile .team-nav li.k2x-navdd:focus-within .k2x-navdd-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(2px);
}
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu > li {
    display: block !important;
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
}
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu > li > a {
    display: flex !important;
    align-items: center;
    gap: 9px;
    width: 100% !important;
    min-height: 40px;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    background: transparent !important;
    border: 0 !important;
    color: #dfe6f5 !important;
    font-size: 12px;
    font-weight: 700;
    text-transform: none;
    text-align: left;
    box-shadow: none !important;
}
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu > li > a > i {
    color: #ffd76a;
    width: 16px;
    text-align: center;
}
body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu > li > a:hover {
    background: rgba(255,201,40,.12) !important;
    color: #ffd76a !important;
    transform: none;
}
/* Mobilde (k2-usercp.css 991px alti tek kolon): alt menu akista acik dursun */
@media (max-width: 991px){
    body.custom-profile .team-nav li.k2x-navdd .k2x-navdd-menu {
        position: static;
        transform: none;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        min-width: 0;
        margin: 6px 0 0;
        box-shadow: none;
    }
}

/* =====================================================================
   ---- 10) NAVBAR "SIRALAMALAR" DROPDOWN: guvenilir ac/kapa + tek panel ----
   KOK NEDEN: style.css'teki global `.dropdown:hover .dropdown-menu
   {display:block}` kurali gecikmesiz/koprusuz ham :hover ile acip kapatiyor
   ve anchor'daki Bootstrap data-toggle="dropdown" click mantigiyla (.open)
   cakisiyordu: hover acikken tiklanan toggle .open'i acik birakinca yan
   dropdown'in 1000px'lik paneli ustune binip "icerik karisiyor"; tiklama
   .open'i kapattiginda da :hover gorunumu yuzunden menu "hic acilmiyor"
   sanisi olusuyordu. Ayrica panel 1000px sabit genislik + float %25 kolon +
   max-height:675px/overflow:hidden ile kirpiliyordu.
   COZUM: hover gorunurlugu header.php'deki hover-intent JS'in verdigi
   li.k2-hoveropen sinifina baglanir (acilis gecikmesiz, kapanis ~300ms);
   Bootstrap'in .open click mantigi AYNEN calisir. Panel tek acilista tum
   gruplari gosteren 3 kolonlu modern grid karta donusturulur.
   SADECE .header-navigation-wrapper scope'u; style.css'e dokunulmadi.
   ===================================================================== */

/* style.css'in ani `:hover` ac/kapa kuralini etkisizlestir. NOT: hemen
   altindaki .open/.k2-hoveropen "goster" kurali AYNI ozgullukte oldugu
   icin SONRA gelerek kazanir — bu iki blogun sirasini DEGISTIRME. */
.header-navigation-wrapper #header-menu li.dropdown:hover > .dropdown-menu {
    display: none;
}
.header-navigation-wrapper #header-menu li.dropdown.open > .dropdown-menu,
.header-navigation-wrapper #header-menu li.dropdown.k2-hoveropen > .dropdown-menu {
    display: block;
}

/* Hover ile acikken sekme vurgusu .open ile ayni gorunsun */
.header-navigation-wrapper .header-menu-navigation > li.k2-hoveropen > a {
    background-color: rgba(255,204,77,.06);
    box-shadow: inset 0 -2px 0 rgba(255,215,106,.55);
}
.header-navigation-wrapper .header-menu-navigation > li.k2-hoveropen > .dropdown-toggle .dropdown-icon {
    transform: rotate(180deg);
}

@media (min-width: 768px) {
    /* KRITIK: style.css '#header-menu>ul>li{position:static}' yapiyor; panel
       bu yuzden nav konteynerine capalanip EN SOLDAN aciliyordu. Li'yi relative
       yapip paneli OGENIN TAM ALTINA ortaliyoruz (ozgulluk (1,2,2) > (1,1,2)). */
    .header-navigation-wrapper #header-menu > ul > li.dropdown {
        position: relative;
    }
    /* Tek panel: koyu kart, 14px radius, golge; hero/slider USTUNDE kalir.
       Sıralamalar ogesinin tam altinda, ortalanmis acilir. */
    .header-navigation-wrapper #header-menu .dropdown-menu.team-wars-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        width: 760px;
        min-width: 0;
        max-width: calc(100vw - 24px);
        max-height: none;
        margin: 4px 0 0;
        padding: 14px 14px 12px !important;
        overflow: visible;
        background: linear-gradient(180deg, rgba(14,18,27,.96), rgba(8,11,17,.98)) !important;
        border: 1px solid rgba(255,255,255,.10) !important;
        border-top: 2px solid rgba(255,215,106,.55) !important;
        border-radius: 14px !important;
        box-shadow: 0 24px 52px rgba(0,0,0,.55);
        z-index: 1500;
    }
    /* En sagdaki dropdown (CMS "Sayfalar") viewport'tan sagdan tasmasin */
    .header-navigation-wrapper #header-menu .header-menu-navigation > li.dropdown:last-child > .dropdown-menu.team-wars-menu {
        left: auto;
        right: 0;
        transform: none;
    }
    /* Gorunmez kopru: anchor ile panel arasindaki boslukta hover dusmesin
       (bolum 9'daki :before kalibi) */
    .header-navigation-wrapper #header-menu .dropdown-menu.team-wars-menu:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: -14px;
        height: 14px;
    }
    /* Acik halde: TUM gruplar TEK seferde, 3 kolonlu duzenli grid
       (tek gruplu CMS panelinde bos kolonlar auto-fit ile kapanir) */
    .header-navigation-wrapper #header-menu li.dropdown.open > .dropdown-menu.team-wars-menu,
    .header-navigation-wrapper #header-menu li.dropdown.k2-hoveropen > .dropdown-menu.team-wars-menu {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        gap: 2px 14px;
        align-items: start;
    }
    /* Eski float/yuzde kolon kalintilari sifirlanir (li'ler grid hucresi olur) */
    .header-navigation-wrapper #header-menu .team-wars-menu > li.tw-1,
    .header-navigation-wrapper #header-menu .team-wars-menu > li.tw-2 {
        float: none;
        width: auto;
        margin: 0;
        padding: 0;
        overflow: visible;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu > li.tw-2 {
        grid-column: 1 / -1;
    }
    /* Grup basligi (tw-1 ilk <a>'si): altin kucuk baslik; '#' linki tiklanmaz */
    .header-navigation-wrapper #header-menu .team-wars-menu > li.tw-1 > a:first-child {
        display: block;
        margin: 0 0 4px;
        padding: 9px 10px 8px !important;
        border-bottom: 1px solid rgba(255,215,106,.22) !important;
        background: none !important;
        color: #ffd76a !important;
        font-size: 11px !important;
        font-weight: 800;
        letter-spacing: .12em;
        text-transform: uppercase;
        cursor: default;
        pointer-events: none;
    }
    /* Ic gruplar (Oyuncu/Klan/GM) hover'a BAGLI DEGIL: panel acikken hepsi
       her zaman gorunur (sub-menu tarzi :hover gorunurluk kaliplarina karsi) */
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        float: none;
        margin: 0;
        padding: 2px 0 6px;
        overflow: visible;
        list-style: none;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul > li {
        float: none;
        width: 100%;
        display: block;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul > li > a {
        display: block;
        padding: 8px 10px !important;
        border-radius: 10px;
        color: rgba(229,235,245,.88) !important;
        font-size: 13px !important;
        font-weight: 600;
        line-height: 1.35;
        text-transform: none !important;
        text-decoration: none;
        transition: background-color .15s ease, color .15s ease;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul > li > a:hover,
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul > li > a:focus {
        background-color: rgba(255,204,77,.10) !important;
        color: #ffd76a !important;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu .rank-icon {
        width: 18px;
        height: auto;
        margin-right: 6px;
        vertical-align: -3px;
        border-radius: 4px;
    }
    .header-navigation-wrapper #header-menu .team-wars-menu .tw-1 > ul > li > a .fa {
        color: #ffd76a;
        margin-right: 4px;
    }
    /* tw-2 bilgi notu: panel altinda tam genislik serit */
    .header-navigation-wrapper #header-menu .team-wars-menu > li.tw-2 .menu-note {
        margin: 6px 0 0;
        padding: 10px 12px 4px;
        border: 0 !important;
        border-top: 1px solid rgba(255,255,255,.08) !important;
        color: rgba(229,235,245,.62);
        font-size: 12px;
        font-weight: 600;
        line-height: 1.55;
        text-align: left;
        text-transform: none;
    }
}

/* Mobil (collapse) durumda: eski 1000px sabit genislik kalintisi tasmasin;
   Bootstrap'in statik dikey acilimi aynen korunur (grid uygulanmaz). */
@media (max-width: 767px) {
    .header-navigation-wrapper #header-menu .dropdown-menu.team-wars-menu {
        width: auto;
        min-width: 0;
        max-height: none;
    }
}

/* =====================================================================
   ---- 11) ANASAYFA VITRIN DUZENI (.k2x-home scope) ----
   Uc kolonlu bolge: sol guncelleme kartlari, orta siralama widget'i,
   sag sunucu durumu + sosyal medya. SADECE sunum; PHP veri mantigi ve
   slider/owl yapilari degismedi. Scope: .content-wrapper.k2x-home —
   site geneli .main-content-title kurallari (bolum 8b) BOZULMAZ.
   ===================================================================== */

/* 11a) Widget basliklari: bolum 8b'deki clamp(20-30px) !important kurali
   dar kolonlarda 3 satira sariyordu. Daha yuksek ozgullukle (0,3,1)
   ANASAYFA kolonlarinda tek satir + ellipsis'e cekilir. content.php
   icindeki gomulu h3 kart stili de notrlenir (kart kabugu .main-content-title
   sarmalayicisindan gelir, ic ice cift kart olusmaz). */
.content-wrapper.k2x-home .main-content-title {
    margin: 0 0 14px;
    padding: 13px 16px;
}
.content-wrapper.k2x-home .main-content-title h3 {
    display: block;
    min-width: 0;
    padding: 0;
    background: none !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.3;
    letter-spacing: .02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.content-wrapper.k2x-home .main-content-title h3 i {
    color: #ffd76a !important;
    margin-right: 8px;
    font-size: 16px;
}

/* 11b) Kolon dengesi: genis ekranda uc kolon flex ile esit yukseklige
   gerilir; sol guncelleme listesi kalan alana sigar ve ince dikey
   scroll alir. 1200px altinda bootstrap'in dikey akisina donulur. */
@media (min-width: 1200px) {
    .content-wrapper.k2x-home > .main {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }
    .content-wrapper.k2x-home > .main:before,
    .content-wrapper.k2x-home > .main:after {
        display: none;
    }
    .content-wrapper.k2x-home .left-column,
    .content-wrapper.k2x-home .right-column {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
    .content-wrapper.k2x-home .left-column .k2x-updates-list {
        flex: 1 1 0%;
        min-height: 320px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 5px;
    }
    .content-wrapper.k2x-home .k2x-view-all {
        flex: 0 0 auto;
    }
    /* Orta kolon: siralama karti kolon yuksekligine gerilir, 10 satir
       kullanilabilir yukseklige esit dagilir — kolonlar ayni hizada biter. */
    .content-wrapper.k2x-home .mid-column {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
    .content-wrapper.k2x-home .mid-column .tab-content-wrapper {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
        min-height: 0;
    }
    .content-wrapper.k2x-home .mid-column .matches-tab-wrapper {
        flex: 0 0 auto;
    }
    .content-wrapper.k2x-home .mid-column .tab-content {
        flex: 1 1 auto;
        min-height: 0;
    }
    .content-wrapper.k2x-home .mid-column .tab-content > .active {
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .content-wrapper.k2x-home .mid-column .tab-content .match-list {
        flex: 1 1 auto;
        display: flex;
        flex-direction: column;
    }
    .content-wrapper.k2x-home .mid-column .match-list .single-match-wrapper {
        flex: 1 1 auto;
        display: flex;
        align-items: center;
    }
}
/* Dar ekranda liste sayfayi sonsuza uzatmasin: makul tavan + scroll */
@media (max-width: 1199px) {
    .content-wrapper.k2x-home .left-column .k2x-updates-list {
        max-height: 700px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 5px;
    }
}

/* 11c) Guncelleme listesi: ince stilli scrollbar + ilk kartta cift bosluk olmasin */
.content-wrapper.k2x-home .k2x-updates-list {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,215,106,.35) rgba(255,255,255,.05);
}
.content-wrapper.k2x-home .k2x-updates-list::-webkit-scrollbar {
    width: 6px;
}
.content-wrapper.k2x-home .k2x-updates-list::-webkit-scrollbar-track {
    background: rgba(255,255,255,.05);
    border-radius: 999px;
}
.content-wrapper.k2x-home .k2x-updates-list::-webkit-scrollbar-thumb {
    background: rgba(255,215,106,.35);
    border-radius: 999px;
}
.content-wrapper.k2x-home .k2x-updates-list::-webkit-scrollbar-thumb:hover {
    background: rgba(255,215,106,.55);
}
.content-wrapper.k2x-home .left-column .k2x-updates-list .single-post:first-child {
    margin-top: 0;
}

/* 11d) 'Tumunu Gor' butonu: kolonun altina sabit, altin vurgulu */
.content-wrapper.k2x-home .k2x-view-all {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    margin-top: 14px;
    border: 1px solid rgba(255,215,106,.30);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,201,40,.10), rgba(255,201,40,.04));
    color: #ffd76a;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
.content-wrapper.k2x-home .k2x-view-all:hover,
.content-wrapper.k2x-home .k2x-view-all:focus {
    border-color: rgba(255,215,106,.55);
    background: rgba(255,201,40,.16);
    color: #ffe9a8;
    text-decoration: none;
}

/* 11e) Siralama satirlari: tek hizali flex satir — solda sira no + ikonlar
   + isim, SAGDA altin NP degeri. style.css'in 'span.date{float:left;
   width:70%; font-size:10px!important; color:#999!important}' kaliplari
   daha yuksek ozgulluk + !important ile ezilir. Satir alti ince cizgi ve
   hover vurgusu content.php gomulu stilinden gelir. */
.content-wrapper.k2x-home .match-list .single-match-wrapper {
    padding: 0;
}
.content-wrapper.k2x-home .match-list .single-match-wrapper:last-child {
    border-bottom: 0;
}
.content-wrapper.k2x-home .match-list .team-info {
    float: none;
    width: 100%;
    padding: 0;
}
.content-wrapper.k2x-home .match-list .rating-item__title {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 0 14px;
}
.content-wrapper.k2x-home .match-list .team-title {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 9px 0;
    color: #eef2f9;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.content-wrapper.k2x-home .match-list .team-title:hover {
    color: #ffd76a;
}
.content-wrapper.k2x-home .match-list .k2x-rank-no {
    flex: 0 0 22px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
    color: rgba(229,235,245,.5);
}
.content-wrapper.k2x-home .match-list .single-match-wrapper:nth-child(-n+3) .k2x-rank-no {
    color: #ffd76a;
}
.content-wrapper.k2x-home .match-list .k2x-rank-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-wrapper.k2x-home .match-list span.date.k2x-rank-np {
    float: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    width: auto;
    max-width: 48%;
    margin: 0 0 0 auto;
    padding: 0;
    line-height: 1.25;
    font-size: 12px !important;
    font-weight: 800;
    color: #ffd76a !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    text-align: right;
    text-transform: none;
}
.content-wrapper.k2x-home .match-list .k2x-rank-np .k2x-np-main {
    font-weight: 800;
    color: #ffd76a;
}
.content-wrapper.k2x-home .match-list .k2x-rank-np .k2x-np-sub {
    font-size: 10px;
    font-weight: 600;
    color: rgba(229,235,245,.55);
}

/* 11f) Tarih cipi: buyuk gun numarasi + ay/yil + gun adi, altin vurgu;
   SUNUCU DURUMU basligiyla ayni satirda dengeli durur. */
.content-wrapper.k2x-home .main-content-title.k2x-status-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px 10px 16px;
}
.content-wrapper.k2x-home .k2x-status-head h3 {
    flex: 1 1 auto;
}
.content-wrapper.k2x-home .k2x-date-chip {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    padding: 7px 12px;
    border: 1px solid rgba(255,215,106,.35);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,201,40,.12), rgba(255,201,40,.04));
}
.content-wrapper.k2x-home .k2x-date-day {
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
    color: #ffd76a;
}
.content-wrapper.k2x-home .k2x-date-meta {
    display: flex;
    flex-direction: column;
    gap: 1px;
    line-height: 1.2;
}
.content-wrapper.k2x-home .k2x-date-my {
    font-size: 12px;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
}
.content-wrapper.k2x-home .k2x-date-wd {
    font-size: 11px;
    font-weight: 600;
    color: rgba(229,235,245,.65);
    white-space: nowrap;
}

/* 11g) Sunucu durumu kutusu: isim solda, ONLINE rozeti sagda, altta tam
   genislik dolum cubugu. main.css'in eski float/sabit genislik dt/dd
   kaliplari notrlenir. */
.content-wrapper.k2x-home #Server_Status dl.servers:after {
    content: none;
}
.content-wrapper.k2x-home #Server_Status dl.servers .thumbnail-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.content-wrapper.k2x-home #Server_Status dl.servers dt.k2x-srv-name {
    order: 1;
    flex: 1 1 auto;
    float: none;
    clear: none;
    width: auto;
    height: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: #eef2f9;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .03em;
    line-height: 1.3;
}
.content-wrapper.k2x-home #Server_Status dl.servers dt.k2x-srv-online {
    order: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    float: none;
    clear: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 6px 11px;
    border: 1px solid rgba(87,227,137,.40);
    border-radius: 999px;
    background: rgba(87,227,137,.10);
    color: #57e389;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    text-align: left;
}
.content-wrapper.k2x-home #Server_Status dl.servers dt.k2x-srv-online:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #57e389;
    box-shadow: 0 0 8px rgba(87,227,137,.8);
}
.content-wrapper.k2x-home #Server_Status dl.servers dd {
    order: 3;
    flex: 0 0 100%;
    float: none;
    clear: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 4px 0 0;
}
.content-wrapper.k2x-home #Server_Status dl.servers dd > span {
    display: block;
    width: 100%;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    overflow: hidden;
}
.content-wrapper.k2x-home #Server_Status dl.servers dd > span > em {
    display: block;
    float: none;
    height: 8px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(90deg, #2f9e5f, #57e389);
}
.content-wrapper.k2x-home #Server_Status > .thumbnail-wrapper p.note {
    margin: 10px 0 0;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 12px;
    background: rgba(255,255,255,.03);
    color: rgba(229,235,245,.6);
    font-size: 11.5px;
    line-height: 1.5;
    text-align: left;
}

/* 11h) Sosyal medya blogu: ayni kart dilinde; h2 iki satirli baslik,
   ikon butonlari FA4 ile cizilir (eski sns_*.png sprite'lari sunucuda yok,
   linkler bu yuzden gorunmuyordu). */
.content-wrapper.k2x-home #Social_Networks {
    margin: 14px 0 0;
    padding: 0;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(14,18,27,.7), rgba(8,11,17,.85));
    overflow: hidden;
}
.content-wrapper.k2x-home #Social_Networks h2.social {
    margin: 0;
    padding: 12px 14px 10px;
    background: none;
    border-bottom: 1px solid rgba(255,255,255,.07);
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    line-height: 1.3;
    text-align: left;
    text-transform: uppercase;
}
.content-wrapper.k2x-home #Social_Networks h2.social > span.sns {
    display: block;
    padding: 3px 0 0;
    color: rgba(229,235,245,.55);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1.3;
}
.content-wrapper.k2x-home #Social_Networks ul.main_social {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: auto;
    margin: 0;
    padding: 12px;
}
.content-wrapper.k2x-home #Social_Networks ul.main_social li {
    display: block;
    width: auto;
    height: auto;
    padding: 0;
}
.content-wrapper.k2x-home #Social_Networks ul.main_social li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    background-image: none;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 12px;
    background-color: rgba(255,255,255,.04);
    color: #ffd76a;
    transition: border-color .15s ease, background-color .15s ease;
}
.content-wrapper.k2x-home #Social_Networks ul.main_social li a:hover {
    background-image: none;
    border-color: rgba(255,215,106,.5);
    background-color: rgba(255,201,40,.10);
}
.content-wrapper.k2x-home #Social_Networks ul.main_social li a:before {
    font-family: FontAwesome;
    font-size: 19px;
    line-height: 1;
}
.content-wrapper.k2x-home #Social_Networks ul.main_social li a.facebook:before { content: "\f09a"; }
.content-wrapper.k2x-home #Social_Networks ul.main_social li a.instagram:before { content: "\f16d"; }
.content-wrapper.k2x-home #Social_Networks ul.main_social li a.youtube:before { content: "\f167"; }
.content-wrapper.k2x-home #Social_Networks ul.main_social li a.discord:before { content: "\f086"; }

/* Sag kolondaki 'Sosyal Medya Hesaplarimiz' baslik karti sosyal blogun
   altinda nefes alsin */
.content-wrapper.k2x-home .right-column #Social_Networks + .main-content-title {
    margin-top: 14px;
}