/* SkyblockTR (skyblocktr.com) — stk.css üstüne "akşam" teması (2026-11-14).
   Yerleşim aynı; renkler gece laciverti + altın + Türk kırmızısı, hero görseli sahne-tr-* (aynı adanın akşam tonu). */
:root{
  --zemin:#F2F4F9; --kart:#FFFFFF; --kart2:#F7F8FC;
  --baslik:#0E1A3A; --metin:#2C3756; --aciklama:#59637F;
  --buton:#C8102E; --buton-h:#A50D26; --buton-yazi:#FFFFFF; --vurgu:#C8102E;
  --turuncu:#F2B33D; --turuncu-h:#E19F1F; --sari:#FFD15C;
  --cerceve:#DCE1EC; --cerceve2:#E8EBF3;
  --tepe-ortu:rgba(8,14,36,.55);
  --golge:0 1px 2px rgba(14,26,58,.06),0 8px 22px rgba(14,26,58,.09);
  --golge-h:0 2px 4px rgba(14,26,58,.08),0 14px 32px rgba(14,26,58,.16);
}
.btn-ana{box-shadow:0 4px 0 #85091D}

/* Üst bant (iç sayfalar) ve ana sayfa tepesi */
.tepe{background-image:url(../img/bant-tr-1920.webp)}
@media (max-width:900px){.tepe{background-image:url(../img/bant-tr-1280.webp)}}
.tepe::before{background:linear-gradient(180deg,rgba(8,14,36,.72) 0,rgba(10,22,52,.5) 55%,rgba(14,30,66,.36) 100%)}
.tepe::after{background:linear-gradient(rgba(242,244,249,0),var(--zemin))}
.tepe-buyuk{background:#0B1530}
.tepe-buyuk::before{background:linear-gradient(180deg,rgba(6,10,28,.6) 0,rgba(6,10,28,.15) 24%,rgba(6,10,28,0) 55%)}
.tepe-buyuk::after{background:linear-gradient(rgba(242,244,249,0),rgba(242,244,249,.7) 55%,var(--zemin))}
.sahne{background:radial-gradient(110% 70% at 50% 44%,rgba(70,130,180,.55),rgba(70,130,180,0) 62%),
  linear-gradient(180deg,#070D24 0,#0B1A3E 30%,#123360 58%,#1C4A78 80%,#2A5E8A 100%)}

/* Logo: SKYBLOCK altın, TR kırmızı rozet */
.logo{color:#fff;text-shadow:0 2px 0 #081232,0 3px 10px rgba(0,0,0,.3)}
.logo:hover{color:#fff}
.logo span{display:inline-block;color:#fff;background:var(--buton);padding:3px 6px 1px;margin-left:5px;border-radius:7px;
  text-shadow:0 1px 0 #6E0718;box-shadow:0 2px 0 #85091D;transform:rotate(-4deg)}
.hero-logo{color:var(--sari);-webkit-text-stroke-color:#081232;text-shadow:0 8px 0 #081232,0 16px 28px rgba(0,0,0,.55)}
.hero-logo span{display:inline-block;color:#fff;background:var(--buton);-webkit-text-stroke:0;margin-left:.12em;padding:.06em .18em 0;
  border-radius:.14em;border:.05em solid #081232;transform:rotate(-5deg);text-shadow:0 .05em 0 #6E0718;
  box-shadow:0 .07em 0 #081232,0 .16em .3em rgba(0,0,0,.45)}
@media (max-width:640px){
  .hero-logo{text-shadow:0 5px 0 #081232,0 10px 20px rgba(0,0,0,.5)}
}
.hero h1{text-shadow:0 1px 2px rgba(0,0,0,.7),0 2px 12px rgba(0,0,0,.6)}
.hero-rozet{background:rgba(200,16,46,.28);border-color:rgba(255,209,92,.6)}
.ip-cam,.tepe-buyuk .ip-cam{background:rgba(8,14,36,.62);border-color:rgba(255,209,92,.6);color:#fff}
.ip-cam:hover,.tepe-buyuk .ip-cam:hover{background:rgba(8,14,36,.8)}
.ip-cam code{color:var(--sari)}

/* Büyük düğmeler: altın "katıl", lacivert cam Discord */
.buyuk-btn.katil{color:#2A1800;box-shadow:0 6px 0 #B57A0E,0 14px 30px rgba(181,122,14,.35)}
.buyuk-btn.discord{background:rgba(10,20,50,.72);color:#fff;border-color:#5865F2;box-shadow:0 6px 0 rgba(4,8,24,.6),0 14px 30px rgba(0,0,0,.3)}
.buyuk-btn.discord:hover{background:rgba(10,20,50,.75);color:#fff}

/* Menü ve küçük vurgular */
.oz .ikon,.sayi-kart .ikon{background:#FCE8EB;color:var(--buton)}
a.kart:hover{border-color:#E8A3AE}
.mesaj.yetkili{border-color:#E8A3AE;background:#FFF5F6}
.ip-chip:hover{background:#FCECEE}
.ust .hap,.ust .sepet-link{border-color:#DCE1EC;color:var(--baslik)}
.menu{border-color:#DCE1EC;box-shadow:0 1px 2px rgba(14,26,58,.06),0 10px 28px rgba(14,26,58,.18)}
.menu > a,.menu-daha > button{color:var(--baslik)}
.menu > a.aktif,.menu-daha > button.aktif{background:#FCEDEF}
.menu > a:hover,.menu-daha > button:hover{background:#F6F7FB}
.menu > a.aktif::after{background:var(--buton)}
.tepe-buyuk .mobil-ac{background:rgba(8,14,36,.45)}
.sayac.mavi{background:#5865F2}
.uyari.bilgi{background:#EEF2FA;border-color:var(--cerceve);color:#1C2C5A}
.hedef .cubuk span{background:linear-gradient(90deg,#C8102E,#F2B33D)}

/* Alt bilgi: gece laciverti, kırmızı çizgi */
.alt{background:#0A1430;color:#C3CBE0;border-top:4px solid var(--buton)}
.alt p,.alt li{color:#AAB4CF}
.alt ul a{color:#DCE2F2}
.alt ul a::before{color:var(--buton)}