/* =====================================================================
   K2Network — UserCP / Streamer ortak modern arayüz
   Amaç: "single-team-page" şablonunun absolute-pixel hack'leriyle KAYAN
   menü/başlıkları düzeltip tüm UserCP alt sayfalarına TUTARLI, responsive,
   modern bir kabuk vermek. Kurallar yalnızca body.custom-profile'a scope'lu
   (diğer sayfalar etkilenmez); inline <style> hack'lerini ezmek için !important.
   ===================================================================== */

/* ---- 1) Üst banner / slider'ı statik & temiz hale getir ---- */
body.custom-profile .main-slider,
body.custom-profile .main-slider .slider,
body.custom-profile .main-slider .container {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}
body.custom-profile .main-slider {
    background: radial-gradient(1200px 320px at 50% -40%, rgba(255,201,40,.14), transparent 60%),
                linear-gradient(180deg, rgba(16,20,30,.96), rgba(9,12,19,.98)) !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
    padding: 28px 16px 18px !important;
}
body.custom-profile .main-slider .container { max-width: 1160px; margin: 0 auto; }

/* team-a/team-b sarmalları float/absolute bırakmasın */
body.custom-profile .team-a,
body.custom-profile .team-b,
body.custom-profile #item-nav,
body.custom-profile .item-list-tabs,
body.custom-profile #object-nav {
    position: static !important;
    float: none !important;
    width: auto !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    margin: 0 !important;
}

/* ---- 2) Avatar + kullanıcı adı: ortalı temiz başlık ---- */
body.custom-profile .team-img {
    position: static !important;
    left: auto !important; top: auto !important; right: auto !important;
    width: auto !important;
    text-align: center;
    margin: 0 auto 16px !important;
}
body.custom-profile .team-img img {
    width: 92px !important;
    height: 92px !important;
    border-radius: 50% !important;
    object-fit: cover;
    border: 3px solid rgba(255,201,40,.55);
    box-shadow: 0 10px 28px rgba(0,0,0,.4);
    background: #0b0e16;
}
body.custom-profile .team-img .player,
body.custom-profile .team-img #playerName p {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin: 12px 0 0 !important;
    letter-spacing: .01em;
}

/* ---- 3) team-nav -> ortalı, sarmalanan modern pill menü ---- */
body.custom-profile .item-list-tabs ul.team-nav,
body.custom-profile ul.team-nav {
    position: static !important;
    left: auto !important; right: auto !important; top: auto !important; bottom: auto !important;
    width: 100% !important;
    max-width: 1100px;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    border: 0 !important;
    background: transparent !important;
    list-style: none !important;
}
body.custom-profile .team-nav > li {
    float: none !important;
    margin: 0 !important;
    border: 0 !important;
}
body.custom-profile .team-nav > li > a {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    padding: 10px 16px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.05) !important;
    border: 1px solid rgba(255,255,255,.10) !important;
    color: #d8e3f3 !important;
    font-weight: 700 !important;
    font-size: 13px;
    line-height: 1 !important;
    text-decoration: none !important;
    transition: all .15s ease;
    white-space: nowrap;
}
body.custom-profile .team-nav > li > a > i { font-size: 13px; opacity: .9; }
body.custom-profile .team-nav > li > a:hover {
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.18) !important;
    color: #fff !important;
    transform: translateY(-1px);
}
body.custom-profile .team-nav > li.active > a {
    background: linear-gradient(180deg, #ffe889 0%, #ffc928 48%, #dc9300 100%) !important;
    border-color: rgba(73,42,0,.65) !important;
    color: #2d1700 !important;
    box-shadow: 0 8px 20px rgba(220,147,0,.28);
}

/* ---- 4) İçerik alanı: tutarlı boşluk + kart görünümü ---- */
body.custom-profile .top-divider { height: 0 !important; margin: 0 !important; border: 0 !important; }
body.custom-profile .content-wrapper { padding: 26px 16px 48px !important; }
body.custom-profile .content-wrapper > .container { max-width: 1160px; margin: 0 auto; }
body.custom-profile .main-content-title {
    margin: 0 0 16px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.08);
}
body.custom-profile .main-content-title h3 {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}
body.custom-profile .main-content-title h3 i { color: #ffc928; }

/* myprofile / settings içerik kutuları */
body.custom-profile .tab-content .tab-pane.active,
body.custom-profile .entry-content.settings_user {
    animation: k2cpFade .2s ease;
}
@keyframes k2cpFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }

body.custom-profile .blog-content,
body.custom-profile .sidebar .about-profile-list,
body.custom-profile .entry-content.settings_user {
    background: linear-gradient(180deg, rgba(18,23,34,.92), rgba(11,15,23,.95));
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    padding: 20px !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.26);
}

