/* ============================================================
   PADOVABET — GoldenBahis paletli siyah + altın tema (gold-skin.css)
   Yüklenme sırası: style-glob.css ve bundle'dan SONRA (head.php)
   Kapsam: /sports HARİÇ tüm sayfalar (head.php içinde guard'lı)
   Palet: bg #0a0b0f | yüzey #11131a | kenar #282d3e | metin #f0f1f5
          altın #eabd40 | açık altın #f6d878 | soluk #9aa3b8
   ============================================================ */

:root {
  --gb-gold: #eabd40;
  --gb-gold-2: #f6d878;
  --gb-gold-deep: #8a6d24;
  --gb-bg: #0a0b0f;
  --gb-surface: #11131a;
  --gb-surface-2: #171a23;
  --gb-border: #282d3e;
  --gb-text: #f0f1f5;
  --gb-muted: #9aa3b8;

  /* Mevcut tema değişkenlerini yeni palete bağla */
  --primary: #eabd40;
  --hover-color: #f6d878;
  --primary-rgb: rgba(234, 189, 64, 0.9);
  --primary-rgb2: rgba(234, 189, 64, 0.5);
  --primary-rgb3: rgba(234, 189, 64, 0.25);
  --darkBG: #11131a;
  --headerBG: #0a0b0f;
  --body-bg: #0a0b0f;
  --menuBG: #11131a;
  --menu-text: #f0f1f5;
  --dropdown-text: #f0f1f5;
  --tabText: #f0f1f5;
  --login-button-bg: #eabd40;
  --login-button-text: #0a0b0f;
  --footer-bg: #11131a;
  --darkGray: #282d3e;
}

