/* =========================================================================
   panelthema.css
   THEMYKO paneli icin ProfessionalKO tarzi klasik KO skin.
   Butun kurallar body.panelthema-skin altinda scope'lanmistir; sinifi
   kaldirdiginizda mevcut lova temasi geri doner.
   ========================================================================= */


/* ---------- Renk ve tipografi degiskenleri ---------- */
body.panelthema-skin {
    --pt-bg:            #000000;
    --pt-panel:         #0b0703;
    --pt-panel-2:       #150a04;
    --pt-border:        #25120B;
    --pt-border-2:      #3a1d0c;
    --pt-gold:          #9F7401;
    --pt-gold-2:        #bd8e00;
    --pt-gold-3:        #d4af37;
    --pt-red:           #900;
    --pt-red-2:         #c31402;
    --pt-text:          #DFDFDF;
    --pt-text-mute:     #8a7a5a;
    --pt-font:          Verdana, Arial, Helvetica, sans-serif;
}

/* ---------- Global ---------- */
body.panelthema-skin,
body.panelthema-skin table,
body.panelthema-skin input,
body.panelthema-skin select,
body.panelthema-skin button,
body.panelthema-skin textarea {
    font-family: var(--pt-font) !important;
}

body.panelthema-skin {
    background-color: var(--pt-bg) !important;
    color: var(--pt-text);
}

/* Mevcut video/arkaplan katmani uzerinde PKO'nun ana arka planini goster */
body.panelthema-skin .video-background {
    background-color: #000 !important;
}
body.panelthema-skin .video-background::after {
    content: '';
    position: absolute;
    inset: 0;
    background: url('../images/panelthema/kol-bkgrd.jpg') no-repeat 50% 0%;
    background-size: cover;
    opacity: 0.28;
    pointer-events: none;
    z-index: 0;
}
body.panelthema-skin .video-background .video-overlay {
    background: rgba(0, 0, 0, 0.55) !important;
}

/* ---------- Baglar (link) ---------- */
body.panelthema-skin a,
body.panelthema-skin a:visited {
    color: var(--pt-gold);
    text-decoration: none;
}
body.panelthema-skin a:hover,
body.panelthema-skin a:focus {
    color: var(--pt-gold-3);
    text-decoration: underline;
}

/* ---------- Basliklar ---------- */
body.panelthema-skin h1,
body.panelthema-skin h2,
body.panelthema-skin h3,
body.panelthema-skin h4,
body.panelthema-skin h5 {
    color: var(--pt-gold);
    font-family: var(--pt-font) !important;
    letter-spacing: 0.3px;
    text-shadow: 0 1px 0 #000, 0 0 6px rgba(159,116,1,0.35);
}

/* ---------- Semantic UI: Segment / Card / Container ---------- */
body.panelthema-skin .ui.segment,
body.panelthema-skin .ui.segments,
body.panelthema-skin .ui.card,
body.panelthema-skin .ui.cards > .card,
body.panelthema-skin .ui.raised.segment {
    background: linear-gradient(180deg, var(--pt-panel-2) 0%, var(--pt-panel) 100%) !important;
    border: 1px solid var(--pt-border) !important;
    border-top-color: var(--pt-gold) !important;
    border-radius: 6px !important;
    color: var(--pt-text) !important;
    box-shadow:
        0 0 0 1px rgba(159,116,1,0.15) inset,
        0 6px 22px rgba(0,0,0,0.6) !important;
}

body.panelthema-skin .ui.segment .header,
body.panelthema-skin .ui.card .header,
body.panelthema-skin .ui.segments .header {
    color: var(--pt-gold) !important;
    border-bottom: 1px solid var(--pt-border-2);
    padding-bottom: 6px;
    margin-bottom: 8px;
    text-shadow: 0 1px 0 #000;
}

/* ---------- Semantic UI: Menu ---------- */
body.panelthema-skin .ui.menu {
    background: linear-gradient(180deg, #1a0d05 0%, #0a0503 100%) !important;
    border: 1px solid var(--pt-border) !important;
    border-radius: 4px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.7);
}
body.panelthema-skin .ui.menu .item {
    color: var(--pt-text) !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-size: 12px;
}
body.panelthema-skin .ui.menu .item:hover,
body.panelthema-skin .ui.menu .item.active {
    color: var(--pt-gold-3) !important;
    background: rgba(159,116,1,0.10) !important;
    box-shadow: inset 0 -2px 0 var(--pt-gold);
}