/* Hakkında / hesap özeti listesi */
body.custom-profile .about-profile-list { list-style: none; margin: 0 0 18px; }
body.custom-profile .about-profile-list li {
    padding: 11px 2px !important;
    border-bottom: 1px dashed rgba(255,255,255,.08);
    color: #cdd8e8;
}
body.custom-profile .about-profile-list li:last-child { border-bottom: 0; }
body.custom-profile .about-profile-list strong { color: #fff; }
body.custom-profile .k2-wallet-row { display: flex; gap: 12px; flex-wrap: wrap; }
body.custom-profile .k2-wallet-row > span {
    flex: 1 1 130px;
    display: flex; flex-direction: column; gap: 4px;
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,201,40,.07);
    border: 1px solid rgba(255,201,40,.22);
}
body.custom-profile .k2-wallet-row > span { min-width: 0; }
body.custom-profile .k2-wallet-row > span b { color: #f0cf78; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
/* Büyük bakiye sayıları taşmasın: küçült + gerekiyorsa sar. */
body.custom-profile .k2-wallet-row > span strong { color: #fff; font-size: 16px; font-weight: 900; line-height: 1.25; word-break: break-all; overflow-wrap: anywhere; }
body.custom-profile .t-muted { color: rgba(219,230,243,.5); }
body.custom-profile .k2-charinfo-list li { display: flex; justify-content: space-between; gap: 10px; }
body.custom-profile .k2-charinfo-list li strong { white-space: nowrap; }

/* ---- 5) Formlar (Şifre/OTP/Kilit accountinfo tablosu) ---- */
body.custom-profile table.accountinfo {
    width: 100% !important;
    max-width: 560px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0 12px;
}
body.custom-profile table.accountinfo th {
    text-align: left;
    color: #aeb9cb;
    font-weight: 700;
    font-size: 13px;
    padding: 0 14px 6px 2px;
    vertical-align: middle;
    width: 38%;
}
body.custom-profile table.accountinfo td { vertical-align: middle; }
body.custom-profile table.accountinfo input[type="text"],
body.custom-profile table.accountinfo input[type="password"],
body.custom-profile table.accountinfo select,
body.custom-profile .settings_user select,
body.custom-profile .settings_user input[type="text"],
body.custom-profile .settings_user input[type="password"] {
    width: 100% !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    background: #0c1019 !important;
    color: #fff !important;
    font-size: 14px;
    box-sizing: border-box;
}
body.custom-profile table.accountinfo input:focus,
body.custom-profile table.accountinfo select:focus {
    outline: none;
    border-color: rgba(255,201,40,.7) !important;
    box-shadow: 0 0 0 4px rgba(255,201,40,.12);
}

/* ---- 6) Butonlar: tutarlı, ortalı, modern ---- */
body.custom-profile .action_btns { text-align: center; margin-top: 6px; }
body.custom-profile input[type="submit"].btn_red,
body.custom-profile .btn.btn_red,
body.custom-profile .btn_red {
    width: auto !important;
    min-width: 220px;
    height: 48px !important;
    padding: 0 26px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ff5a4d 0%, #e0231a 60%, #b3140d 100%) !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 15px;
    letter-spacing: .02em;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(208,21,21,.30);
    transition: transform .12s ease, filter .12s ease;
}
body.custom-profile .btn_red:hover { filter: brightness(1.08); transform: translateY(-1px); color: #fff !important; }

/* ---- 7) Streamer sayfası: kabuk zaten modern; sadece üst boşluk ---- */
body.streamer-center-page .streamer-shell { padding-top: 26px !important; }
body.streamer-center-page .streamer-shell .container { max-width: 1160px; }

/* ---- 8) Responsive ---- */
@media (max-width: 991px) {
    body.custom-profile .main-content.col-lg-8,
    body.custom-profile .sidebar.col-lg-4 { width: 100% !important; float: none !important; }
}
@media (max-width: 640px) {
    body.custom-profile .main-slider { padding: 20px 12px 14px !important; }
    body.custom-profile .team-nav > li > a { padding: 9px 13px !important; font-size: 12px; }
    body.custom-profile .team-img img { width: 76px !important; height: 76px !important; }
    body.custom-profile table.accountinfo,
    body.custom-profile table.accountinfo tbody,
    body.custom-profile table.accountinfo tr,
    body.custom-profile table.accountinfo th,
    body.custom-profile table.accountinfo td { display: block; width: 100% !important; }
    body.custom-profile table.accountinfo th { padding-bottom: 6px; }
    body.custom-profile .btn_red { width: 100% !important; min-width: 0; }
}

/* ===== Avatar (yuvarlak) — UserCP yükleyici + her sayfada gösterim ===== */
.k2-avatar {
    border-radius: 50% !important;
    object-fit: cover;
    background: #11141c;
    border: 3px solid rgba(255,201,40,.55);
    box-shadow: 0 10px 28px rgba(0,0,0,.4);
    display: inline-block;
    vertical-align: middle;
}
.k2-avatar-sm { width: 40px; height: 40px; border-width: 2px; }
.k2-avatar-md { width: 64px; height: 64px; }
.k2-avatar-lg { width: 104px !important; height: 104px !important; }

body.custom-profile .k2-avatar-form { display: inline-block; text-align: center; }
body.custom-profile .k2-avatar-wrap { position: relative; display: inline-block; cursor: pointer; line-height: 0; }
body.custom-profile .k2-avatar-wrap .k2-avatar-edit {
    position: absolute; right: 2px; bottom: 2px;
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 50%;
    background: linear-gradient(180deg,#ffe889,#dc9300);
    color: #2d1700; border: 2px solid #0b0e16;
    box-shadow: 0 6px 16px rgba(0,0,0,.4);
    opacity: .92; transition: transform .15s ease;
}
body.custom-profile .k2-avatar-wrap:hover .k2-avatar-edit { transform: scale(1.08); }
body.custom-profile .k2-avatar-hint { margin-top: 8px; font-size: 11px; color: rgba(219,230,243,.6); }
body.custom-profile .k2-avatar-uploadbar { display: none; gap: 8px; justify-content: center; margin-top: 10px; flex-wrap: wrap; }
body.custom-profile .k2-avatar-uploadbar.show { display: flex; }
body.custom-profile .k2-avatar-save,
body.custom-profile .k2-avatar-cancel { height: 36px; padding: 0 14px; border-radius: 10px; font-weight: 800; font-size: 13px; cursor: pointer; border: 0; }
body.custom-profile .k2-avatar-save { background: linear-gradient(180deg,#ffe889,#dc9300); color: #2d1700; }
body.custom-profile .k2-avatar-cancel { background: rgba(255,255,255,.08); color: #d8e3f3; border: 1px solid rgba(255,255,255,.12); }
body.custom-profile .k2-avatar-save:hover { filter: brightness(1.06); }

/* ===== UserCP "Genel Bakış": cüzdan tile + karakter kartları ===== */
body.custom-profile .k2-wallet-tiles { display: flex; gap: 14px; flex-wrap: wrap; }
body.custom-profile .k2-wallet-tile {
    flex: 1 1 200px; min-width: 0;
    padding: 18px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: linear-gradient(180deg, rgba(18,23,34,.95), rgba(11,15,23,.96));
    box-shadow: 0 14px 34px rgba(0,0,0,.26);
}
body.custom-profile .k2-wallet-tile.tl { border-color: rgba(78,201,125,.3); background: linear-gradient(180deg, rgba(20,40,30,.55), rgba(11,15,23,.96)); }
body.custom-profile .k2-wallet-tile.kc { border-color: rgba(255,201,40,.3); background: linear-gradient(180deg, rgba(45,38,12,.55), rgba(11,15,23,.96)); }
body.custom-profile .k2-wt-label { display: block; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; color: rgba(219,230,243,.7); margin-bottom: 6px; }
body.custom-profile .k2-wallet-tile.tl .k2-wt-label { color: #8fe6b3; }
body.custom-profile .k2-wallet-tile.kc .k2-wt-label { color: #f0cf78; }
body.custom-profile .k2-wt-value { display: block; color: #fff; font-weight: 900; line-height: 1.15; font-size: clamp(20px, 3.4vw, 32px); word-break: break-all; }

body.custom-profile .k2-char-cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 14px; }
body.custom-profile .k2-char-card {
    position: relative;
    display: flex; align-items: center; gap: 14px;
    padding: 14px; border-radius: 16px;
    background: linear-gradient(180deg, rgba(20,25,37,.95), rgba(12,16,24,.97));
    border: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 12px 30px rgba(0,0,0,.24);
}
body.custom-profile .k2-char-card-img { width: 54px; height: 54px; border-radius: 12px; object-fit: cover; border: 1px solid rgba(255,255,255,.14); flex: 0 0 auto; background: #0b0e16; }
body.custom-profile .k2-char-card-body { min-width: 0; flex: 1 1 auto; }
body.custom-profile .k2-char-card-name { color: #fff; font-weight: 800; font-size: 15px; display: flex; align-items: center; gap: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body.custom-profile .k2-char-main { font-size: 10px; font-weight: 900; padding: 2px 7px; border-radius: 999px; background: linear-gradient(180deg,#ffe889,#dc9300); color: #2d1700; letter-spacing: .04em; flex: 0 0 auto; }
body.custom-profile .k2-char-card-meta { color: rgba(219,230,243,.78); font-size: 12px; margin-top: 3px; }
body.custom-profile .k2-char-card-sub { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; color: rgba(219,230,243,.6); font-size: 11px; }
body.custom-profile .k2-char-card-sub i { opacity: .8; margin-right: 3px; }
body.custom-profile .k2-char-card-link { position: absolute; top: 10px; right: 10px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1); color: #cfe0f5; }
body.custom-profile .k2-char-card-link:hover { background: rgba(255,201,40,.15); color: #ffd76a; }

/* Hesap bilgileri listesi: anahtar solda, değer sağda */
body.custom-profile .k2-account-summary-list li { display: flex; justify-content: space-between; gap: 10px; }
body.custom-profile .k2-account-summary-list li strong { white-space: nowrap; }
body.custom-profile .k2-account-summary-list li span { text-align: right; overflow-wrap: anywhere; }

@media (max-width: 600px) {
    body.custom-profile .k2-char-cards { grid-template-columns: 1fr; }
}