/* ---------- Temel yüzeyler ---------- */
html, html body, body {
  background: #0a0b0f !important;
  color: #f0f1f5;
}
::selection {
  background: rgba(234, 189, 64, 0.35);
  color: #ffffff;
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #0d0f15; }
::-webkit-scrollbar-thumb { background: #2a2f3d; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #eabd40; }

/* ---------- Header / üst bar ---------- */
.headBar {
  background: #11131a !important;
  border-bottom: 1px solid rgba(234, 189, 64, 0.30) !important;
}
.settingBar {
  background: #11131a !important;
  border-bottom: 1px solid rgba(234, 189, 64, 0.14) !important;
  box-shadow: none !important;
}
.settingBar a, .settingBar .socialIconText, .headerSocialIcon a { color: #c9cfdd !important; }
.settingBar i, .headerSocialIcon i, .settingBar .fa-brands { color: #eabd40 !important; }
.settingBar a:hover, .headerSocialIcon a:hover { color: #f6d878 !important; }

/* Ana menü (SPOR / CANLI CASINO / ...) — GB tarzı yalın, renkli ikonlu */
.mainMenu { background: transparent !important; }
html body .headBar nav.mainMenu ul li a {
  background: transparent !important;
  border: 0 !important;
  color: #f0f1f5 !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  transition: color .18s ease, background .18s ease;
}
html body .headBar nav.mainMenu ul li a:hover,
html body .headBar nav.mainMenu ul li a:focus,
html body .headBar nav.mainMenu ul li a.is-active {
  background: rgba(234, 189, 64, 0.10) !important;
  border: 0 !important;
  color: #f6d878 !important;
}
.mainMenu ul li a i { color: #eabd40 !important; filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.35)); }

.mainMenu ul li a[href="/sports"] i { color: #2fd06e !important; }
.mainMenu ul li a[href="/livecasino"] i { color: #ff4d6d !important; }
.mainMenu ul li a[href="/slot"] i { color: #ffd257 !important; }
.mainMenu ul li a[href="/promotions"] i { color: #ff9f43 !important; }
.mainMenu ul li a[href*="padovatv"] i { color: #4dc3ff !important; }
.mainMenu ul li a[onclick*="aviator"] i { color: #ff3b30 !important; }
.mainMenu ul li a[onclick*="23946"] i { color: #ff7a1a !important; }
.mainMenu ul li a img.menuIconImg { filter: drop-shadow(0 0 6px rgba(0, 0, 0, 0.35)); }

/* Üst şerit sosyal butonları (TELEGRAM vb.) — koyu, altın kenarlı */
html body .headBar .socialIconText,
html body .headBar .headerSocialIcon a.socialIconText,
html body header.headBar a[href*="t.me"] {
  background: #171a23 !important;
  background-image: none !important;
  border: 1px solid rgba(234, 189, 64, 0.35) !important;
  color: #f0f1f5 !important;
  border-radius: 8px !important;
}
html body .headBar .socialIconText i { color: #eabd40 !important; }
html body .headBar .socialIconText i.fa-telegram { color: #29a9eb !important; }
html body .headBar .socialIconText:hover,
html body header.headBar a[href*="t.me"]:hover {
  background: #1b1f2b !important;
  background-image: none !important;
  border-color: #eabd40 !important;
  color: #f6d878 !important;
}


.mainMenu .badge-success,
.badge-success {
  background: #eabd40 !important;
  color: #0a0b0f !important;
  font-weight: 800 !important;
}

/* Header butonları */
.headBar .header-btn,
.headBar .depositBtn,
.headBar .userBtn { border-radius: 8px !important; font-weight: 800 !important; }
.headBar .header-btn i,
.headBar .depositBtn i { margin-right: 6px; }
.headBar .header-login {
  background: rgba(13, 15, 21, 0.92) !important;
  color: #f6d878 !important;
  border: 1px solid #eabd40 !important;
}
.headBar .header-login:hover { background: rgba(234, 189, 64, 0.14) !important; }
.headBar .header-register,
.headBar .depositBtn {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  color: #0a0b0f !important;
  border: 1px solid #eabd40 !important;
}
.headBar .header-register:hover,
.headBar .depositBtn:hover { filter: brightness(1.06); }
.headBar .userBtn {
  background: #11131a !important;
  border: 1px solid rgba(234, 189, 64, 0.55) !important;
}
.headBar .userBtn i { color: #eabd40 !important; }
.headBar .pb-balance-card {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
  border-radius: 8px !important;
}
.headBar .pb-balance-label { color: #9aa3b8 !important; }
.headBar .balText { color: #f6d878 !important; }
.headBar .pb-balance-refresh svg { color: #eabd40 !important; }

/* Profil açılır menüsü (playerNav) */
.headBar .playerNav {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
  border-radius: 10px !important;
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.6) !important;
}
.headBar .pl-link { color: #f0f1f5 !important; border-radius: 8px; }
.headBar .pl-link i { color: #eabd40 !important; }
.headBar .pl-link:hover { background: rgba(234, 189, 64, 0.10) !important; color: #f6d878 !important; }
.headBar .pl-link.active,
.headBar .pl-link.router-link-active { color: #f6d878 !important; }
.headBar .mobile-section .pl-link { color: #c9cfdd !important; }
.headBar .mobile-section .pl-link b { color: #f6d878 !important; }

/* ---------- Modallar / formlar ---------- */
.modal-content {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
  color: #f0f1f5 !important;
  border-radius: 12px !important;
}
.modal-header, .modal-footer { border-color: #282d3e !important; }
.modal-content .close, .modal-content .btn-close { color: #f0f1f5 !important; }
.form-control, .custom-select, select.form-control,
input.form-control, textarea.form-control {
  background: #0d0e13 !important;
  border: 1px solid #2a2f3d !important;
  color: #f0f1f5 !important;
}
.form-control:focus {
  border-color: #eabd40 !important;
  box-shadow: 0 0 0 0.2rem rgba(234, 189, 64, 0.18) !important;
}
.form-control::placeholder { color: #8b93a7 !important; }
label, .form-group label { color: #c9cfdd; }

/* ---------- Butonlar (genel) ---------- */
.btn-primary {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  border-color: #eabd40 !important;
  color: #0a0b0f !important;
  font-weight: 800 !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: linear-gradient(180deg, #ffe79a, #f0c65a) !important;
  border-color: #f6d878 !important;
  color: #0a0b0f !important;
}
.btn-outline-light {
  border-color: #eabd40 !important;
  color: #f0f1f5 !important;
}
.btn-outline-light:hover {
  background: rgba(234, 189, 64, 0.14) !important;
  color: #f6d878 !important;
}
.btn-secondary { background: #282d3e !important; border-color: #282d3e !important; color: #f0f1f5 !important; }

/* Devre dışı butonlar: net ve okunur kalsın */
body .claim:disabled,
body .btn:disabled,
body .btn.disabled,
body button:disabled {
  opacity: 0.5 !important;
  filter: saturate(0.75) !important;
  cursor: not-allowed !important;
}

/* ---------- Tablolar / liste yüzeyleri ---------- */
table th { color: #eabd40 !important; border-color: #282d3e !important; }
table td { border-color: #232838 !important; }

/* ---------- Bonus Talep sayfası ---------- */
body .bonus-panel .offer,
body .suboffer .offer,
body .offer {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
  border-radius: 12px !important;
}
body .offer-rate { color: #eabd40 !important; }
body .rules {
  background: #171a23 !important;
  border: 1px solid #282d3e !important;
  color: #dfe3ec !important;
}
body .rules h4 { color: #eabd40 !important; }
body .claim {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  color: #0a0b0f !important;
  border-color: #eabd40 !important;
  font-weight: 800 !important;
}
body .claim:hover { filter: brightness(1.06); }
body .tabs .tab, body .tab {
  color: #c9cfdd !important;
  border-color: #282d3e !important;
  background: #11131a !important;
}
body .tab.active, body .tabs .tab.active {
  color: #0a0b0f !important;
  background: #eabd40 !important;
  border-color: #eabd40 !important;
  font-weight: 800 !important;
}
body .trial-warning { color: #f0c869 !important; }

/* ---------- Bonus çevrim sayfası ---------- */
body .turnover-stat {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
}
body .turnover-stat span { color: #9aa3b8 !important; }
body .turnover-rules {
  background: #11131a !important;
  border-left: 3px solid #eabd40 !important;
  color: #dfe3ec !important;
}
body .turnover-note {
  background: rgba(234, 189, 64, 0.07) !important;
  border-color: rgba(234, 189, 64, 0.32) !important;
  color: #f0f1f5 !important;
}
body .turnover-empty {
  background: #0d0f15 !important;
  border-color: rgba(234, 189, 64, 0.34) !important;
  color: #c9cfdd !important;
}

/* ---------- Bahis geçmişi ---------- */
body .betHistoryListEl {
  background: #11131a !important;
  border: 1px solid #282d3e !important;
}
body .dataListEl-open {
  background: #0d0f15 !important;
  border: 1px solid #242938 !important;
}

/* ---------- Footer ---------- */
.mb-footer {
  background: #11131a !important;
  color: #c9cfdd !important;
  border-top: 1px solid rgba(234, 189, 64, 0.25) !important;
}
.mb-footer h3 { color: #eabd40 !important; }
.mb-footer a { color: #c9cfdd !important; }
.mb-footer a:hover { color: #f6d878 !important; }
.mb-footer-wordmark, .mb-footer-wordmark span { color: #f0f1f5 !important; }
.mb-footer-wordmark span { color: #eabd40 !important; }
.mb-footer-logo { display: inline-block; margin-bottom: 16px; }
.mb-footer-logo img { height: 46px; width: auto; display: block; }

/* Son kazananlar (newest.php) okunurluk — daha yüksek özgüllük + text-fill */
html:root body { color: #f0f1f5 !important; }
html body .wlc-section-last-wins .wlc-section-last-wins__title.wlc-section-last-wins__title.wlc-section-last-wins__title,
html body .wlc-item .wlc-name.wlc-name.wlc-name,
html body .wlc-list .wlc-name.wlc-name.wlc-name {
  color: #f0f1f5 !important;
  -webkit-text-fill-color: #f0f1f5 !important;
}
html body .wlc-item .wlc-amount__amount.wlc-amount__amount.wlc-amount__amount,
html body .wlc-amount .wlc-amount__amount.wlc-amount__amount.wlc-amount__amount,
html body .wlc-amount__amount--decimal.wlc-amount__amount--decimal.wlc-amount__amount--decimal,
html body .wlc-amount__amount--int.wlc-amount__amount--int.wlc-amount__amount--int,
html body .wlc-currency.wlc-currency.wlc-currency {
  color: #f6d878 !important;
  -webkit-text-fill-color: #f6d878 !important;
}
.mb-footer-copy, .mb-footer-bottom { color: #8b93a7 !important; }
.mb-license-card, .mb-sponsor-card, .mb-trust, .mb-provider-logo {
  background: #171a23 !important;
  border: 1px solid #282d3e !important;
  border-radius: 10px !important;
}
.mb-terms-dialog { background: #11131a !important; border: 1px solid #282d3e !important; color: #f0f1f5 !important; }
.mb-terms-head, .mb-terms-body { border-color: #282d3e !important; }

/* ---------- Okunabilirlik yardımcıları ---------- */
.text-muted, .smText, .muted { color: #9aa3b8 !important; }
a { color: inherit; }
a:hover { color: #f6d878; }

/* ---------- Mobil ince ayar ---------- */
@media (max-width: 480px) {
  .headBar .header-btn i,
  .headBar .depositBtn i { display: none !important; }
  .mainMenu ul li a i { color: #eabd40 !important; }
}

/* ============================================================
   v6 — Header profesyonel cila (header.php + header2.php ortak)
   ============================================================ */

/* Üst şerit */
html body .settingBar {
  background: #0f1118 !important;
  border-bottom: 1px solid rgba(234, 189, 64, 0.10) !important;
}

/* Logo hafif altın parıltı */
header.headBar .headLogo img { filter: drop-shadow(0 2px 8px rgba(234, 189, 64, 0.18)); }

/* Butonlar: dengeli ölçü, yumuşak gölge, mikro etkileşim */
html body .headBar .header-btn,
html body .headBar .depositBtn {
  min-height: 36px !important;
  padding: 0 16px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.2px !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease, background 0.15s ease !important;
}
html body .headBar .header-login {
  box-shadow: inset 0 0 0 1px rgba(234, 189, 64, 0.25), 0 6px 16px rgba(0, 0, 0, 0.35) !important;
}
html body .headBar .header-register,
html body .headBar .depositBtn {
  box-shadow: 0 8px 18px rgba(234, 189, 64, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;
}
html body .headBar .header-btn:hover,
html body .headBar .depositBtn:hover { transform: translateY(-1px) !important; }
html body .headBar .header-btn:active,
html body .headBar .depositBtn:active { transform: translateY(0) scale(0.98) !important; }

/* Ana menü: hizalama, boşluk, altın alt çizgi göstergesi */
html body .headBar nav.mainMenu ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}
html body .headBar nav.mainMenu ul li a {
  position: relative !important;
  padding: 8px 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}
html body .headBar nav.mainMenu ul li a::after {
  content: '';
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 3px;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, #f6d878, #eabd40);
  opacity: 0;
  transition: opacity 0.18s ease;
}
html body .headBar nav.mainMenu ul li a:hover::after,
html body .headBar nav.mainMenu ul li a.is-active::after { opacity: 1; }
html body .headBar nav.mainMenu ul li a:hover { background: rgba(234, 189, 64, 0.08) !important; }

/* "Yeni" rozetleri */
html body .headBar sup.badge-success {
  font-size: 9px !important;
  padding: 2px 6px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  color: #0a0b0f !important;
  position: relative;
  top: -2px;
  margin-right: 4px;
}

/* Kullanıcı butonu (masaüstü) */
@media (min-width: 769px) {
  html body .headBar .userBtn {
    width: 38px !important;
    height: 38px !important;
    border-radius: 999px !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35) !important;
    transition: transform 0.15s ease, border-color 0.15s ease !important;
  }
  html body .headBar .userBtn:hover { transform: translateY(-1px) !important; border-color: #eabd40 !important; }
}

/* Bakiye kartı */
html body .headBar .pb-balance-card { border-radius: 10px !important; }

/* ============================================================
   v8 — Header bütünlüğü (tüm sayfalar + sports), mobil bakiye,
   oran kutuları, mobil alt menü
   ============================================================ */

/* Header: eski geç gradient'leri kesin olarak ez (menü satırındaki "ayrı siyah" bant giderilir) */
html:root body header.headBar,
html:root body .headBar {
  background: #11131a !important;
  background-image: none !important;
}
html:root body nav.mainMenu,
html:root body .headBar nav.mainMenu,
html:root body .mainMenu {
  background: #11131a !important;
  background-image: none !important;
  border: 0 !important;
}
html:root body .headBar .settingBar {
  background: #11131a !important;
  background-image: none !important;
  border-bottom: 1px solid rgba(234, 189, 64, 0.12) !important;
}

/* Sports: iframe alanı ve zemin aynen korunur (yalnızca üst header ortaklaşır) */
html:root body.padova-sports-page { background: #0b1220 !important; }
html:root body.padova-sports-page .sports-frame-shell { background: #0b1220 !important; }

/* Mobilde bakiye kartı belirgin ve profesyonel */
@media (max-width: 768px) {
  html body .headBar .pb-balance-card {
    min-height: 46px !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
  }
  html body .headBar .pb-balance-label { font-size: 9px !important; letter-spacing: 0.5px !important; }
  html body .headBar .balText { font-size: 17px !important; font-weight: 800 !important; }
  html:root body .headBar .pb-balance-card span.balText[data-pb-balance-value] {
    font-size: 15px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }
  html:root body .headBar .pb-balance-card .pb-balance-label {
    font-size: 9px !important;
    letter-spacing: 0.4px !important;
  }
  html body .headBar .headLogo { width: 86px !important; max-width: 86px !important; }
  html body .headBar .headLogo img { max-width: 84px !important; }
  html body .headBar .depositBtn { padding: 0 10px !important; min-width: auto !important; }
  html body .headBar .userBtn { width: 34px !important; height: 34px !important; }
}

/* Ana sayfa "Son Oranlar" / öneri oran kutuları */
html body .rec-odds { gap: 6px !important; }
html body .rec-odd {
  background: #171a23 !important;
  border: 1px solid rgba(234, 189, 64, 0.26) !important;
  color: #f6d878 !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
}
html body .rec-odd.hot {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  border-color: #eabd40 !important;
  color: #0a0b0f !important;
}

/* Mobil alt menü (mobFooter) — tüm sayfalarda uyumlu */
html body .mobFooter {
  background: #11131a !important;
  background-image: none !important;
  border-top: 1px solid rgba(234, 189, 64, 0.22) !important;
  box-shadow: 0 -8px 20px rgba(0, 0, 0, 0.45) !important;
}
html body .mobFooter .ng-tns-c8-0,
html body .mobFooter a,
html body .mobFooter button {
  background: transparent !important;
  background-image: none !important;
  color: #c9cfdd !important;
}
html body .mobFooter .active,
html body .mobFooter a.active { color: #eabd40 !important; }
html body .mobFooter i,
html body .mobFooter svg * { color: #eabd40 !important; fill: #eabd40 !important; }

/* Header butonlarındaki zengin SVG ikonlar */
html body .headBar .header-btn svg.rain-icon,
html body .headBar .depositBtn svg.rain-icon {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  flex: 0 0 auto;
}

/* ============================================================
   v11 — Masaüstü buton büyütme, mobil uyum, deposit sekme şeridi,
   önerilen bahis vurgusu kaldırma, footer boyutları
   ============================================================ */

/* Masaüstü: butonlar ve ikonlar biraz daha büyük */
@media (min-width: 769px) {
  html:root body .headBar .header-btn,
  html:root body .headBar .depositBtn {
    min-height: 42px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    border-radius: 12px !important;
  }
  html body .headBar .header-btn svg.rain-icon,
  html body .headBar .depositBtn svg.rain-icon { width: 20px !important; height: 20px !important; }
  html body .mainMenu ul li a { font-size: 13.5px !important; }
  html body .mainMenu ul li a svg { width: 20px !important; height: 20px !important; }
}

/* Mobil: tüm header öğeleri tek ölçüde */
@media (max-width: 768px) {
  html body .mainMenu ul li a {
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
  }
  html body .mainMenu ul li a svg { width: 16px !important; height: 16px !important; }
  html body .headBar .depositBtn {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
  }
  html:root body .headBar .pb-balance-card span.balText[data-pb-balance-value] {
    font-size: 14px !important;
    white-space: nowrap !important;
  }
  html:root body .headBar .pb-balance-card .pb-balance-label { font-size: 8.5px !important; }
  html body .headBar .headLogo { width: 82px !important; max-width: 82px !important; }
  html body .headBar .headLogo img { max-width: 80px !important; }
}

/* Deposit/çek sayfası: sekme şeridindeki mavi çizgi ve uyumsuz kenarlık düzeltildi */
html body .filters.eventTabs {
  background: #11131a !important;
  border: 1px solid rgba(234, 189, 64, 0.18) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
html body .filters.eventTabs ul,
html body .filters.eventTabs li,
html body .filters.eventTabs .nav-tabs {
  border: 0 !important;
  border-bottom: 0 !important;
}
html body .filters.eventTabs::after,
html body .filters.eventTabs::before { display: none !important; }

/* Önerilen bahisler: "hot/seçili" altın vurgusu kaldırıldı */
html body .rec-odd.hot {
  background: #171a23 !important;
  border-color: rgba(234, 189, 64, 0.26) !important;
  color: #f6d878 !important;
}

/* Footer: logo biraz daha büyük, sponsor görselleri küçültüldü */
html:root body .mb-footer-logo img { height: 64px !important; width: auto !important; }
html:root body .mb-footer .mb-sponsor-wrap {
  grid-template-columns: repeat(auto-fit, minmax(120px, 150px)) !important;
  gap: 10px !important;
  justify-content: center !important;
}
html:root body .mb-footer .mb-sponsor-card {
  aspect-ratio: auto !important;
  height: 64px !important;
  min-height: 0 !important;
  padding: 8px 10px !important;
  border-radius: 10px !important;
}
html:root body .mb-footer .mb-sponsor-card img {
  height: 100% !important;
  max-height: 48px !important;
  width: auto !important;
  margin: 0 auto !important;
}
html:root body .mb-provider-grid { gap: 8px !important; }
html:root body .mb-provider-logo {
  height: 50px !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
  border-radius: 10px !important;
}
html:root body .mb-provider-logo img { max-height: 28px !important; width: auto !important; }

/* ============================================================
   v13 — Mobil header esnek düzen, sponsor kutuları kaldırma,
   masaüstü buton büyütme, promoBox küçültme
   ============================================================ */

/* Mobil: sıkışmayan/dengeli header */
@media (max-width: 768px) {
  html body .headBar .row { flex-wrap: nowrap !important; align-items: center !important; gap: 6px !important; }
  html body .headBar .row > .col-4,
  html body .headBar .row > [class*="col-"]:first-child {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 92px !important;
  }
  html body .headBar .headLogo { width: auto !important; max-width: 92px !important; min-width: 0 !important; }
  html body .headBar .headLogo img { max-width: 100% !important; height: auto !important; }
  html body .headBar .row > [class*="col-"]:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }
  html body .headBar .depositBtn {
    flex: 0 0 auto !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
  }
  html body .headBar .pb-balance-card {
    flex: 0 1 auto !important;
    min-width: 86px !important;
    max-width: 128px !important;
  }
  html:root body .headBar .pb-balance-card span.balText[data-pb-balance-value] {
    font-size: 13px !important;
  }
  html body .headBar .pb-balance-copy { min-width: 0 !important; }
  html body .headBar .pb-balance-card span.balText[data-pb-balance-value] {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  html body .headBar .userBtn { flex: 0 0 auto !important; }
}

/* Mobil footer sponsorları: kare kutu yok, sade logo */
@media (max-width: 768px) {
  html:root body .mb-footer .mb-sponsor-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
    padding: 0 !important;
    max-width: 236px !important;
    margin: 0 auto !important;
  }
  html:root body .mb-footer .mb-sponsor-card {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 4px 6px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    aspect-ratio: auto !important;
    overflow: visible !important;
  }
  html:root body .mb-footer .mb-sponsor-card img {
    height: 38px !important;
    max-height: 38px !important;
    width: auto !important;
    background: transparent !important;
    filter: none !important;
  }
}

/* Masaüstü: butonlar/ikonlar bir tık daha büyük + profesyonel dokunuş */
@media (min-width: 769px) {
  html:root body .headBar .header-btn,
  html:root body .headBar .depositBtn {
    min-height: 46px !important;
    padding: 0 22px !important;
    font-size: 15px !important;
    border-radius: 13px !important;
    letter-spacing: 0.3px !important;
  }
  html:root body .headBar .header-btn svg.rain-icon,
  html:root body .headBar .depositBtn svg.rain-icon { width: 22px !important; height: 22px !important; }
  html:root body .mainMenu ul li a { font-size: 14px !important; }
  html:root body .mainMenu ul li a svg { width: 22px !important; height: 22px !important; }

  html:root body .headBar .header-login {
    box-shadow: inset 0 0 0 1px rgba(246, 216, 120, 0.25), 0 8px 20px rgba(0, 0, 0, 0.4) !important;
  }
  html:root body .headBar .header-register,
  html:root body .headBar .depositBtn {
    background: linear-gradient(180deg, #ffe9a8, #f0c65a 55%, #eabd40) !important;
    box-shadow: 0 10px 22px rgba(234, 189, 64, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  }
}

/* ============================================================
   v15 — Buton dengeleme, responsive bakiye, sağlayıcı/lisans düzeni
   ============================================================ */

/* Masaüstü: Giriş/Kayıt/Para Yatır dengele, menü butonlarını büyüt */
@media (min-width: 769px) {
  html:root body .headBar .header-btn,
  html:root body .headBar .depositBtn {
    min-height: 40px !important;
    padding: 0 18px !important;
    font-size: 13.5px !important;
    border-radius: 11px !important;
  }
  html:root body .headBar .header-btn svg.rain-icon,
  html:root body .headBar .depositBtn svg.rain-icon { width: 20px !important; height: 20px !important; }
  html:root body .mainMenu ul li a {
    font-size: 15px !important;
    padding: 9px 14px !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-radius: 10px !important;
  }
  html:root body .mainMenu ul li a:hover {
    background: rgba(234, 189, 64, 0.10) !important;
    border-color: rgba(234, 189, 64, 0.25) !important;
  }
  html:root body .mainMenu ul li a svg { width: 24px !important; height: 24px !important; }
}

/* Mobil: butonlar ölçülü, bakiye tam ve responsive */
@media (max-width: 768px) {
  html body .headBar .header-btn,
  html body .headBar .depositBtn {
    min-height: 36px !important;
    font-size: 13px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
  }
  html body .headBar .pb-balance-card {
    flex: 0 1 auto !important;
    min-width: 96px !important;
    max-width: 132px !important;
  }
  html:root body .headBar .pb-balance-card span.balText[data-pb-balance-value] {
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 13px !important;
  }
  html body .headBar .pb-balance-refresh { flex: 0 0 auto !important; }
}

@media (max-width: 380px) {
  html body .headBar .depositBtn { font-size: 10.5px !important; padding: 0 6px !important; }
  html body .headBar .pb-balance-card { min-width: 96px !important; max-width: 124px !important; }
}

/* v17 — Giriş / Kayıt: Para Yatır ile aynı header-uyumlu aile (header + header2) */
html:root body .headBar .header-login,
html:root body .headBar .header-register {
  background: rgba(234, 189, 64, 0.10) !important;
  background-image: none !important;
  border: 1px solid rgba(234, 189, 64, 0.55) !important;
  color: #f6d878 !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
html:root body .headBar .header-login:hover,
html:root body .headBar .header-register:hover {
  background: rgba(234, 189, 64, 0.18) !important;
  border-color: #eabd40 !important;
  color: #ffe9a8 !important;
}
html:root body .headBar .header-login:active,
html:root body .headBar .header-register:active { transform: scale(0.98) !important; }

@media (max-width: 768px) {
  html:root body .headBar .header-login,
  html:root body .headBar .header-register {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    border-radius: 9px !important;
  }
  html:root body .headBar .header-login svg.rain-icon,
  html:root body .headBar .header-register svg.rain-icon { width: 15px !important; height: 15px !important; margin-right: 6px !important; }
}
@media (max-width: 380px) {
  html:root body .headBar .header-login,
  html:root body .headBar .header-register {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 8px !important;
    font-size: 10.5px !important;
  }
  html:root body .headBar .header-login svg.rain-icon,
  html:root body .headBar .header-register svg.rain-icon { display: none !important; }
}

/* v16 — Mobil PARA YATIR: küçültüldü ve header uyumuna alındı */
@media (max-width: 768px) {
  html:root body .headBar .depositBtn {
    background: rgba(234, 189, 64, 0.10) !important;
    background-image: none !important;
    border: 1px solid rgba(234, 189, 64, 0.55) !important;
    color: #f6d878 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    border-radius: 9px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
  }
  html:root body .headBar .depositBtn svg.rain-icon {
    width: 15px !important;
    height: 15px !important;
    margin-right: 6px !important;
  }
}
@media (max-width: 380px) {
  html:root body .headBar .depositBtn {
    height: 30px !important;
    min-height: 30px !important;
    font-size: 10.5px !important;
    padding: 0 8px !important;
  }
}

/* v16 — Masaüstü deposit: aynı ailede, hafif rafine */
@media (min-width: 769px) {
  html:root body .headBar .depositBtn {
    background: linear-gradient(180deg, #f8de8d, #eabd40 60%, #d9a832) !important;
    box-shadow: 0 8px 20px rgba(234, 189, 64, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  }
}

/* Footer: casino sağlayıcıları ve lisans/sorumlu oyun düzeni */
html:root body .mb-provider-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; gap: 10px !important; }
html:root body .mb-provider-logo {
  height: 54px !important;
  background: #0d0f15 !important;
  border: 1px solid rgba(234, 189, 64, 0.14) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}
html:root body .mb-provider-logo img { max-height: 26px !important; }
@media (max-width: 768px) {
  html:root body .mb-provider-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 8px !important; }
  html:root body .mb-provider-logo { height: 46px !important; padding: 6px 8px !important; }
  html:root body .mb-provider-logo img { max-height: 20px !important; }
}
html:root body .mb-license-card,
html:root body .mb-trust {
  background: #0d0f15 !important;
  border: 1px solid rgba(234, 189, 64, 0.14) !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
}
html:root body .mb-license-card img,
html:root body .mb-trust img { max-height: 30px !important; width: auto !important; }
html:root body .mb-footer-bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}
@media (max-width: 380px) {
  html body .headBar .row { gap: 5px !important; }
  html body .headBar .headLogo { max-width: 84px !important; }
  html body .headBar .depositBtn {
    padding: 0 7px !important;
    font-size: 11px !important;
    min-width: 0 !important;
    width: auto !important;
  }
  html body .headBar .header-btn svg.rain-icon,
  html body .headBar .depositBtn svg.rain-icon { display: none !important; }
  html body .headBar .pb-balance-card {
    min-width: 96px !important;
    max-width: 124px !important;
    padding: 6px 7px !important;
  }
  html:root body .headBar .pb-balance-card span.balText[data-pb-balance-value] { font-size: 12px !important; }
  html body .headBar .userBtn { width: 30px !important; height: 30px !important; }
  html:root body .headBar .userBtn { width: 30px !important; height: 30px !important; min-width: 30px !important; }
  html:root body .headBar .row { gap: 4px !important; }
  html:root body .headBar .depositBtn { font-size: 10.5px !important; padding: 0 6px !important; }
}

/* ============================================================
   v21 — Sabit (flickersiz) renkli ikonlar + mobil menü tema/ölçü
   ============================================================ */

/* Mobil: chip boşluk/ölçü düzeltme + logo büyütme */
@media (max-width: 768px) {
  html:root body .headBar nav.mainMenu ul li a,
  html body .headBar nav.mainMenu ul li a {
    padding: 0 12px !important;
    gap: 0 !important;
    justify-content: flex-start !important;
    width: auto !important;
    min-width: 0 !important;
  }
  html:root body .headBar nav.mainMenu ul li a::before,
  html body .headBar nav.mainMenu ul li a::before { margin-right: 8px !important; }
  html:root body .headBar .headLogo { max-width: 96px !important; }
  html:root body .headBar .headLogo img { max-width: 94px !important; height: auto !important; }
}
@media (max-width: 380px) {
  html:root body .headBar .headLogo { max-width: 90px !important; }
  html:root body .headBar .headLogo img { max-width: 88px !important; }
}

/* Mobil açılır menü: panel arkaplanı header ile aynı + eşit buton ölçüsü */
@media (max-width: 768px) {
  html:root body #g5-sidebar.sidebarMain,
  html:root body #g5-sidebar.sidebarMain.is-open,
  html:root body .sidebarMain:not(.playersidebarMain) {
    background: linear-gradient(180deg, #11131a, #0d0f15) !important;
    background-image: linear-gradient(180deg, #11131a, #0d0f15) !important;
    border-right: 1px solid rgba(234, 189, 64, 0.22) !important;
  }
  html:root body #g5-sidebar.sidebarMain a,
  html:root body .sidebarMain:not(.playersidebarMain) a {
    height: 48px !important;
    min-height: 48px !important;
    padding: 0 14px !important;
    border-radius: 12px !important;
    font-size: 13.5px !important;
    display: flex !important;
    align-items: center !important;
    background: #14171f !important;
    border: 1px solid rgba(234, 189, 64, 0.28) !important;
    color: #f0f1f5 !important;
  }
  html:root body #g5-sidebar.sidebarMain a:hover,
  html:root body #g5-sidebar.sidebarMain a:active,
  html:root body .sidebarMain:not(.playersidebarMain) a:hover {
    background: #1a1f2b !important;
    border-color: #eabd40 !important;
    color: #f6d878 !important;
  }
}

/* Masaustu: ikon-metin ve buton-ikon boslugu hafif azaltildi */
@media (min-width: 769px) {
  html body .mainMenu li a::before { margin-right: 6px !important; }
  html body .headBar .header-btn svg.rain-icon,
  html body .headBar .depositBtn svg.rain-icon { margin-right: 7px !important; }
}

/* ============================================================
   v20 — Mobil açılır menü (sidebarMain) tema uyumu
   ============================================================ */
@media (max-width: 768px) {
  html:root body .sidebarMain:not(.playersidebarMain) {
    background: linear-gradient(180deg, #11131a, #0d0f15) !important;
  }
  html:root body .sidebarMain:not(.playersidebarMain) a {
    background: #14171f !important;
    border: 1px solid rgba(234, 189, 64, 0.28) !important;
    border-radius: 10px !important;
    color: #f0f1f5 !important;
  }
  html:root body .sidebarMain:not(.playersidebarMain) a:hover,
  html:root body .sidebarMain:not(.playersidebarMain) a:active {
    background: #1a1f2b !important;
    border-color: #eabd40 !important;
    color: #f6d878 !important;
  }
  html:root body .sidebarMain:not(.playersidebarMain) a i,
  html:root body .sidebarMain:not(.playersidebarMain) a svg { flex: 0 0 auto; }
}

/* ============================================================
   v18 — Kartlar daha küçük + Önerilen Bahisler & Son Oyunlar tema uyumu
   ============================================================ */

/* Ana sayfa kartları: slider hizasında tam genişlik */
@media (min-width: 769px) {
  html:root body .toppromoRow {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    gap: 12px !important;
  }
}
/* Mobil: 3'lü × 2 sıra (6 kart görünür), slider hizası */
@media (max-width: 768px) {
  html:root body .toppromoRow {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  html:root body .toppromoRow .promo-mobile-hidden { display: block !important; }
}
@media (max-width: 380px) {
  html:root body .toppromoRow { gap: 6px !important; }
}

/* Son Oyunlar (masaüstü): kazanç değerleri içerik genişliğinde şık çip */
@media (min-width: 769px) {
  html:root body .lg-table td.lg-win {
    width: 1% !important;
    white-space: nowrap !important;
    padding: 4px 10px !important;
    background: rgba(53, 199, 123, 0.10) !important;
    border: 1px solid rgba(53, 199, 123, 0.28) !important;
    border-radius: 8px !important;
    color: #35c77b !important;
    font-weight: 900 !important;
    font-variant-numeric: tabular-nums;
  }
}

/* Önerilen Bahisler — header temasıyla uyum */
html:root body .rec-card {
  background: linear-gradient(180deg, #14171f, #0d0f15) !important;
  border-color: rgba(234, 189, 64, 0.20) !important;
  color: #f0f1f5 !important;
}
html:root body .rec-card:hover { border-color: rgba(234, 189, 64, 0.55) !important; }
html:root body .rec-league { color: #c9cfdd !important; border-bottom-color: rgba(234, 189, 64, 0.18) !important; }
html:root body .rec-league i { color: #eabd40 !important; }
html:root body .rec-date { color: #f6d878 !important; }
html:root body .rec-odds { gap: 6px !important; }
html:root body .rec-odd {
  background: #171a23 !important;
  border-color: rgba(234, 189, 64, 0.22) !important;
}
html:root body .rec-odd span { color: #c9cfdd !important; opacity: 1 !important; }
html:root body .rec-odd strong { color: #f6d878 !important; }
html:root body .rec-odd.hot {
  background: #171a23 !important;
  border-color: rgba(234, 189, 64, 0.38) !important;
}
html:root body .rec-odd.hot span,
html:root body .rec-odd.hot strong { color: #f6d878 !important; }

/* Son Oyunlar — tema uyumu */
html:root body .lg-head { border-bottom-color: rgba(234, 189, 64, 0.22) !important; }
html:root body .lg-title h2 { color: #f0f1f5 !important; }
html:root body .lg-title h2::after { background: linear-gradient(90deg, #eabd40, rgba(234, 189, 64, 0)) !important; }
html:root body .lg-tab {
  border-color: rgba(234, 189, 64, 0.34) !important;
  background: rgba(234, 189, 64, 0.06) !important;
  color: #f0f1f5 !important;
}
html:root body .lg-tab.active,
html:root body .lg-tab:active {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  border-color: #eabd40 !important;
  color: #0a0b0f !important;
}
html:root body .lg-table th,
html:root body .lg-mobile th { color: rgba(234, 189, 64, 0.78) !important; border-bottom-color: rgba(234, 189, 64, 0.22) !important; }
html:root body .lg-mobile-wrap {
  background: linear-gradient(180deg, #11131a, #0d0f15) !important;
  border-color: rgba(234, 189, 64, 0.26) !important;
  border-radius: 10px !important;
}
html:root body .lg-media { border-color: rgba(234, 189, 64, 0.22) !important; background: #0a0b0f !important; }
html:root body .lg-media .lg-logo { background: #0a0b0f !important; }
html:root body .lg-media .lg-crest {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  color: #0a0b0f !important;
}
html:root body .lg-user { color: #dfe3ec !important; }
html:root body .lg-prov { color: #9aa3b8 !important; }

/* Ana sayfa kartları — KARE (1:1) yeni set (masaüstü 6 / mobil 4 korunur) */
html body .promoBox { height: auto !important; }
html:root body .toppromoRow .promoBox {
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  border-radius: 18px !important;
}
html:root body .toppromoRow .promoBox img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
}
@media (min-width: 769px) {
  html:root body .toppromoRow { gap: 12px !important; }
}
@media (max-width: 768px) {
  html:root body .toppromoRow .promoBox { border-radius: 14px !important; }
}

/* ============================================================
   v7 — Mobil menü (profesyonel yatay chip şeridi) + sayfa cilaları
   ============================================================ */

html:root body { background: #0a0b0f !important; }

@media (max-width: 768px) {
  html body .headBar nav.mainMenu { padding: 0 10px !important; }
  html body .headBar nav.mainMenu ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding: 8px 2px 12px !important;
    scrollbar-width: none;
  }
  html body .headBar nav.mainMenu ul::-webkit-scrollbar { display: none; }
  html body .headBar nav.mainMenu ul li { flex: 0 0 auto !important; position: relative; margin: 0 !important; }
  html body .headBar nav.mainMenu ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: #141824 !important;
    border: 1px solid rgba(234, 189, 64, 0.16) !important;
    border-radius: 12px !important;
    padding: 9px 14px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    color: #f0f1f5 !important;
  }
  html body .headBar nav.mainMenu ul li a:hover,
  html body .headBar nav.mainMenu ul li a:active {
    background: #1a1f2d !important;
    border-color: rgba(234, 189, 64, 0.4) !important;
  }
  html body .headBar nav.mainMenu ul li a svg,
  html body .headBar nav.mainMenu ul li a img.menuIconImg { width: 18px !important; height: 18px !important; }
  html body .headBar nav.mainMenu ul li a::after { display: none !important; }
  html body .headBar nav.mainMenu ul li sup.badge-success {
    position: absolute;
    top: -7px;
    right: -3px;
    margin: 0 !important;
    z-index: 2;
  }
}

/* ---------- Para Yatır / Çek sayfası ---------- */
body .deposit-methods .method,
body .payment-method,
body .method-item {
  border-radius: 12px !important;
  transition: transform 0.15s ease, border-color 0.15s ease, background 0.15s ease !important;
}
body .deposit-tabs button,
body .dw-tabs button { border-radius: 10px !important; }
body .deposit-tabs button.active,
body .dw-tabs button.active {
  background: linear-gradient(180deg, #f6d878, #eabd40) !important;
  color: #0a0b0f !important;
  border-color: #eabd40 !important;
  font-weight: 800 !important;
}

/* ---------- Casino / Canlı Casino listeleri ---------- */
body .game-item, body .game-card, body .casino-item, body .casino-card,
body [class*="gameBox"], body [class*="game-box"] {
  border-radius: 12px !important;
  border: 1px solid rgba(234, 189, 64, 0.12) !important;
  transition: transform 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}
body .game-item:hover, body .game-card:hover, body .casino-item:hover, body .casino-card:hover,
body [class*="gameBox"]:hover, body [class*="game-box"]:hover {
  transform: translateY(-2px);
  border-color: rgba(234, 189, 64, 0.38) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.45) !important;
}
body .secTitle h5, body .secTitle h2, body h2.section-title, body .section-title {
  color: #f0f1f5 !important;
}
body .secTitle .smText { color: #9aa3b8 !important; }

/* ============================================================
   v29 — Masaustu nav: kompakt ikon boslugu + belirgin butonlar
   ============================================================ */
@media (min-width: 769px) {
  html:root body .headBar nav.mainMenu ul li a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    height: 40px !important;
    padding: 0 14px !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    background: rgba(255, 255, 255, 0.035) !important;
    border: 1px solid rgba(234, 189, 64, 0.16) !important;
  }
  html:root body .headBar nav.mainMenu ul li a:hover {
    background: rgba(234, 189, 64, 0.12) !important;
    border-color: rgba(234, 189, 64, 0.45) !important;
    color: #f6d878 !important;
  }
  html:root body .mainMenu li a::before { margin-right: 6px !important; }
}