/* ---------- Butonlar ---------- */
body.panelthema-skin .ui.button,
body.panelthema-skin button,
body.panelthema-skin input[type=submit],
body.panelthema-skin input[type=button] {
    background: linear-gradient(180deg, #3a1d0c 0%, #1c0d05 100%) !important;
    color: var(--pt-gold-3) !important;
    border: 1px solid var(--pt-gold) !important;
    border-radius: 3px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: bold !important;
    text-shadow: 0 1px 0 #000;
    box-shadow: 0 2px 6px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
    transition: filter .18s ease, transform .12s ease;
}
body.panelthema-skin .ui.button:hover,
body.panelthema-skin button:hover,
body.panelthema-skin input[type=submit]:hover,
body.panelthema-skin input[type=button]:hover {
    filter: brightness(1.25);
    color: #fff !important;
}
body.panelthema-skin .ui.button:active {
    transform: translateY(1px);
}
body.panelthema-skin .ui.primary.button,
body.panelthema-skin .ui.red.button {
    background: linear-gradient(180deg, #6a0000 0%, #2a0000 100%) !important;
    border-color: #c00 !important;
    color: #fff !important;
}

/* ---------- Form alanlari ---------- */
body.panelthema-skin input[type=text],
body.panelthema-skin input[type=password],
body.panelthema-skin input[type=email],
body.panelthema-skin input[type=number],
body.panelthema-skin textarea,
body.panelthema-skin select {
    background: #0a0503 !important;
    border: 1px solid var(--pt-border-2) !important;
    color: var(--pt-text) !important;
    border-radius: 3px !important;
    padding: 6px 8px !important;
}
body.panelthema-skin input:focus,
body.panelthema-skin textarea:focus,
body.panelthema-skin select:focus {
    border-color: var(--pt-gold) !important;
    box-shadow: 0 0 6px rgba(159,116,1,0.45) !important;
    outline: none !important;
}

/* ---------- Tablolar ---------- */
body.panelthema-skin table.ui,
body.panelthema-skin .ui.table {
    background: var(--pt-panel) !important;
    border: 1px solid var(--pt-border) !important;
    color: var(--pt-text) !important;
    border-collapse: separate;
    border-spacing: 0;
}
body.panelthema-skin .ui.table thead th,
body.panelthema-skin table.ui thead th {
    background: linear-gradient(180deg, #2a1509, #150a04) !important;
    color: var(--pt-gold) !important;
    border-bottom: 1px solid var(--pt-border-2) !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 11px;
}
body.panelthema-skin .ui.table tbody tr td,
body.panelthema-skin table.ui tbody tr td {
    border-bottom: 1px solid var(--pt-border) !important;
    color: var(--pt-text);
}
body.panelthema-skin .ui.table tbody tr:hover td {
    background: rgba(159,116,1,0.08) !important;
}
body.panelthema-skin .tblcell,
body.panelthema-skin .tblcellrt {
    border-bottom: 1px solid var(--pt-border);
    border-right: 1px solid var(--pt-border);
}

/* ---------- Header sunucu ve dil secici ---------- */
body.panelthema-skin .server-selector select {
    background: rgba(10,5,3,0.92) !important;
    border: 2px solid rgba(159,116,1,0.55) !important;
    color: var(--pt-gold-3) !important;
    border-radius: 3px !important;
    box-shadow: 0 3px 10px rgba(0,0,0,0.6);
}
body.panelthema-skin .server-selector select:hover {
    border-color: var(--pt-gold);
    background: rgba(159,116,1,0.15) !important;
}

/* ---------- PKO klasik yardimci siniflari (yeni gorunumler icin) ---------- */
body.panelthema-skin .contenttext1,
body.panelthema-skin .contenttext2 {
    font-family: var(--pt-font);
    font-size: 11px;
    font-weight: normal;
    color: var(--pt-text);
}
body.panelthema-skin .textredlg     { color: var(--pt-red); font-size: 13px; font-family: var(--pt-font); }
body.panelthema-skin .textred2      { color: var(--pt-red); font-size: 12px; font-weight: bold; font-family: var(--pt-font); }
body.panelthema-skin .textredlglg   { color: var(--pt-red); font-size: 15px; font-family: var(--pt-font); }
body.panelthema-skin .textbrown     { color: var(--pt-gold); font-size: 11px; font-family: var(--pt-font); }
body.panelthema-skin .textbrownlg   { color: var(--pt-gold); font-size: 13px; font-family: var(--pt-font); }
body.panelthema-skin .stylep        { color: #fff; font-size: 10px; font-family: var(--pt-font); }
body.panelthema-skin .tsmy          { color: var(--pt-text); font-size: 9px; font-weight: bold; font-variant: small-caps; }

body.panelthema-skin .sRankPos     { width: 50px; height: 27px; font-size: 11px; color: var(--pt-red-2); }
body.panelthema-skin .sRankName    { width: 130px; font-size: 11px; }
body.panelthema-skin .sRankLoyalty { width: 120px; font-size: 11px; color: var(--pt-gold-2); }
body.panelthema-skin .shortRankingsMain { height: 26px; font-size: 11px; font-weight: bolder; color: #fff; }

/* ---------- PKO durum/kral/gm/kullanici blogu ---------- */
body.panelthema-skin .status,
body.panelthema-skin .kings,
body.panelthema-skin .gamemasters {
    color: var(--pt-gold);
    font-weight: bold;
    letter-spacing: 0.4px;
}
body.panelthema-skin .usersonline {
    display: inline;
    margin-left: 5px;
    color: var(--pt-gold);
}
body.panelthema-skin .online {
    background-image: url('../images/panelthema/server-online.gif');
    position: absolute; height: 8px; width: 8px; right: 0;
}
body.panelthema-skin .offline {
    background-image: url('../images/panelthema/server-offline.gif');
    position: absolute; height: 8px; width: 8px; right: 0;
}

/* Irk sayilari (nation count) */
body.panelthema-skin #nationcount {
    background-image: url('../images/panelthema/hk.jpg');
    width: 170px;
    height: 98px;
}
body.panelthema-skin div.tnationcount,
body.panelthema-skin div.enationcount,
body.panelthema-skin div.knationcount {
    position: absolute;
    text-align: center;
    color: #000;
    font-size: 13px;
    font-weight: bolder;
    height: 10px;
}
body.panelthema-skin div.tnationcount { margin-top: 24px; width: 169px; }
body.panelthema-skin div.enationcount { margin-top: 64px; width: 86px; }
body.panelthema-skin div.knationcount { margin-top: 64px; width: 252px; }

/* Haber tipi rozeti */
body.panelthema-skin .newsType {
    background-image: url('../images/panelthema/newstype.jpg');
    height: 1.5em;
    width: 80px;
    text-align: center;
    padding: 2px;
    overflow: hidden;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
}

/* Ana bulten kutulari */
body.panelthema-skin #botmainbkgrd,
body.panelthema-skin #poll_container {
    background-image: url('../images/panelthema/bot_main_bkgrd.gif');
    background-repeat: no-repeat;
    width: 482px;
    height: 381px;
}
body.panelthema-skin #tbnewsmainbkgrd {
    background-image: url('../images/panelthema/latest_news_bkgrd.gif');
    background-repeat: no-repeat;
    width: 482px;
    height: 296px;
}

/* Envanter kutusu */
body.panelthema-skin #inventory {
    width: 177px;
    height: 281px;
    background-repeat: no-repeat;
    background-image: url('../images/panelthema/inventory.gif');
    padding: 14px 9px 9px 12px;
}

/* ---------- Modaller / dropdown / popup ---------- */
body.panelthema-skin .ui.modal,
body.panelthema-skin .ui.popup,
body.panelthema-skin .ui.dropdown .menu {
    background: linear-gradient(180deg, #150a04 0%, #0a0503 100%) !important;
    border: 1px solid var(--pt-gold) !important;
    color: var(--pt-text) !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.85) !important;
}
body.panelthema-skin .ui.modal > .header,
body.panelthema-skin .ui.popup > .header {
    background: transparent !important;
    color: var(--pt-gold) !important;
    border-bottom: 1px solid var(--pt-border-2) !important;
}

/* ---------- Item / envanter kartlari ---------- */
body.panelthema-skin td.characterItem,
body.panelthema-skin .character-avatar,
body.panelthema-skin .item {
    border: 1px solid var(--pt-border) !important;
}

/* ---------- Ranking listeleri ---------- */
body.panelthema-skin .leaderboard a {
    color: var(--pt-gold) !important;
}
body.panelthema-skin .leaderboard a:hover {
    color: var(--pt-gold-3) !important;
}

/* ---------- Sayfa uzerindeki lig/gecmis 3D kart etkileri sonlandir ---------- */
body.panelthema-skin .ui.card:hover,
body.panelthema-skin .ui.segment:hover {
    transform: none !important;
}

/* ---------- Ustpanel bandi (PKO nav_top / nav_bottom hissi) ---------- */
body.panelthema-skin #main-header {
    background:
        linear-gradient(180deg, rgba(20,10,5,0.9) 0%, rgba(0,0,0,0.85) 100%),
        url('../images/panelthema/nav_bck.gif') repeat-x 0 0;
    border-bottom: 2px solid var(--pt-gold);
    box-shadow: 0 4px 20px rgba(0,0,0,0.7);
}
body.panelthema-skin #main-header::before {
    content: '';
    display: block;
    height: 8px;
    background: url('../images/panelthema/nav_top.gif') repeat-x 0 0;
    opacity: 0.9;
}

/* ---------- Footer ---------- */
body.panelthema-skin footer,
body.panelthema-skin .footer,
body.panelthema-skin #footer {
    background:
        linear-gradient(180deg, rgba(0,0,0,0.9) 0%, rgba(15,7,3,0.95) 100%),
        url('../images/panelthema/footer_bck.gif') repeat-x 0 0;
    border-top: 2px solid var(--pt-gold);
    color: var(--pt-text-mute);
}
body.panelthema-skin footer a { color: var(--pt-gold); }

