/* =========================================================
   SSL 17 — ortak tema (header.php üzerinden tüm sayfalara)
   Bootstrap 5 üstüne yazar. Anasayfa (index) kendi stilini taşır.
   ========================================================= */
:root{
  --siyah:#0A0B0D;
  --kemik:#EFEDE6;
  --kemik-2:#B9B7AF;
  --zemin:#F3F1EC;          /* iç sayfa zemini */
  --kart:#FFFFFF;
  --murekkep:#15171B;       /* metin */
  --murekkep-2:#5A5D63;
  --cizgi:#E2DED4;
  --lacivert:#1D2466;       /* logodaki SSL laciverti: vurgu */
  --lacivert-2:#2C3590;
  --lacivert-acik:#C9CEF5;  /* koyu zeminde vurgu */
  --baslik:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --etiket:"Barlow Condensed","Arial Narrow",sans-serif;
  --bs-body-font-family:var(--baslik);
  --bs-primary:#1D2466; --bs-primary-rgb:29,36,102;
  --bs-link-color:#1D2466; --bs-link-hover-color:#2C3590;
}
body{font-family:var(--baslik);background:var(--zemin);color:var(--murekkep);display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--baslik);letter-spacing:-.01em}
a{color:var(--lacivert)}
/* eski başlık fontu (satır içi Bebas Neue) → Barlow Condensed */
[style*="Bebas Neue"],[style*="Bebas+Neue"]{font-family:var(--etiket) !important;font-weight:700 !important;letter-spacing:.02em}
::selection{background:var(--lacivert);color:#fff}

/* ---------- ÜST MENÜ ---------- */
.ssl-menu{background:var(--siyah) !important;border-bottom:1px solid rgba(239,237,230,.12);padding:10px 0;box-shadow:none}
.ssl-menu .container-fluid{padding-inline:clamp(16px,3vw,40px)}
.ssl-marka{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--kemik) !important}
.ssl-marka img{width:42px;height:auto}
.ssl-marka b{font:800 15px/1 var(--baslik);text-transform:uppercase;letter-spacing:.02em;display:block}
.ssl-marka small{display:block;font:600 11px/1.2 var(--etiket);letter-spacing:.12em;text-transform:uppercase;color:var(--kemik-2);margin-top:4px}
.ssl-menu .nav-link{color:rgba(239,237,230,.78) !important;font:600 14px/1 var(--etiket);letter-spacing:.09em;text-transform:uppercase;padding:10px 12px !important;margin:0 !important;position:relative}
.ssl-menu .nav-link:hover,.ssl-menu .nav-link.active{color:var(--kemik) !important}
.ssl-menu .nav-link.active::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;background:var(--kemik)}
.ssl-menu .navbar-toggler{color:var(--kemik);font:700 14px var(--etiket);letter-spacing:.1em;text-transform:uppercase;box-shadow:none !important}
.ssl-sezon{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(239,237,230,.2);padding:4px 6px 4px 12px;border-radius:2px}
.ssl-sezon>span{font:600 12px/1 var(--etiket);letter-spacing:.12em;text-transform:uppercase;color:var(--kemik-2)}
#globalSeasonSelect{color:var(--kemik) !important;font:600 13px var(--etiket) !important;letter-spacing:.06em;background-color:transparent !important;border:0 !important;box-shadow:none !important;padding-block:2px;
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23EFEDE6' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important}
#globalSeasonSelect option{color:#111;background:#fff}
.ssl-basvur{border:1.5px solid var(--kemik);color:var(--kemik) !important;font:700 13px/1 var(--etiket);letter-spacing:.1em;text-transform:uppercase;padding:10px 14px;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s}
.ssl-basvur:hover{background:var(--kemik);color:var(--siyah) !important}
.dropdown-menu{background:var(--siyah);border:1px solid rgba(239,237,230,.14) !important;border-radius:2px;padding:6px}
.dropdown-item{color:rgba(239,237,230,.82);font-size:14px;border-radius:2px}
.dropdown-item:hover,.dropdown-item:focus{background:rgba(239,237,230,.08);color:var(--kemik)}
.dropdown-header{color:var(--kemik-2) !important;font:600 12px var(--etiket) !important;letter-spacing:.12em}
@media (max-width:1199px){
  .ssl-menu .navbar-collapse{padding:12px 0 6px}
  .ssl-menu .nav-link.active::after{display:none}
}

/* ---------- SAYFA BAŞLIK BANDI (.hero-section) ---------- */
.hero-section{position:relative;isolation:isolate;overflow:hidden;color:var(--kemik);background:var(--siyah) url(img17/v4-9554.jpg) center 40%/cover no-repeat !important;border-radius:0 !important;padding:clamp(56px,7vw,96px) 0 clamp(40px,5vw,64px) !important;margin-bottom:clamp(28px,3vw,44px) !important}
.hero-section::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,11,13,.92) 0%,rgba(10,11,13,.72) 55%,rgba(10,11,13,.55) 100%)}
.hero-section .hero-pattern{display:none}
.hero-section h1,.hero-section .display-4,.hero-section .display-5,.hero-section .display-6{font-family:var(--baslik) !important;font-weight:700;font-size:clamp(30px,3.4vw,48px) !important;letter-spacing:-.01em;color:var(--kemik)}
.hero-section p,.hero-section .lead{color:rgba(239,237,230,.78) !important;font-size:16px}
.hero-section .text-warning,.hero-section .text-primary{color:var(--lacivert-acik) !important}
.hero-section .badge{border-radius:2px}

