/*
 * SILIFKE SPOR TENIS - PUAN / RANKING GELISTIRME TEMASI
 * Ana projeden görsel olarak kolay ayırt edilmesi için hazırlanmıştır.
 * İşlevsel sınıfları değiştirmez; yalnızca görünümü override eder.
 */
:root{
  --green:#1b63d9;
  --green-dark:#102a56;
  --mint:#ffb229;
  --text:#12213a;
  --muted:#6a7890;
  --line:#dce5f2;
  --paper:#ffffff;
  --soft:#f3f7fc;
  --danger:#b5364a;
}

body{
  background:#f3f7fc;
  color:var(--text);
}

.site-header{
  background:rgba(255,255,255,.96);
  border-bottom:3px solid #1b63d9;
  box-shadow:0 8px 26px rgba(21,50,95,.08);
}

.admin-header{
  background:linear-gradient(110deg,#102a56,#1b63d9 72%,#2878eb);
  border-bottom:0;
  box-shadow:0 8px 26px rgba(16,42,86,.16);
}

.site-header .brand-title strong,
.login-brand strong,
.brand strong{
  color:#1b63d9;
}

.admin-header .brand strong{
  color:#ffca67;
}

.puan-project-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:10px;
  padding:5px 9px;
  border-radius:999px;
  background:#fff0ce;
  border:1px solid #ffd078;
  color:#8a5400;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  white-space:nowrap;
  vertical-align:middle;
  box-shadow:0 3px 10px rgba(138,84,0,.08);
}
.puan-project-badge::before{content:"★";font-size:9px}
.admin-header .puan-project-badge{
  background:rgba(255,178,41,.16);
  color:#ffd98e;
  border-color:rgba(255,202,103,.45);
}

.hero{
  background:
    radial-gradient(circle at 85% 20%,rgba(255,178,41,.18),transparent 24%),
    linear-gradient(135deg,#edf4ff,#f9fbff 55%,#fff7e8);
}
.community-hero{
  border-bottom:1px solid #dce5f2;
}
.hero h1 span,
.eyebrow,
.rank,
.match-row strong,
.player-stats strong{
  color:#1b63d9;
}

.btn-primary{
  background:linear-gradient(135deg,#1b63d9,#2878eb);
  border-color:#1b63d9;
  box-shadow:0 9px 20px rgba(27,99,217,.18);
}
.btn-outline{
  color:#1b63d9;
  border-color:#1b63d9;
}

.quick-links{background:#f8fbff}
.quick-card,
.card,
.defi-card,
.admin-card,
.login-card{
  border-color:#dce5f2;
  box-shadow:0 10px 30px rgba(31,63,112,.07);
}
.quick-card{
  border-top:3px solid #7daaf3;
}
.quick-card:nth-child(2n){border-top-color:#ffb229}

.section-dark{
  background:
    radial-gradient(circle at 78% 12%,rgba(255,178,41,.13),transparent 24%),
    linear-gradient(135deg,#0e2449 0%,#153a72 58%,#1b63d9 130%);
}
.section-dark .eyebrow{color:#ffd26f}

.pyramid-player{
  background:#f4f8ff;
  border-color:#d6e2f4;
}
.pyramid-player.leader{
  background:linear-gradient(145deg,#fff4d8,#fffaf0);
  border-color:#ffc75f;
}
.pyramid-rank{
  background:#1b63d9;
}
.pyramid-player.leader .pyramid-rank{
  background:#e59300;
}

.match-row{background:#f5f8fd}
.contact{
  background:linear-gradient(135deg,#102a56,#1b63d9);
}

.login-body{
  background:
    radial-gradient(circle at 15% 10%,rgba(255,178,41,.16),transparent 24%),
    linear-gradient(145deg,#edf4ff,#dceaff);
}
.admin-body{
  background:#eef4fb;
}
.admin-module{
  background:linear-gradient(135deg,#1b63d9,#2878eb);
}
.admin-back{
  border-color:rgba(255,255,255,.28);
}

/* Proje kimliği: sayfanın sağ altında küçük ve sürekli görünür. */
body::after{
  content:"PUAN / RANKING GELİŞTİRME";
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:35;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(16,42,86,.92);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  pointer-events:none;
  box-shadow:0 8px 24px rgba(16,42,86,.22);
}

[data-theme="dark"] body,
body[data-theme="dark"]{
  background:#0c1729;
}
[data-theme="dark"] .site-header,
body[data-theme="dark"] .site-header{
  background:#101d31;
  border-bottom-color:#3e86ff;
}
[data-theme="dark"] .quick-links,
body[data-theme="dark"] .quick-links{
  background:#0f1b2e;
}

@media (max-width:760px){
  .puan-project-badge{margin-left:6px;padding:4px 7px;font-size:8px}
  body::after{right:10px;bottom:10px;font-size:8px;padding:6px 9px}
  .site-header{border-bottom-width:2px}
}

/* Beta test projesinde tüm sayfalardan hızlı kullanıcı değiştirme ekranına dönüş. */
.beta-float-link{
  position:fixed;left:14px;bottom:14px;z-index:70;display:inline-flex;align-items:center;gap:6px;
  padding:9px 12px;border-radius:999px;background:#ffad29;color:#4e3200!important;
  text-decoration:none!important;font-size:10px;font-weight:950;border:1px solid #ffd074;
  box-shadow:0 8px 24px rgba(90,55,0,.18)
}