/* ---------- Scrollbar (WebKit) ---------- */
body.panelthema-skin ::-webkit-scrollbar { width: 10px; height: 10px; }
body.panelthema-skin ::-webkit-scrollbar-track { background: #0a0503; }
body.panelthema-skin ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #3a1d0c, var(--pt-gold));
    border-radius: 2px;
}
body.panelthema-skin ::-webkit-scrollbar-thumb:hover { background: var(--pt-gold-3); }

/* ---------- Yardimci: iceriklerin altin cerceveli iceri kutu gorunumu ---------- */
body.panelthema-skin .pt-frame {
    background: url('../images/panelthema/content-head.jpg') no-repeat top center;
    background-color: var(--pt-panel);
    border: 1px solid var(--pt-border);
    border-top: 2px solid var(--pt-gold);
    padding: 24px 18px 18px;
    color: var(--pt-text);
    border-radius: 4px;
}

/* ---------- Uyarilar / etiketler ---------- */
body.panelthema-skin .ui.label {
    background: #2a1509 !important;
    color: var(--pt-gold-3) !important;
    border: 1px solid var(--pt-border-2) !important;
}
body.panelthema-skin .ui.red.label,
body.panelthema-skin .ui.negative.message {
    background: #500 !important;
    color: #fff !important;
    border-color: #c00 !important;
}
body.panelthema-skin .ui.green.label,
body.panelthema-skin .ui.positive.message {
    background: #1a3a12 !important;
    color: #a5e3a0 !important;
    border-color: #2e5a1c !important;
}

/* ---------- Marka: THEMYKO ust yazi tonlari ---------- */
body.panelthema-skin .brand-themyko {
    color: var(--pt-gold-3);
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(212,175,55,0.55), 0 1px 0 #000;
}

/* =========================================================================
   PAGE: HOME (ProfessionalKO 3-kolon iskelet)
   home/index.php sayfasi yuklendiginde body'ye page-home-pko class'i eklenir
   (inline script ile). Bu blok mevcut lova header/menu/video-background'unu
   gizler ve PKO iskelet stillerini uygular.
   ========================================================================= */

body.page-home-pko .video-background,
body.page-home-pko #main-header,
body.page-home-pko .server-selector,
body.page-home-pko .language-selector,
body.page-home-pko #menu_header {
    display: none !important;
}

