@charset "UTF-8";
.b-widget:first-of-type {
  display: none !important;
}

/* Ortak buton stili (orta boyutlu) */
a.btn-login,
a.btn-register {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important; /* Orta seviye */
  padding: 8px 20px !important; /* Orta seviye */
  line-height: 1 !important;
  border: none !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin: 0 !important;
  transition: all 0.3s ease !important;
}

/* GIRIS - sol taraf */
a.btn-login {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-top-left-radius: 50px !important;
  border-bottom-left-radius: 50px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* KAYIT - sag taraf */
a.btn-register {
  background-color: #ffc107 !important;
  color: #000000 !important;
  border-top-right-radius: 50px !important;
  border-bottom-right-radius: 50px !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Butonlari hizala ve bosluk birakma */
a.btn-login + a.btn-register {
  margin-left: 0 !important;
}

main {
  background-color: #1d1d25 !important; /* istedigin renkle degistir */
}

header .inner {
  background-color: #1d1d25 !important; /* Koyu gri */
}

/* Menü barinin arka plani (gri bar) */
#desktopMenu {
  background-color: #3f3f45 !important;
}

/****************************/
a.btn.btn-base {
  background-color: #3f3f45 !important; /* ? istedigin renk */
  border-radius: 6px; /* istege bagli: köse yumusatma */
  transition: all 0.3s ease;
}

/* Mobil menüdeki tüm baglanti butonlari */
.mobile-menu a {
  background-color: #2c2c2c !important; /* Koyu arka plan */
  color: #ffffff !important; /* Beyaz yazi */
  display: block;
  padding: 10px 14px;
  border-radius: 6px;
  font-weight: 500;
  margin-bottom: 8px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Buton içindeki ikonlar */
.mobile-menu a i {
  color: #ffffff !important;
  margin-right: 8px;
}

/* Hover efekti (üzerine gelince) */
.mobile-menu a:hover {
  background-color: #ffc107 !important;
  color: #000000 !important;
}

.mobile-menu a:hover i {
  color: #000000 !important;
}

/*footer alt kisim renk kodu */
footer.mt-3 {
  background-color: #1d1d25 !important;
  background-image: none !important; /* Arka plan görselini kaldirir */
  color: #ffffff !important; /* Yazilar için beyaz (istege bagli) */
}

footer .d-flex.justify-content-center.mt-3.mb-2 {
  background-color: #3f3f45 !important; /* ? Kendi renginle degistir */
  color: #ffffff !important; /* Yazilar için beyaz */
  padding: 10px 16px;
  border-radius: 6px;
  font-size: 13px;
  text-align: center;
}

.alert-inner.alert-base.text-center {
  background-color: #3f3f45 !important; /* ? arka plan rengi */
  color: #ffffff !important; /* ? yazi rengi (istersen degistir) */
  padding: 12px 20px !important;
  font-size: 14px !important;
  border-radius: 4px;
  text-align: center;
}

.footer-providers {
  background-color: #1d1d25 !important; /* ? buraya kendi renk kodunu yaz */
}

a.btn.btn-dark {
  background-color: #3f3f45 !important; /* ? buraya kendi renk kodunu yaz */
  color: #ffffff !important; /* Yazi rengi istege bagli */
}

a.btn.m-hide.py-2 {
  background-color: #3f3f45 !important; /* ? buraya kendi renk kodunu yaz */
  color: #ffffff !important; /* Yazi rengi istege bagli */
}

#bwgadgets.btn.py-2 {
  background-color: #3f3f45 !important; /* ? buraya kendi renk kodunu yaz */
  color: #ffffff !important; /* Yazi rengi - istersen degistirebilirsin */
}

app-main .pt-md-4 {
  background-color: #1d1d25 !important;
}

div[class*=col-md-8],
div[class*=col-lg-9],
div[class*=content],
div[class*=pt-md-4] {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
}

.content-menu a {
  background-color: #1d1d25 !important; /* arka plan rengi */
  color: #ffffff !important; /* yazi rengi */
  padding: 10px 15px !important;
  border-radius: 6px;
  display: block; /* tüm satiri tiklanabilir yapar */
  margin-bottom: 5px;
}

/************************ açilir menüler kayit ol giris yap vs *****/
.modal-body {
  background-color: #1d1d25 !important; /* senin istedigin koyu renk */
  color: #ffffff !important; /* yazi rengi beyaz */
}

.modal-header, .modal-footer {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
}

.modal-content {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
  border-radius: 10px;
}

input.form-control,
select.form-select,
textarea.form-control {
  background-color: #1d1d25 !important; /* istedigin koyu renk */
  color: #ffffff !important; /* yazi rengi */
  border: 1px solid #444 !important; /* kutu kenarligi - istersen kaldirabiliriz */
}

input::placeholder,
select::placeholder,
textarea::placeholder {
  color: #cccccc !important; /* placeholder rengi */
}

input.form-control,
select.form-select,
textarea.form-control {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
  border: 1px solid #444 !important;
  border-radius: 6px;
}

input::placeholder,
select,
textarea::placeholder {
  color: #bbbbbb !important;
}

/* SADECE Ad ve Soyad input'larinin içindeki yaziyi gizle */
input[formcontrolname=Name]::placeholder,
input[formcontrolname=Surname]::placeholder {
  color: transparent !important;
}

div[class*=col-12].py-1 {
  background-color: #1d1d25 !important;
  border-radius: 8px;
  padding: 10px !important;
}

input.form-control,
textarea.form-control,
select.form-select {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
  border: 1px solid #5c5b66 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Kayit sekmesi */
a.nav-link.active {
  background-color: #1d1d25 !important;
  color: #fff !important;
  border: none !important;
}

/* Modal içerigi genel stil */
.modal-content {
  background-color: #1d1d25 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Form inputlari ve kutular */
input,
textarea,
select,
.form-control,
.form-select,
.form-floating > input,
.form-floating > select,
.form-floating > textarea {
  background-color: #1d1d25 !important;
  color: #ffffff !important;
  border: 1px solid #5c5b66 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Label ve placeholderlar */
.form-floating label {
  color: #c5b6b6 !important;
}

::placeholder {
  color: #888 !important;
}

/* Butonlar */
button,
.btn,
button[type=submit] {
  background-color: #3a3a3a !important;
  color: #fff !important;
  border: none !important;
}

/* Checkbox */
input[type=checkbox] {
  accent-color: #f1c40f; /* ya da istedigin koyu renk */
}

.modal,
.modal-dialog,
.modal-content,
.card,
.container,
.row,
.col-12 {
  background-color: #1d1d25 !important;
  border: none !important;
  box-shadow: none !important;
}

div[class*=col-12] {
  border: none !important;
  box-shadow: none !important;
}

/* SADECE aktif kayit sekmesindeki alanlara stil uygula */
.tab-content .tab-pane.active .form-control,
.tab-content .tab-pane.active .form-select,
.tab-content .tab-pane.active .form-floating,
.tab-content .tab-pane.active input,
.tab-content .tab-pane.active select,
.tab-content .tab-pane.active textarea {
  background-color: #1d1d25 !important;
  border: 1px solid #3a3a3a !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* Kenarlik ve gölgeleri sil */
.tab-content .tab-pane.active .card,
.tab-content .tab-pane.active .modal-content {
  background-color: #1d1d25 !important;
  border: none !important;
  box-shadow: none !important;
}

/* SADECE modal içerigini koyulastir */
.modal-content {
  background-color: #1d1d25 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Arka plan (overlay) ve diger sayfa katmanlari etkilenmesin */
.modal,
.modal-dialog {
  background: transparent !important;
}

/* Genel stil */
body#pagex {
  background: #1d1d25 !important;
  background-image: none !important;
  box-shadow: none !important;
  border: none !important;
}

/* 992px üzeri için override */
@media (min-width: 992px) {
  #pagex {
    background-image: none !important;
    background-color: #1d1d25 !important;
  }
}
span.icon-box.me-2 {
  background-color: #3f3f45 !important; /* Yeni istedigin rengi buraya yaz */
  border-radius: 6px !important; /* Köseleri yumusatmak istersen */
  padding: 10px !important; /* Ikon iç bosluk */
}

button.btn.btn-base.me-1.ng-star-inserted {
  background-color: #3f3f45 !important; /* Buton arka plan rengi */
  color: #fff !important; /* Buton yazi rengi */
  border: none !important; /* Varsa kenarlik silinir */
  border-radius: 6px !important; /* Hafif yumusak köseler */
  box-shadow: none !important; /* Gölge efekti varsa kaldir */
}

/* ?? Arka plan rengini degistir (ana div) */
.accordion-items-container {
  background-color: #1d1d25 !important; /* Site arka planiyla ayni */
  border: none !important;
  box-shadow: none !important;
}

/* ?? Içindeki butonlari siyah ve kenarliksiz yap */
.accordion-items-container button {
  background-color: #3f3f45 !important;
  color: #fff !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 6px 12px !important;
  margin: 4px !important;
}

/* ?? Buton içindeki ikonlar (varsa) */
.accordion-items-container button svg,
.accordion-items-container button i {
  fill: #fff !important;
  color: #fff !important;
}

/* Kategori basligindaki gri kutucugu site arka planina göre koyulastir */
.ss-icon-holder-bc {
  background-color: #3f3f45 !important;
  border: none !important;
  box-shadow: none !important;
}

/* Filtre butonlarinin genel stili */
.btn.btn-filter {
  background-color: #3f3f45 !important;
  color: #ffffff !important;
  border: 1px solid #3a3a3a !important;
  box-shadow: none !important;
  transition: all 0.3s ease;
}

/* Aktif filtre butonu (seçili olan) */
.btn.btn-filter.active {
  background-color: #2c2c35 !important;
  color: #ffffff !important;
  border: 1px solid #565656 !important;
}

.nav-link.ng-star-inserted,
.nav-link.ng-star-inserted * {
  color: #ffffff !important; /* Yazilar beyaz */
  background-color: #3f3f45 !important; /* ? Arka plan rengini buradan degistirebilirsin */
}

span.w-100.balance {
  color: #ffffff !important;
}

a.align-self-center.ng-star-inserted {
  color: #ffffff !important; /* Yazi rengi */
  background-color: #3f3f45 !important; /* Arka plan rengi */
}

/* Alt navigasyon barindaki (açik menü disi) linkler */
a.item.align-self-center {
  background-color: #3f3f45 !important; /* Arka plan */
  color: #ffffff !important; /* Yazi rengi */
}

/* Açilir mobil menü arka plani */
.mobile-menu, .mobile-menu * {
  background-color: #3f3f45 !important;
  color: #ffffff !important;
}

/* Menü açildiginda içerik saydam olmamasi için */
body.menu-open {
  background-color: #3f3f45 !important;
}

div.offcanvas-body {
  background-color: #1d1d25 !important; /* ? Arka plan rengini buradan degistir */
  color: #ffffff !important; /* Yazi rengini beyaz yaptik */
}

/* Menüdeki baglantilarin da rengini beyaz yapalim */
div.offcanvas-body a {
  color: #ffffff !important;
}

div.offcanvas-header {
  background-color: #1d1d25 !important; /* ? Arka plan rengini buradan degistir */
  color: #ffffff !important; /* Içerik rengi (gerekirse) */
}

/* Kapatma butonunun rengi */
div.offcanvas-header .btn-close {
  filter: invert(1); /* Butonu beyaza çevirir */
}

/* Mobil menüdeki baglantilar */
ul.nav-custom a {
  background-color: #3f3f45 !important; /* Arka plan */
  color: #ffffff !important; /* Yazi rengi */
  border: none !important; /* Gerekirse kenarlik kaldir */
  box-shadow: none !important;
}

/* Hover efekti (opsiyonel) */
ul.nav-custom a:hover {
  background-color: #333 !important; /* Üzerine gelince arka plan */
  color: #fff !important;
}

/* Genel arka plan */
body,
.content,
.account-content,
.account-card,
.ng-star-inserted,
section,
.d-flex,
.row,
.container,
.col,
.col-12,
.form-control,
.form-group,
.form-row {
  background-color: #1d1d25 !important;
  color: #c5cbd6 !important;
  border-color: #3a3a3a !important;
}

/* Form alanlari */
input,
select,
textarea,
.form-control {
  background-color: #1d1d25 !important;
  color: #c5cbd6 !important;
  border: 1px solid #444 !important;
  box-shadow: none !important;
}

/* Kutu kenarliklarini kaldir */
.user-account,
.user-account * {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Oyun saglayici butonlari */
button.btn-base.px-3 {
  background-color: #3f3f45 !important; /* Arka plan rengi */
  color: #ffffff !important; /* Yazi rengi */
  border: 1px solid #444 !important; /* Kenarlik */
  border-radius: 5px !important; /* Köse yuvarlama */
  padding: 5px 10px !important; /* Iç bosluk */
  font-size: 12px !important;
  transition: all 0.3s ease;
}

/* Hover efekti */
button.btn-base.px-3:hover {
  background-color: #333844 !important; /* Hover arka plan */
  color: #fff !important; /* Hover yazi rengi */
  border-color: #666 !important;
}

/* Giris Butonunu Her Zaman Aktif Gibi Göster */
button.w-100.btn.btn-theme:disabled {
  background-color: #ffc107 !important;
  border: 1px solid #ffc107 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  pointer-events: auto !important; /* Tiklanabilir yap */
  cursor: pointer !important;
}

/* Giris Butonu (Enable Durumu) */
button.w-100.btn.btn-theme {
  background-color: #ffc107 !important;
  border: 1px solid #ffc107 !important;
  color: #ffffff !important;
}

/* Hover Durumu */
button.w-100.btn.btn-theme:hover {
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #000000 !important;
}

input#Email + label {
  display: none !important;
}

/* Promosyonlar sayfasindaki grid yapisini 2 kolona düsür */
body#promotionspage div.b-bonus.page {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important; /* 2 sütun */
  gap: 20px !important; /* Aralik */
}

/* Kartlarin boyutunu %100 yap */
body#promotionspage div.b-bonus.page .b-bonus-box {
  width: 100% !important;
  height: auto !important;
}