/* ---------- KART, TABLO, FORM ---------- */
.card{border:1px solid var(--cizgi) !important;border-radius:4px !important;box-shadow:none !important;background:var(--kart)}
.card-header{background:var(--kart) !important;border-bottom:1px solid var(--cizgi) !important;font-family:var(--baslik)}
.card-header h5,.card-header h6,.card-header .fw-bold{font-family:var(--baslik)}
.rounded-4,.rounded-3{border-radius:4px !important}
.shadow,.shadow-sm,.shadow-lg{box-shadow:none !important}
.table{--bs-table-hover-bg:rgba(29,36,102,.04);font-variant-numeric:tabular-nums}
.table thead th,.table th{font:600 12px/1.2 var(--etiket);letter-spacing:.1em;text-transform:uppercase;color:var(--murekkep-2)}
.table-success,.table-success>td,.table-success>th{--bs-table-bg:rgba(29,36,102,.07);--bs-table-color:var(--murekkep)}
.form-control,.form-select{border-radius:2px;border-color:#D4D0C6}
.form-control:focus,.form-select:focus{border-color:var(--lacivert);box-shadow:0 0 0 3px rgba(29,36,102,.15)}
.form-label{font:600 13px var(--etiket);letter-spacing:.08em;text-transform:uppercase;color:var(--murekkep-2)}

/* ---------- VURGU RENGİ: amber → lacivert ---------- */
.text-warning{color:var(--lacivert) !important}
.ssl-menu .text-warning,.hero-section .text-warning,.bg-dark .text-warning,footer .text-warning{color:var(--lacivert-acik) !important}
.bg-warning{background-color:var(--lacivert) !important;color:#fff !important}
.bg-warning.text-dark,.bg-warning .text-dark{color:#fff !important}
.border-warning{border-color:var(--lacivert) !important}
.btn{border-radius:2px;font-family:var(--etiket);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.btn-sm{letter-spacing:.06em}
.btn-primary,.btn-warning,.btn-dark{background:var(--siyah) !important;border-color:var(--siyah) !important;color:var(--kemik) !important}
.btn-primary:hover,.btn-warning:hover,.btn-dark:hover{background:var(--lacivert) !important;border-color:var(--lacivert) !important;color:#fff !important}
.btn-outline-warning,.btn-outline-primary,.btn-outline-dark{border-color:var(--murekkep) !important;color:var(--murekkep) !important;background:transparent !important}
.btn-outline-warning:hover,.btn-outline-primary:hover,.btn-outline-dark:hover{background:var(--murekkep) !important;color:var(--kemik) !important}
.hero-section .btn-outline-light,.hero-section .btn-outline-warning{border-color:var(--kemik) !important;color:var(--kemik) !important}
.badge{border-radius:2px;font-family:var(--etiket);font-weight:600;letter-spacing:.06em}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{background:var(--siyah) !important;color:var(--kemik) !important}
.nav-pills .nav-link{color:var(--murekkep);border-radius:2px;font-family:var(--etiket);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.page-link{color:var(--lacivert)}
.active>.page-link,.page-link.active{background:var(--lacivert);border-color:var(--lacivert)}
.progress-bar.bg-warning{background:var(--lacivert) !important}
.spinner-border.text-warning{color:var(--lacivert) !important}

/* ---------- ALT BİLGİ ---------- */
.ssl-altlik{background:var(--siyah);color:var(--kemik);margin-top:auto;border-top:0}
.ssl-altlik .ic{max-width:1320px;margin:0 auto;padding:56px clamp(16px,3vw,40px) 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.ssl-altlik h4{margin:0 0 14px;font:600 13px var(--etiket);letter-spacing:.12em;text-transform:uppercase;color:var(--kemik-2)}
.ssl-altlik ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.ssl-altlik a{color:rgba(239,237,230,.85);text-decoration:none}
.ssl-altlik a:hover{color:var(--kemik);text-decoration:underline;text-underline-offset:4px}
.ssl-altlik p{color:var(--kemik-2);font-size:15px;max-width:42ch;margin:16px 0 0}
.ssl-altlik .iletisim li{color:var(--kemik-2);font-size:14px;line-height:1.5}
.ssl-altlik .iletisim strong{display:block;color:var(--kemik);font:600 12px var(--etiket);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.ssl-altlik .alt{max-width:1320px;margin:0 auto;padding:18px clamp(16px,3vw,40px) 26px;border-top:1px solid rgba(239,237,230,.12);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--kemik-2);font-size:13px}
@media (max-width:900px){.ssl-altlik .ic{grid-template-columns:1fr 1fr}.ssl-altlik .ic>div:first-child{grid-column:1/-1}}
@media (max-width:520px){.ssl-altlik .ic{grid-template-columns:1fr}}

/* ---------- SOHBET ROBOTU (Sporta) ---------- */
#chat-bubble{border:2px solid var(--kemik) !important;box-shadow:0 10px 25px rgba(0,0,0,.35) !important}
#chat-window{border-radius:6px !important}
#chat-header{background:var(--siyah) !important;border-radius:6px 6px 0 0 !important}
#chat-window,.chat-msg,#chat-input{font-family:var(--baslik) !important}
.user-msg{background:var(--lacivert) !important;box-shadow:none !important}
#chat-input .btn{background:var(--lacivert) !important;border-color:var(--lacivert) !important}

@media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important}}