body.page-home-pko {
    background: #000 url('../images/panelthema/kol-bkgrd.jpg') no-repeat 50% 0%;
    background-attachment: fixed;
    color: #DFDFDF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

/* Ana konteyner */
body.page-home-pko .pt-home {
    max-width: 1254px;
    margin: 0 auto;
}
body.page-home-pko .pt-home table {
    color: #DFDFDF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* SOL: nav-bckground */
body.page-home-pko td.nav-bckground {
    background: linear-gradient(180deg, #150a04 0%, #0a0503 100%);
    border: 1px solid #25120B;
    border-top: 2px solid #9F7401;
    box-shadow: 0 0 20px rgba(0,0,0,0.7);
}

/* LOGO alani — 264x111 sabit banner (PKO ile ayni olcu) */
body.page-home-pko .logobckground {
    width: 264px;
    height: 111px;
    padding: 0;
    background: #0a0503;
    border-bottom: 1px solid #9F7401;
    overflow: hidden;
    position: relative;
}
body.page-home-pko .pt-logo {
    display: block;
    width: 264px;
    height: 111px;
    text-decoration: none;
    line-height: 0;
    position: relative;
}
body.page-home-pko .pt-logo img {
    display: block;
    width: 264px;
    height: 111px;
    border: 0;
}
/* Metin banner (banner PNG'si eklenene kadar gecerli) */
body.page-home-pko .pt-logo-banner {
    position: relative;
    width: 264px;
    height: 111px;
    background:
        radial-gradient(circle at 50% 40%, rgba(159,116,1,0.45) 0%, rgba(90,55,10,0.15) 45%, transparent 70%),
        linear-gradient(180deg, #2b1608 0%, #0a0503 100%);
    box-shadow: inset 0 0 40px rgba(0,0,0,0.85), inset 0 0 0 1px rgba(159,116,1,0.35);
    overflow: hidden;
}
body.page-home-pko .pt-logo-shine {
    position: absolute;
    top: -40%; left: -60%;
    width: 60%; height: 220%;
    background: linear-gradient(115deg, transparent 30%, rgba(255,215,140,0.20) 50%, transparent 70%);
    transform: rotate(20deg);
    animation: pt-logo-shine 4s linear infinite;
    pointer-events: none;
}
@keyframes pt-logo-shine {
    0%   { left: -60%; }
    100% { left: 160%; }
}
body.page-home-pko .pt-logo-inner {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    line-height: 1.1;
    padding: 0 8px;
}
body.page-home-pko .pt-logo-brand {
    display: block;
    font: 900 34px "Trebuchet MS", Verdana, sans-serif;
    color: #f0d16a;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow:
        0 0 18px rgba(240,209,106,0.7),
        0 0 4px rgba(240,209,106,0.9),
        0 2px 0 #000,
        0 -1px 0 #7a5a10;
    background: linear-gradient(180deg, #ffe287 0%, #d4af37 45%, #8f6a10 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 2px 3px rgba(0,0,0,0.9));
}
body.page-home-pko .pt-logo-sub {
    display: block;
    margin-top: 6px;
    padding: 3px 12px;
    font: bold 9px Verdana, sans-serif;
    color: #d4af37;
    letter-spacing: 3px;
    text-transform: uppercase;
    border-top: 1px solid rgba(159,116,1,0.55);
    border-bottom: 1px solid rgba(159,116,1,0.55);
    text-shadow: 0 1px 0 #000;
}

/* LOGIN kutusu */
body.page-home-pko #td-1 {
    background: url('../images/panelthema/login_bck.jpg') repeat-x top left;
    background-color: #0a0503;
    padding: 10px 5px;
}
body.page-home-pko .pt-login-tbl input[type=text],
body.page-home-pko .pt-login-tbl input[type=password] {
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    width: 103px !important;
    height: 15px !important;
    border: 1px solid #000 !important;
    background: #cccccc !important;
    color: #000 !important;
    padding: 1px 3px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: content-box !important;
    outline: none !important;
}
body.page-home-pko .pt-login-tbl input[type=text]:focus,
body.page-home-pko .pt-login-tbl input[type=password]:focus {
    background: #e8e8e8 !important;
    border-color: #9F7401 !important;
}

/* Chrome/Edge autofill sarı arkaplan hilesi — kendi arka plan rengimizle bas */
body.page-home-pko input:-webkit-autofill,
body.page-home-pko input:-webkit-autofill:hover,
body.page-home-pko input:-webkit-autofill:focus,
body.page-home-pko input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 100px #cccccc inset !important;
    -webkit-text-fill-color: #000 !important;
    caret-color: #000;
    transition: background-color 5000s ease-in-out 0s;
}
/* Firefox */
body.page-home-pko input:autofill {
    background-color: #cccccc !important;
    color: #000 !important;
}
body.page-home-pko .pt-login-tbl img {
    margin-right: 7px;
    display: inline-block;
    vertical-align: middle;
}
body.page-home-pko .pt-login-outer { margin: 0 auto; }
body.page-home-pko .pt-login-outer > tbody > tr > td { padding: 0; }
body.page-home-pko .pt-login-actions {
    margin: 10px auto 0;
    border-collapse: collapse;
}
body.page-home-pko .pt-login-actions td { padding: 0 1px; vertical-align: middle; }
body.page-home-pko .pt-login-actions img {
    display: block;
    border: 0;
}

/* Register butonu icin donen siyah cizgi cerceve efekti (4 kenar sirali) */
body.page-home-pko .pt-animated-btn {
    position: relative;
    display: inline-block;
    padding: 0;
    line-height: 0;
    overflow: hidden;
    text-decoration: none;
}
body.page-home-pko .pt-animated-btn img {
    display: block;
    position: relative;
    z-index: 1;
    border: 0;
}
body.page-home-pko .pt-animated-btn span {
    position: absolute;
    display: block;
    z-index: 2;
    pointer-events: none;
}
body.page-home-pko .pt-animated-btn span:nth-child(1) {
    top: 0; left: 0;
    width: 100%; height: 2px;
    background: linear-gradient(90deg, transparent, #000);
    animation: pt-anim-top 2s linear infinite;
}
body.page-home-pko .pt-animated-btn span:nth-child(2) {
    top: 0; right: 0;
    width: 2px; height: 100%;
    background: linear-gradient(180deg, transparent, #000);
    animation: pt-anim-right 2s linear infinite;
    animation-delay: 0.5s;
}
body.page-home-pko .pt-animated-btn span:nth-child(3) {
    bottom: 0; right: 0;
    width: 100%; height: 2px;
    background: linear-gradient(270deg, transparent, #000);
    animation: pt-anim-bottom 2s linear infinite;
    animation-delay: 1s;
}
body.page-home-pko .pt-animated-btn span:nth-child(4) {
    bottom: 0; left: 0;
    width: 2px; height: 100%;
    background: linear-gradient(360deg, transparent, #000);
    animation: pt-anim-left 2s linear infinite;
    animation-delay: 1.5s;
}
@keyframes pt-anim-top {
    0%   { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@keyframes pt-anim-right {
    0%   { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
@keyframes pt-anim-bottom {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
@keyframes pt-anim-left {
    0%   { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}

/* Dil secici */
body.page-home-pko #div-1 {
    background-image: url('../images/panelthema/header_rule1.gif');
    background-repeat: no-repeat;
    width: 264px;
    height: 49px;
}
body.page-home-pko .select-language {
    padding: 12px 14px;
}
body.page-home-pko .select-language img.langIcon {
    margin: 0 3px;
    opacity: 0.5;
}
body.page-home-pko .select-language img.langIcon.english,
body.page-home-pko .select-language img.langIcon.turkish,
body.page-home-pko .select-language img.langIcon.spanish {
    opacity: 1;
}

/* Sol nav menu */
body.page-home-pko .pt-nav-wrap {
    margin-top: 0;
}
body.page-home-pko .pt-nav-bg {
    background-repeat: repeat-y;
    background-color: #0a0503;
    padding: 6px 0;
}
body.page-home-pko #nav {
    text-align: center;
    padding: 4px 0;
}
body.page-home-pko .pt-nav {
    margin: 0 auto;
    width: 141px;
    border-collapse: separate;
    border-spacing: 0;
}
body.page-home-pko td.nav-bckground-img {
    width: 141px;
    height: 24px;
    background: url('../images/panelthema/nav_cell_bkgrd.gif') repeat-y left top;
    background-color: rgba(159,116,1,0.06);
    border-bottom: 1px solid #25120B;
    padding-left: 22px;
    line-height: 24px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
body.page-home-pko td.nav-bckground-img:hover {
    background-color: rgba(159,116,1,0.20);
}
body.page-home-pko .nav-link,
body.page-home-pko a.nav-link,
body.page-home-pko a.nav-link:visited {
    color: #9f7401 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 10px !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.page-home-pko .nav-link:hover { color: #d4af37 !important; text-decoration: underline !important; }
body.page-home-pko .nav-link-red,
body.page-home-pko a.nav-link-red,
body.page-home-pko a.nav-link-red:visited {
    color: #980000 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 10px !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.page-home-pko .nav-link-red:hover { color: #ff5555 !important; text-decoration: underline !important; }
body.page-home-pko .nav-link-green,
body.page-home-pko a.nav-link-green,
body.page-home-pko a.nav-link-green:visited {
    color: #008000 !important;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: bold !important;
    font-size: 10px !important;
    text-decoration: none !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}
body.page-home-pko .nav-link-green:hover { color: #4bd04b !important; text-decoration: underline !important; }
body.page-home-pko #nav-forums {
    padding: 6px 0 4px 61px;
}

/* ORTA: banner + server notice */
body.page-home-pko .pt-banner {
    background: url('../images/panelthema/banner.gif') no-repeat center center;
    background-color: #0a0503;
    height: 192px;
    padding-right: 20px;
    text-align: right;
    vertical-align: bottom;
    padding-bottom: 20px;
}
body.page-home-pko .pt-banner-brand {
    display: inline-block;
    text-align: right;
    color: #fff;
    background: linear-gradient(90deg, transparent, rgba(0,0,0,0.75));
    padding: 12px 22px;
    border-right: 3px solid #9F7401;
}
body.page-home-pko .pt-banner-title {
    display: block;
    font: bold 40px "Trebuchet MS", Verdana, sans-serif;
    color: #d4af37;
    letter-spacing: 4px;
    text-shadow: 0 0 20px rgba(212,175,55,0.6), 0 2px 4px #000;
    text-transform: uppercase;
}
body.page-home-pko .pt-banner-slogan {
    display: block;
    margin-top: 6px;
    font: 12px Verdana, sans-serif;
    color: #DFDFDF;
    letter-spacing: 1px;
}
body.page-home-pko .top-nav-buttons {
    position: relative;
    z-index: 7;
    display: inline-block;
}
body.page-home-pko .server-notice {
    background: #150a04;
    border-top: 1px solid #9F7401;
    border-bottom: 1px solid #9F7401;
    color: #d4af37;
    padding: 6px 8px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
body.page-home-pko .server-notice marquee { color: #d4af37; }

/* Server time bant */
body.page-home-pko .pt-server-time {
    margin-left: 35px;
    margin-top: 7px;
    font: 18px "Trebuchet MS", Verdana, sans-serif;
    color: orange;
    text-shadow: 0 1px 2px #000;
}
body.page-home-pko #pt-clock { color: #ffd870; }

/* Icerik dashboard baslik alani */
body.page-home-pko #contenttitlehome {
    position: relative;
}

/* Poll / Bilgilendirme kutusu — Server details ile ayni hizada olsun */
body.page-home-pko .pt-poll {
    border: 1px solid #000;
    margin-left: 7px;
    margin-top: 40px;
    width: 96%;
    height: 220px;
    color: #fff;
    text-shadow: 0 1px 2px #000;
    border-collapse: collapse;
    table-layout: fixed;
}
body.page-home-pko .pt-poll td { padding: 4px 8px; font-size: 11px; }
body.page-home-pko .pt-poll-title {
    background: #800000;
    border: 1px solid #888;
    text-align: center;
    height: 47px;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: #fff;
}
body.page-home-pko .pt-poll-key {
    background: #000;
    color: #d4af37;
    font-weight: bold;
    width: 90px;
}
body.page-home-pko .pt-poll-val {
    background: #150a04;
    color: #fff;
}
body.page-home-pko .pt-poll-desc {
    background: #0a0503;
    color: #DFDFDF;
    font-size: 10px;
    line-height: 1.5;
    padding: 8px !important;
    max-height: 60px;
    overflow: hidden;
}
body.page-home-pko .pt-poll-cta {
    background: #000;
    padding: 8px !important;
}
body.page-home-pko .pt-poll-cta a { color: #d4af37; font-weight: bold; }

/* Ranking listeleri */
body.page-home-pko .pt-rank { color: #fff; }
body.page-home-pko .pt-rank td { padding: 2px 4px; }
body.page-home-pko .shortRankingsMain {
    background: linear-gradient(180deg, #2a1509 0%, #150a04 100%);
    color: #d4af37;
    height: 26px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bolder;
    border-bottom: 1px solid #9F7401;
    padding-left: 6px !important;
}
body.page-home-pko .sRankPos {
    height: 27px;
    font-size: 11px;
    color: #c31402;
    font-weight: bold;
}
body.page-home-pko .sRankName {
    font-size: 11px;
    padding-left: 6px !important;
}
body.page-home-pko .sRankName a { color: #bd8e00; text-decoration: none; }
body.page-home-pko .sRankName a:hover { color: #d4af37; text-decoration: underline; }
body.page-home-pko .sRankLoyalty {
    font-size: 11px;
    color: #bd8e00;
    text-align: right !important;
    padding-right: 6px !important;
}

/* Server details tablosu (PKO icin left:15 top:10 offset — status yukari cekildi) */
body.page-home-pko .pt-server-detail {
    position: relative;
    height: 250px;
    width: 290px;
    left: 15px;
    top: -14px;
    margin: 0;
    color: #fff;
    border: 0;
    border-collapse: collapse;
}
body.page-home-pko .pt-server-detail td { padding: 4px 6px; font-size: 11px; }
body.page-home-pko .pt-server-detail #nationcount {
    position: relative;
    margin: 0 auto 14px;
}
body.page-home-pko .pt-sd-key {
    color: #9F7401;
    font-weight: bold;
    width: 40%;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
body.page-home-pko .pt-sd-val {
    color: #fff;
    padding-left: 10px !important;
}
body.page-home-pko .pt-sd-val a { color: #d4af37; }
body.page-home-pko .pt-online {
    color: #7dd06f;
    font-weight: bold;
    padding: 2px 8px;
    background: #1a3a12;
    border: 1px solid #2e5a1c;
    border-radius: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
/* Sag kolon Server Details hizasindan baslasin diye ust padding */
/* Sag kolonda video yoksa Server Details hizasi icin ust offset */
body.page-home-pko .pt-side-col-offset { padding-top: 265px; }

/* Sag kolonda YouTube iframe (en ustte) */
body.page-home-pko .pt-yt-embed {
    width: 264px;
    height: 148px;
    border: 1px solid #9F7401;
    box-sizing: border-box;
    overflow: hidden;
    background: #000;
    margin-bottom: 4px;
}
body.page-home-pko .pt-yt-embed iframe {
    display: block;
    width: 264px;
    height: 148px;
    border: 0;
}
/* 2 video (148+4+148 = 300) sonrasi widget'lar -35px yukari cikartildi */
body.page-home-pko .pt-side-offset-inner {
    margin-top: -35px;
}

/* content-head satiri kalici top offset */
body.page-home-pko tr[data-pt-block="content-head"] > td {
    padding-top: 35px !important;
}

/* Dil secici arkasindaki header_rule1.gif barini saga doğru 5x uzat.
   div-1 layout'ta 264px kalir; bar ::before ile absolute olarak sağa taşar,
   layout etkilenmez (sayfa alt kısımları kaymaz). */
body.page-home-pko #div-1 {
    background-image: none !important;
    width: 264px !important;
    height: 49px !important;
    position: relative;
    overflow: visible;
}
body.page-home-pko #div-1::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1320px;      /* 264 * 5 */
    height: 49px;
    background: url('../images/panelthema/header_rule1.gif') repeat-x left center;
    z-index: 0;
    pointer-events: none;
}
body.page-home-pko #div-1 .select-language {
    position: relative;
    z-index: 2;
}
/* Guvenlik: bar sag kenardan tasabilir, yatay scroll cikmasın */
body.page-home-pko { overflow-x: hidden; }

/* header_rule1.gif dekoratif cubuk — sag kolonu tam kaplar */
body.page-home-pko .pt-rule-bar {
    background: url('../images/panelthema/header_rule1.gif') repeat-x left center;
    height: 49px;
    padding: 0;
}
body.page-home-pko .pt-rule-bar img { width: 100%; height: 49px; display: block; }

body.page-home-pko .pt-offline {
    color: #ff8080;
    font-weight: bold;
    padding: 2px 8px;
    background: #3a0e0e;
    border: 1px solid #6a1616;
    border-radius: 2px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Home sayfasinda genel input override'lari lova ile catismasin */
body.page-home-pko input,
body.page-home-pko select,
body.page-home-pko textarea {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

/* =========================================================================
   PAGE: REGISTER (PKO 3-kolon iskelet uzerinde form)
   ========================================================================= */
body.page-home-pko .pt-register-col {
    padding: 0;
}
body.page-home-pko .pt-register-wrap {
    padding: 14px 22px 22px;
    background: rgba(10,5,3,0.55);
}
body.page-home-pko .pt-register-title {
    font: bold 20px "Trebuchet MS", Verdana, sans-serif;
    color: #d4af37;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(212,175,55,0.5), 0 2px 0 #000;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 1px solid #3a1d0c;
}
body.page-home-pko .pt-register-lead {
    color: #DFDFDF;
    font-size: 11px;
    margin-bottom: 14px;
    line-height: 1.5;
}
body.page-home-pko .pt-register-tbl {
    width: 100%;
    background: #25120B;
    border: 1px solid #3a1d0c;
    border-collapse: separate;
    border-spacing: 6px;
}
body.page-home-pko .pt-register-tbl td { padding: 6px 8px; vertical-align: middle; }
body.page-home-pko .pt-register-tbl .pt-lbl {
    color: #d4af37;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    width: 22%;
    text-transform: none;
    letter-spacing: 0;
    background: #150a04;
    border: 1px solid #3a1d0c;
}
body.page-home-pko .pt-register-tbl .pt-inp {
    background: #0a0503;
    border: 1px solid #3a1d0c;
    width: 28%;
}
body.page-home-pko .pt-register-tbl .pt-hint {
    color: #8a7a5a;
    font-size: 10px;
    margin-top: 4px;
}
body.page-home-pko .pt-register-tbl .pt-terms {
    color: #DFDFDF;
    text-align: center;
    padding: 10px !important;
    background: #150a04;
    border: 1px solid #3a1d0c;
    font-size: 11px;
}
body.page-home-pko .pt-register-tbl .pt-terms input[type=checkbox] {
    margin-right: 8px;
    vertical-align: middle;
}
body.page-home-pko .pt-register-tbl .pt-submit-row {
    background: #0a0503;
    border: 1px solid #3a1d0c;
    padding: 10px !important;
}
body.page-home-pko .pt-submit-btn {
    display: inline-block;
    padding: 8px 32px;
    background: linear-gradient(180deg, #3a1d0c 0%, #150a04 100%);
    color: #d4af37 !important;
    border: 1px solid #9F7401;
    font: bold 12px Verdana, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    text-shadow: 0 1px 0 #000;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05);
}
body.page-home-pko .pt-submit-btn:hover {
    filter: brightness(1.25);
    color: #fff !important;
}

/* Uyari mesaji */
body.page-home-pko .pt-alert {
    padding: 10px 14px;
    margin-bottom: 12px;
    font-size: 11px;
    border: 1px solid;
    letter-spacing: 0.3px;
}
body.page-home-pko .pt-alert-success { background:#1a3a12; border-color:#2e5a1c; color:#a5e3a0; }
body.page-home-pko .pt-alert-error   { background:#500;    border-color:#900;    color:#ffb0b0; }
body.page-home-pko .pt-alert-info    { background:#150a04; border-color:#3a1d0c; color:#d4af37; }

/* Kayit yardim bloklari */
body.page-home-pko .pt-register-help {
    margin-top: 20px;
    padding: 12px 14px;
    background: rgba(21,10,4,0.6);
    border: 1px solid #3a1d0c;
    color: #DFDFDF;
    font-size: 11px;
    line-height: 1.6;
}
body.page-home-pko .pt-help-title {
    color: #d4af37;
    font: bold 13px "Trebuchet MS", Verdana, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 8px;
    padding-bottom: 6px;
    border-bottom: 1px solid #3a1d0c;
}
body.page-home-pko .pt-help-row { padding: 4px 0; }
body.page-home-pko .pt-help-row b { color: #d4af37; }
body.page-home-pko .pt-help-row .pt-warn { color: #ff8080; font-weight: bold; }

/* Sag kolon widget'lari (Server Status, Kings, GM) */
/* Yan widget tablolari her zaman tam genislik alsin */
body.page-home-pko .pt-side-tbl {
    width: 100% !important;
    box-sizing: border-box;
}
body.page-home-pko .pt-side-col {
    background: linear-gradient(180deg, #150a04 0%, #0a0503 100%);
    border: 1px solid #25120B;
    border-top: 2px solid #9F7401;
}
body.page-home-pko .pt-side-bg {
    background-color: #0a0503;
    padding: 12px 66px 14px !important;
    box-sizing: border-box;
}
/* Yan widget'lardaki her nesne kutu genisligini asamayan */
body.page-home-pko .pt-side-bg > div,
body.page-home-pko .pt-side-bg .pt-side-tbl {
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
body.page-home-pko .pt-side-bg .pt-side-tbl td { word-break: break-word; }
body.page-home-pko .pt-side-bg .pt-side-tbl a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}
body.page-home-pko #server-status,
body.page-home-pko #kings-list,
body.page-home-pko #gamemasters-list {
    color: #d4af37;
    font: bold 13px Verdana, Arial, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 8px;
    border-bottom: 1px solid #3a1d0c;
    text-align: center;
}
body.page-home-pko .pt-side-tbl {
    margin: 0 auto;
    color: #DFDFDF;
    font-size: 11px;
    border-collapse: collapse;
}
body.page-home-pko .pt-side-tbl td { padding: 3px 6px; }
body.page-home-pko .pt-side-num { color: #d4af37; font-weight: bold; text-align: right; }
body.page-home-pko .pt-side-bar { padding-top: 8px !important; text-align: center; }
body.page-home-pko .pt-king-name a { color: #9F7401; text-decoration: none; font-weight: bold; }
body.page-home-pko .pt-king-name a:hover { color: #d4af37; text-decoration: underline; }
body.page-home-pko .pt-gm-name { color: #DFDFDF; font-weight: bold; }

/* Home sag kolon Discord CTA butonu */
body.page-home-pko .pt-discord-cta {
    display: block;
    padding: 12px 10px;
    background: linear-gradient(180deg, #5865f2 0%, #3a44b8 100%);
    color: #fff;
    text-align: center;
    text-decoration: none;
    border: 1px solid #2a30a0;
    border-radius: 3px;
    font: bold 12px Verdana, Arial, sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: filter .15s ease;
}
body.page-home-pko .pt-discord-cta:hover { filter: brightness(1.2); color: #fff; }
body.page-home-pko .pt-discord-cta small {
    display: block;
    padding-top: 4px;
    font: normal 10px Verdana;
    color: #cfd3ff;
    letter-spacing: 0.5px;
    text-transform: none;
}

/* =========================================================================
   PAGE: DOWNLOAD
   ========================================================================= */
body.page-home-pko .pt-dl-section {
    margin: 18px 0;
    background: rgba(21,10,4,0.7);
    border: 1px solid #3a1d0c;
    border-top: 2px solid #9F7401;
    padding: 12px 14px;
}
body.page-home-pko .pt-dl-heading {
    color: #d4af37;
    font: bold 14px Verdana, Arial, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 6px;
    margin-bottom: 10px;
    border-bottom: 1px solid #3a1d0c;
}
body.page-home-pko .pt-dl-tbl {
    width: 100%;
    border-collapse: collapse;
    color: #DFDFDF;
    font-size: 11px;
}
body.page-home-pko .pt-dl-tbl tr:nth-child(odd) td  { background: rgba(159,116,1,0.05); }
body.page-home-pko .pt-dl-tbl tr:hover td            { background: rgba(159,116,1,0.14); }
body.page-home-pko .pt-dl-tbl td {
    padding: 8px 10px;
    border-bottom: 1px solid #25120B;
    vertical-align: middle;
}
body.page-home-pko .pt-dl-lbl {
    width: 22%;
    color: #d4af37;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
body.page-home-pko .pt-dl-link a {
    color: #d4af37;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.3px;
}
body.page-home-pko .pt-dl-link a:hover {
    color: #fff;
    text-shadow: 0 0 8px rgba(212,175,55,0.7);
}
body.page-home-pko .pt-dl-note {
    color: #8a7a5a;
    font-size: 10px;
    font-style: italic;
    text-align: right;
    white-space: nowrap;
}
body.page-home-pko .pt-dl-empty {
    padding: 12px 14px;
    background: #150a04;
    border: 1px dashed #3a1d0c;
    color: #b0a080;
    font-size: 11px;
    line-height: 1.6;
}
body.page-home-pko .pt-dl-empty code {
    background: #000;
    color: #d4af37;
    padding: 2px 4px;
    border: 1px solid #3a1d0c;
    font-family: "Courier New", monospace;
    font-size: 10px;
}

/* Sistem gereksinimleri satirlari */
body.page-home-pko .pt-req-key {
    color: #d4af37;
    font-weight: bold;
    width: 40%;
    padding: 4px 6px !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 10px;
}
body.page-home-pko .pt-req-val {
    color: #DFDFDF;
    padding: 4px 6px !important;
    font-size: 11px;
}

/* =========================================================================
   PKO IC ICERIK CERCEVESI (content_top3 → bkgrd3 → bottom3 + tble_top/btm)
   Ranking sayfalarinda kullanilir.
   ========================================================================= */
body.page-home-pko .pt-inner-content {
    padding: 0;
    background-repeat: repeat-y;
    background-position: top center;
}
body.page-home-pko .pt-content-inner {
    padding: 35px 55px 12px;
    color: #DFDFDF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
/* Baslik: content_top3.gif'in dekoratif kahverengi kutusuna overlay olur (yukari cekilmis) */
body.page-home-pko .pt-page-title-overlay {
    position: relative;
    height: 46px;
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center;
    z-index: 5;
    pointer-events: none;
}
body.page-home-pko .pt-page-title {
    display: inline-block;
    padding: 8px 40px;
    color: #f0d16a;
    font: bold 22px "Trebuchet MS", Verdana, sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(240,209,106,0.6), 0 2px 0 #000, 0 0 3px rgba(0,0,0,0.9);
    background: linear-gradient(180deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.15) 100%);
    border-top: 1px solid rgba(240,209,106,0.4);
    border-bottom: 1px solid rgba(240,209,106,0.4);
    position: relative;
    top: 4px;
    white-space: nowrap;
}
body.page-home-pko .pt-rank-notes {
    color: #DFDFDF;
    font-size: 11px;
    line-height: 1.5;
    margin: 8px 0 14px;
    padding: 8px 12px;
    background: rgba(21,10,4,0.55);
    border-left: 3px solid #9F7401;
}
body.page-home-pko .pt-framed-tbl {
    margin: 4px auto 10px;
    border-collapse: collapse;
}
body.page-home-pko .pt-framed-tbl > tbody > tr > td { padding: 0; }
body.page-home-pko .pt-framed-body {
    background: #25120B;
    padding: 0 !important;
}

/* =========================================================================
   PAGE: USER RANKING (2 nation yan yana kompakt tablo)
   ========================================================================= */
body.page-home-pko .pt-rank-search {
    margin: 0 0 10px;
    padding: 8px 10px;
    background: rgba(21,10,4,0.6);
    border: 1px solid #3a1d0c;
    color: #DFDFDF;
    font-size: 11px;
    text-align: center;
}
body.page-home-pko .pt-rank-search label {
    color: #d4af37;
    font-weight: bold;
    margin-right: 8px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
body.page-home-pko .pt-rank-search-btn {
    display: inline-block;
    padding: 5px 14px;
    margin-left: 6px;
    background: linear-gradient(180deg, #3a1d0c 0%, #150a04 100%);
    color: #d4af37;
    border: 1px solid #9F7401;
    font: bold 11px Verdana, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    cursor: pointer;
    border-radius: 2px;
}
body.page-home-pko .pt-rank-search-btn:hover { color: #fff; filter: brightness(1.25); }

body.page-home-pko .pt-rank-wrap {
    background: #25120B;
    border: 1px solid #3a1d0c;
    border-top: 2px solid #9F7401;
    padding: 2px;
    margin-bottom: 12px;
}
/* Cerceveli tablonun ic body'sinde iki ranking tablosu (user/clan) tam yerlessin */
body.page-home-pko .pt-framed-body .pt-userrank-tbl,
body.page-home-pko .pt-framed-body .pt-clanrank-tbl {
    width: 100%;
    margin: 0;
}
body.page-home-pko .pt-userrank-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 10px;
    color: #DFDFDF;
    table-layout: fixed;
}
body.page-home-pko .pt-userrank-tbl th,
body.page-home-pko .pt-userrank-tbl td {
    border: 1px solid #25120B;
    padding: 3px 4px;
    text-align: center;
}
body.page-home-pko .pt-userrank-head th {
    background: linear-gradient(180deg, #2a1509 0%, #150a04 100%);
    color: #d4af37;
    font-weight: bold;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px !important;
    font-size: 12px;
    border-bottom: 1px solid #9F7401;
}
body.page-home-pko .pt-userrank-head img { vertical-align: middle; margin: 0 4px; }
body.page-home-pko .pt-nation-karus { border-right: 2px solid #9F7401 !important; color: #ff9090 !important; }
body.page-home-pko .pt-nation-elmo  { color: #90c0ff !important; }
body.page-home-pko .pt-userrank-subhead th {
    background: #150a04;
    color: #9F7401;
    font-weight: bold;
    padding: 4px 3px !important;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}
body.page-home-pko .pt-userrank-subhead th:nth-child(4) { border-right: 2px solid #9F7401; }

body.page-home-pko .pt-row-a td { background: #0a0503; }
body.page-home-pko .pt-row-b td { background: #150a04; }
body.page-home-pko .pt-userrank-tbl tr:hover td { background: rgba(159,116,1,0.14); }

body.page-home-pko .pt-c-sym {
    width: 34px !important;
    min-width: 34px;
    max-width: 34px;
    padding: 3px 2px !important;
    white-space: nowrap;
    text-align: center;
}
body.page-home-pko .pt-c-sym img {
    width: 13px !important;
    height: 13px !important;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}
body.page-home-pko .pt-userrank-tbl {
    table-layout: fixed !important;
    width: 624px !important;
}
body.page-home-pko .pt-userrank-tbl tbody tr { height: 22px; }
body.page-home-pko .pt-userrank-tbl tbody td { font-size: 11px !important; }

/* Colgroup ile sutun genislikleri (editor bunlari override edebilir) */
body.page-home-pko col.pt-col-rank { width: 34px !important; }
body.page-home-pko col.pt-col-name { width: 200px !important; }
body.page-home-pko col.pt-col-pts  { width: 78px  !important; }
body.page-home-pko .pt-c-name {
    text-align: left !important;
    padding: 3px 6px 3px 5px !important;
    max-width: 200px !important;
    word-break: break-all;
    overflow-wrap: anywhere;
    white-space: normal;
    line-height: 1.25;
}
body.page-home-pko .pt-c-name a {
    color: #bd8e00;
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}
body.page-home-pko .pt-c-name a:hover { color: #d4af37; text-decoration: underline; }
body.page-home-pko .pt-c-pts {
    width: 78px;
    min-width: 78px !important;
    max-width: 78px !important;
    color: #d4af37;
    font-size: 10px;
    font-weight: bold;
    text-align: right !important;
    padding-right: 6px !important;
}
body.page-home-pko .pt-c-empty {
    color: #3a1d0c;
    background: #0a0503;
    text-align: center;
}
/* Home widget'lari icin AJAX loading/empty durumu */
body.page-home-pko .pt-loading {
    text-align: center;
    color: #8a7a5a;
    font-size: 10px;
    padding: 12px;
    font-style: italic;
    letter-spacing: 0.5px;
}
/* Karus tarafi 3. col sonrasi altin ayirici (3 kolon x 2 nation) */
body.page-home-pko .pt-userrank-tbl tbody td:nth-child(3) { border-right: 2px solid #9F7401 !important; }
body.page-home-pko .pt-userrank-subhead th:nth-child(3) { border-right: 2px solid #9F7401 !important; }
body.page-home-pko .pt-userrank-empty {
    color: #b0a080;
    text-align: center;
    padding: 20px !important;
    font-style: italic;
}
body.page-home-pko .pt-rank-info {
    text-align: center;
    padding: 8px;
    color: #8a7a5a;
    font-size: 10px;
    letter-spacing: 0.5px;
}

/* =========================================================================
   PAGE: CLAN RANKING
   ========================================================================= */
body.page-home-pko .pt-clanrank-tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
    color: #DFDFDF;
}
body.page-home-pko .pt-clanrank-tbl th,
body.page-home-pko .pt-clanrank-tbl td {
    border: 1px solid #25120B;
    padding: 5px 6px;
    text-align: center;
    vertical-align: middle;
}
body.page-home-pko .pt-clanrank-tbl th {
    background: linear-gradient(180deg, #2a1509, #150a04);
    color: #d4af37;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: bold;
    font-size: 11px;
    border-bottom: 2px solid #9F7401 !important;
}
body.page-home-pko .pt-cc-pos    { width: 40px; color: #c31402; font-weight: bold; }
body.page-home-pko .pt-cc-grade  { width: 60px; }
body.page-home-pko .pt-cc-grade img { width: 20px; height: 20px; vertical-align: middle; }
body.page-home-pko .pt-cc-nation { width: 55px; }
body.page-home-pko .pt-cc-nation img { vertical-align: middle; }
body.page-home-pko .pt-cc-name   { text-align: left !important; padding-left: 12px !important; }
body.page-home-pko .pt-cc-name a {
    color: #bd8e00;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.3px;
}
body.page-home-pko .pt-cc-name a:hover { color: #d4af37; text-decoration: underline; }
body.page-home-pko .pt-cc-mem    { width: 55px; color: #DFDFDF; }
body.page-home-pko .pt-cc-pts    {
    width: 130px;
    color: #d4af37;
    font-weight: bold;
    text-align: right !important;
    padding-right: 12px !important;
    letter-spacing: 0.4px;
}
/* İlk 3 clan icin altin vurgu */
body.page-home-pko .pt-rank-top td {
    background: rgba(159,116,1,0.14) !important;
}
body.page-home-pko .pt-rank-top .pt-cc-name a {
    color: #ffd870;
    text-shadow: 0 0 8px rgba(255,216,112,0.4);
}
body.page-home-pko .pt-clanrank-tbl tr:hover td {
    background: rgba(159,116,1,0.20) !important;
}

/* =========================================================================
   FOOTER (tum sayfalarda tema uyumlu)
   ========================================================================= */
body.panelthema-skin .pt-footer {
    margin-top: 32px;
    background:
        linear-gradient(180deg, rgba(0,0,0,0.92) 0%, rgba(15,7,3,0.98) 100%),
        url('../images/panelthema/footer_bck.gif') repeat-x 0 0;
    border-top: 2px solid #9F7401;
    box-shadow: 0 -6px 30px rgba(0,0,0,0.6);
    color: #DFDFDF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 22px 16px 18px;
    text-align: center;
}
body.panelthema-skin .pt-footer-inner {
    max-width: 1254px;
    margin: 0 auto;
}
body.panelthema-skin .pt-footer-brand {
    margin-bottom: 12px;
}
body.panelthema-skin .pt-footer-title {
    display: block;
    font: bold 22px "Trebuchet MS", Verdana, sans-serif;
    color: #d4af37;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(212,175,55,0.5), 0 2px 0 #000;
}
body.panelthema-skin .pt-footer-sub {
    display: block;
    margin-top: 4px;
    color: #9F7401;
    font-size: 10px;
    letter-spacing: 1px;
}
body.panelthema-skin .pt-footer-nav {
    margin: 14px 0 12px;
    line-height: 24px;
}
body.panelthema-skin .pt-footer-nav a {
    color: #d4af37;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.5px;
    padding: 2px 6px;
}
body.panelthema-skin .pt-footer-nav a:hover {
    color: #fff;
    text-shadow: 0 0 8px rgba(212,175,55,0.7);
}
body.panelthema-skin .pt-footer-nav .pt-sep {
    color: #3a1d0c;
    padding: 0 2px;
}
body.panelthema-skin .pt-footer-social {
    margin: 8px 0 14px;
}
body.panelthema-skin .pt-social {
    display: inline-block;
    margin: 4px 4px;
    padding: 7px 16px;
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 3px;
    border: 1px solid rgba(255,255,255,0.15);
    box-shadow: 0 2px 6px rgba(0,0,0,0.5);
    transition: transform .12s ease, filter .15s ease;
}
body.panelthema-skin .pt-social:hover {
    transform: translateY(-1px);
    filter: brightness(1.15);
    color: #fff;
}
body.panelthema-skin .pt-social-discord   { background: linear-gradient(180deg, #5865f2, #3b46bd); }
body.panelthema-skin .pt-social-facebook  { background: linear-gradient(180deg, #1877f2, #0d5cc4); }
body.panelthema-skin .pt-social-instagram { background: linear-gradient(45deg, #f09433, #dc2743 50%, #bc1888); }
body.panelthema-skin .pt-social-forum     { background: linear-gradient(180deg, #3a1d0c, #150a04); border-color: #9F7401; color: #d4af37; }
body.panelthema-skin .pt-footer-copy {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #25120B;
    color: #8a7a5a;
    font-size: 10px;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/* =========================================================================
   IC SAYFA WRAPPER (Ranking, Turnuva, Pustable, Payment, Register vb.)
   Semantic UI layout uzerine oturan PKO-tarzi frame.
   Kullanim: view'in en dis konteynerini .pt-inner-frame yap veya JS ile ekle.
   ========================================================================= */

body.panelthema-skin:not(.page-home-pko) {
    background:
        radial-gradient(1200px 500px at 50% 0, rgba(159,116,1,0.10), transparent 70%),
        #050301;
}

body.panelthema-skin .pt-inner-page {
    max-width: 1254px;
    margin: 24px auto;
    padding: 0 12px;
}

body.panelthema-skin .pt-inner-frame {
    background:
        linear-gradient(180deg, rgba(21,10,4,0.96), rgba(10,5,3,0.98));
    border: 1px solid #25120B;
    border-top: 2px solid #9F7401;
    border-radius: 4px;
    padding: 18px 22px;
    box-shadow: 0 8px 40px rgba(0,0,0,0.7), inset 0 0 0 1px rgba(159,116,1,0.10);
    color: #DFDFDF;
}

body.panelthema-skin .pt-inner-frame > .pt-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d4af37;
    font: bold 14px Verdana, Arial, sans-serif;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid #3a1d0c;
    text-shadow: 0 1px 0 #000;
}
body.panelthema-skin .pt-inner-frame > .pt-title::before {
    content: '';
    width: 10px; height: 10px;
    background: #9F7401;
    box-shadow: 0 0 8px #d4af37;
    transform: rotate(45deg);
}

/* Ic sayfada Semantic UI segment/card'in dis catisi kalinca zayifla */
body.panelthema-skin:not(.page-home-pko) .ui.segment,
body.panelthema-skin:not(.page-home-pko) .ui.card {
    background: rgba(21,10,4,0.75) !important;
    border-color: #25120B !important;
}

/* Ic sayfa uzerine binen video-background'u soluklastir */
body.panelthema-skin:not(.page-home-pko) .video-background img {
    opacity: 0.25;
    filter: contrast(1.05) brightness(0.85);
}
body.panelthema-skin:not(.page-home-pko) .video-background .video-overlay {
    background: rgba(0,0,0,0.72) !important;
}