/* === PvP Link — Minimal Koyu Tema (v7) === */

/* ====== Değişkenler ====== */
:root{
  --bg:#0f1115; --text:#f6f7f9; --muted:#9aa4b2;
  --card:#151923; --border:#222838; --brand:#00d084;

  --beta:#facc15;  --beta-bd:#eab308;  --beta-bg:rgba(250,204,21,.08);
  --grand:#22c55e; --grand-bd:#16a34a; --grand-bg:rgba(34,197,94,.10);

  --ad:#ef4444; --ad-bd:#dc2626;
}

*{box-sizing:border-box}
html,body{
  margin:0; padding:0; background:var(--bg); color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;
}
a{color:#7fdfff;text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 16px}

/* ====== Promo Banner (üst reklam) ====== */
.promo-banner{
  display:flex; justify-content:center; align-items:center;
  padding:8px 0; background:#0b0d11; border-bottom:1px solid var(--border);
}
.promo-banner a{display:block; line-height:0}
.promo-banner img{max-width:100%; height:auto; display:block}

/* ====== Header & Nav (logo SOL, menü SAĞ) ====== */
.site-header{
  background:#0b0d11; border-bottom:1px solid var(--border);
}
.header-wrap{
  min-height:64px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:10px 0;
}
.brand{display:inline-flex; align-items:center; gap:10px}
.brand-logo{max-height:56px; height:auto; width:auto; display:block}

.nav ul{
  display:flex; align-items:center; gap:18px; list-style:none; margin:0; padding:0;
}
.nav a{
  /* YAZI RENGİNİ DEĞİŞTİRME — varsayılan link rengi korunur */
  display:inline-block; padding:8px 12px; border-radius:10px; border:1px solid transparent;
  position:relative; text-decoration:none; color:inherit;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.nav a:hover{ background:var(--card); border-color:var(--border) }

/* ==== Menü alt çizgi stili — SADECE ALT ÇİZGİ ==== */
.nav a::after{
  content:""; position:absolute; left:10%; bottom:0;
  width:80%; height:2px; background:#ef4444; /* hover/kırmızı */
  opacity:0; transition:opacity .2s ease;
}
.nav a:hover::after{ opacity:.6; }
.nav a.active::after,
.nav a.is-active::after{ opacity:1; background:#22c55e; } /* aktif/yeşil */

/* (İsteğe bağlı) aktif durumda hafif iç gölge ama renk değiştirme yok */
.nav a.active, .nav a.is-active{ box-shadow: inset 0 -2px 0 rgba(34,197,94,.35); }

/* ====== İçerik & Footer ====== */
.main-content{padding:18px 0}
.site-footer{border-top:1px solid var(--border);margin-top:20px;color:var(--muted)}
.footer-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;padding:18px 0}
.legal{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.legal a{color:#9fb3c8}

/* ====== Home sayfa blok örnekleri ====== */
.panel{background:#0f131a; border:1px solid rgba(255,255,255,.12); border-radius:12px; padding:12px}
.block{background:rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px}
.block--beta{ background:var(--beta-bg); border-color:var(--beta-bd) }
.block--grand{ background:var(--grand-bg); border-color:var(--grand-bd) }

/* Rozetler */
.badge{
  display:inline-block; padding:2px 8px; border-radius:999px; font-size:12px;
  border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:var(--text);
}

/* Reklam yer tutucu */
.ad-box{
  width:160px; height:600px; display:flex; align-items:center; justify-content:center;
  font-size:.9rem; color:#fecaca; background:rgba(239,68,68,.06);
  border:2px dashed var(--ad-bd); border-radius:8px; position:sticky; top:12px;
}

/* Post gövdesi (view.php) */
.post-body a{word-break:break-word;overflow-wrap:anywhere}
.post-body img{max-width:100%;height:auto;display:inline-block;border:0}
.bb-center{text-align:center}

/* ===== Logo altı sekmeler (pill menü) ===== */
.server-tabs{
  display:flex; gap:12px; align-items:center;
  padding:10px 16px 6px; background:#0b0d11; border-bottom:1px solid var(--border);
}
.server-tabs .pill,
.server-tabs .tab{
  display:inline-block; padding:6px 12px; border-radius:9999px;
  font-weight:600; line-height:1; border:1px solid rgba(148,163,184,.25);
  color:#cbd5e1; background:rgba(148,163,184,.08);
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease,transform .05s ease;
}
.server-tabs .pill:hover, .server-tabs .tab:hover{ transform:translateY(-1px); }

/* Renk varyantları */
.server-tabs .pill--online, .server-tabs .tab--online{  color:#22c55e; border-color:#16a34a; background:rgba(34,197,94,.10); }
.server-tabs .pill--closed, .server-tabs .tab--closed{  color:#ef4444; border-color:#dc2626; background:rgba(239,68,68,.10); }
.server-tabs .pill--popular, .server-tabs .tab--popular{ color:#f59e0b; border-color:#d97706; background:rgba(245,158,11,.10); }
.server-tabs .pill--top, .server-tabs .tab--top{         color:#06b6d4; border-color:#0891b2; background:rgba(6,182,212,.10); }

.server-tabs .pill.active, .server-tabs .pill.is-active,
.server-tabs .tab.active,  .server-tabs .tab.is-active{
  box-shadow:inset 0 -2px 0 rgba(255,255,255,.12);
  filter:saturate(1.15);
}

/* ===== Partners strip ===== */
.partners-wrap{margin:18px 0 8px}
.partners-strip{
  display:flex; align-items:center; justify-content:center;
  flex-wrap:wrap; gap:18px; padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px; background:rgba(255,255,255,.03);
}
.partners-strip .partner{display:inline-flex; align-items:center; justify-content:center; padding:6px 10px}
.partners-strip .partner img{
  display:block; height:28px; width:auto;
  filter:grayscale(100%) contrast(.95) opacity(.85);
  transition:filter .2s ease, transform .2s ease, opacity .2s ease;
}
.partners-strip .partner:hover img{ filter:none; opacity:1; transform:translateY(-1px); }

@media (max-width:919.98px){
  .header-wrap{flex-wrap:wrap; gap:8px; padding:8px 0}
  .brand-logo{max-height:46px}
  .nav{width:100%}
  .nav ul{gap:8px; flex-wrap:wrap; justify-content:flex-start}
}
/* ==== Header tek satır sabitleme (logo + sekmeler + sağ menü) ==== */
#mainHeader{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}
#mainHeader .brand{flex:0 0 auto}
#mainHeader .header-pills{flex:0 1 auto;min-width:420px;display:flex;gap:10px;flex-wrap:nowrap}
#mainHeader .nav{flex:1 1 auto;min-width:0}
#mainHeader .nav ul{display:flex;gap:14px;flex-wrap:nowrap;justify-content:flex-end}
@media (max-width:980px){
  #mainHeader{flex-wrap:wrap}
  #mainHeader .header-pills{min-width:0;flex-wrap:wrap}
  #mainHeader .nav ul{flex-wrap:wrap;justify-content:flex-start}
}