:root {
  --site-url: "www.poliwin230.com";
}

.hdr-logo-bc {
  max-width: 130px !important;
  margin-left: 15px !important;
}

/* NAVBAR */

/* Container ayarları */
.nav-menu-container.header-navigation:first-child {
  background: #1a243b !important;
  height: 60px !important;
}

/* Menu item'lara arka plan ve border radius ekle */
.nav-menu-container.header-navigation:first-child .nav-menu > li > a {
  background: #1a243b !important; 
  border-radius: 7px !important; 
  margin-left: 2px !important;
}

/* Sadece ilk navbar'daki ana menu item'ları etkile, ikinci navbar'ı hariç tut */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 8px 16px !important;
  gap: 6px !important;
  height: auto !important;
  min-height: 60px !important;
}

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active{ background:#baf81b !important; }
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active::after{ color:#000c25 !important; }
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active > i{ color:#000c25 !important; }

.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active:hover{ color:#000c25 !important; }
.nav-menu-container .nav-menu-other .nav-menu-item.active > span {
  color: #baf81b !important;
  font-weight: bold !important;
}
/* Sadece ilk navbar SVG wrapper'larını etkile */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper {
  order: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 auto !important;
}

/* Sadece ilk navbar SVG'lerini etkile */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper svg {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

/* Sadece ilk navbar text span'larını etkile */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
  order: 2 !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: bold !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  text-align: center !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Sadece ilk navbar alt menü oklarını gizle */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .nav-menu-sub-arrow {
  display: none !important;
}

/* nav-menu-other kısmını da aynı şekilde düzenle - DAHA problemini çöz */
.nav-content-menu .nav-menu-container:first-child .nav-menu-other > li {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 8px 16px !important;
  gap: 4px !important;
  min-height: 60px !important;
  position: relative !important;
  font-size: 1px !important;
  font-weight: bold !important;
  color: transparent !important;
}

/* nav-menu-other icon'unu üstte göster */
.nav-content-menu .nav-menu-container:first-child .nav-menu-other > li > i {
  order: 1 !important;
  font-size: 20px !important;
  display: block !important;
  color: white !important;
}

/* DAHA text'ini gizle ve yeniden ekle */
.nav-content-menu .nav-menu-container:first-child .nav-menu-other > li::after {
  content: "DAHA FAZLA" !important;
  order: 2 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  color: white !important;
  display: block !important;
  margin-top: 4px !important;
}

/* Hover efektleri - sadece ilk navbar */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item:hover .CMSIconSVGWrapper svg {
  transform: scale(1.1) !important;
  transition: transform 0.2s ease !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item:hover > span:not(.CMSIconSVGWrapper) {
  font-weight: bold !important;
  transition: font-weight 0.2s ease !important;
}

/* Responsive düzenlemeler - sadece ilk navbar */
@media (max-width: 768px) {
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item {
      padding: 6px 12px !important;
      gap: 4px !important;
  }
  
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper {
      width: 20px !important;
      height: 20px !important;
  }
  
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper svg {
      width: 16px !important;
      height: 16px !important;
  }
  
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item > span:not(.CMSIconSVGWrapper) {
      font-size: 13px !important;
  }
}

/* Daha büyük SVG'ler için - sadece ilk navbar */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item.large-icons .CMSIconSVGWrapper {
  width: 32px !important;
  height: 32px !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item.large-icons .CMSIconSVGWrapper svg {
  width: 28px !important;
  height: 28px !important;
}

/* Compact stil - sadece ilk navbar */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item.compact {
  gap: 2px !important;
  padding: 4px 8px !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item.compact > span:not(.CMSIconSVGWrapper) {
  font-size: 10px !important;
}
/* SUB MENUNUN STİLİ */
/* Sub menu container styling - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub {
  background: rgba(26, 36, 59, 0.95) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(186, 248, 27, 0.2) !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  padding: 8px !important;
  margin-top: 8px !important;
  min-width: 200px !important;
}

/* Sub menu items - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li {
  margin: 2px 0 !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item {
  display: block !important;
  padding: 12px 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  background: transparent !important;
  border: none !important;
}

/* Sub menu hover effects - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item:hover {
  background: linear-gradient(135deg, #baf81b 0%, #a6d917 100%) !important;
  color: #1a243b !important;
  transform: translateX(5px) !important;
  box-shadow: 0 4px 12px rgba(186, 248, 27, 0.3) !important;
}

/* Sub menu active state - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item.active {
  background: linear-gradient(135deg, #baf81b 0%, #a6d917 100%) !important;
  color: #1a243b !important;
  font-weight: 600 !important;
}

/* Sub menu animation - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease !important;
  pointer-events: none !important;
}

/* Show sub menu on parent hover - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:hover .nav-menu-sub {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

/* Sub menu arrow styling - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item::before {
  content: "▸" !important;
  color: #baf81b !important;
  margin-right: 8px !important;
  font-size: 12px !important;
  transition: all 0.3s ease !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item:hover::before {
  color: #1a243b !important;
  transform: translateX(3px) !important;
}

/* Sub menu divider - nav-menu-other hariç */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  height: 1px !important;
  background: rgba(186, 248, 27, 0.1) !important;
  margin: 4px 8px !important;
}

/* Sub menu positioning fix */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li {
  position: relative !important;
}

.nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub {
  position: absolute !important;
  top: calc(100% + 12px) !important;
  left: 0 !important;
  z-index: 1000 !important;
}

/* Responsive sub menu */
@media (max-width: 768px) {
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub {
      position: static !important;
      opacity: 1 !important;
      visibility: visible !important;
      transform: none !important;
      margin-top: 4px !important;
      box-shadow: none !important;
      border: none !important;
      background: rgba(26, 36, 59, 0.8) !important;
      border-radius: 8px !important;
  }
  
  .nav-content-menu .nav-menu-container:first-child .nav-menu > li .nav-menu-sub > li > .nav-menu-item {
      padding: 10px 14px !important;
      font-size: 13px !important;
  }
}

/* Payment methods: enlarge by 30% on desktop */

.payment-logo {
    height: auto !important;
    max-height: 75px !important;
}

@media (min-width: 769px) {
  .m-block-nav-items-bc { 
    overflow: visible !important; 
  }

  .m-block-nav-items-bc .m-nav-items-list-item-bc .m-nav-list-item-title-bc {
    font-size: 14px !important;
    line-height: 1.25 !important;
    word-break: normal !important;
  }

}
/* SUB MENUNUN STİLİ */

/* RENKLENDİRMELER */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item .CMSIconSVGWrapper svg {
  transition: all 0.3s ease !important;
}

/* 20 Farklı Mat Renk Paleti */

/* 1. CANLI BAHİS - Kırmızı */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(1) .CMSIconSVGWrapper svg {
  fill: #E74C3C !important;
}

/* 2. SPORLAR - Mavi */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(2) .CMSIconSVGWrapper svg {
  fill: #3498DB !important;
}

/* 3. SLOTLAR - Yeşil */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(3) .CMSIconSVGWrapper svg {
  fill: #2ECC71 !important;
}

/* 4. CANLI CASINO - Altın */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(4) .CMSIconSVGWrapper svg {
  fill: #F39C12 !important;
}

/* 5. HIZLI OYUNLAR - Mor */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(5) .CMSIconSVGWrapper svg {
  fill: #9B59B6 !important;
}

/* 6. SANAL SPORLAR - Turkuaz */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(6) .CMSIconSVGWrapper svg {
  fill: #1ABC9C !important;
}

/* 7. E-SPORLAR - Turuncu */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(7) .CMSIconSVGWrapper svg {
  fill: #E67E22 !important;
}

/* 8. TV OYUNLAR - İndigo */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(8) .CMSIconSVGWrapper svg {
  fill: #8E44AD !important;
}

/* 9. PROMOSYONLAR - Pembe */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(9) .CMSIconSVGWrapper svg {
  fill: #E91E63 !important;
}

/* 10. TURNUVALAR - Lime */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(10) .CMSIconSVGWrapper svg {
  fill: #8BC34A !important;
}

/* 11. - Cyan */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(11) .CMSIconSVGWrapper svg {
  fill: #00BCD4 !important;
}

/* 12. - Amber */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(12) .CMSIconSVGWrapper svg {
  fill: #FFC107 !important;
}

/* 13. - Deep Purple */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(13) .CMSIconSVGWrapper svg {
  fill: #673AB7 !important;
}

/* 14. - Teal */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(14) .CMSIconSVGWrapper svg {
  fill: #009688 !important;
}

/* 15. - Brown */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(15) .CMSIconSVGWrapper svg {
  fill: #795548 !important;
}

/* 16. - Blue Grey */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(16) .CMSIconSVGWrapper svg {
  fill: #607D8B !important;
}

/* 17. - Light Blue */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(17) .CMSIconSVGWrapper svg {
  fill: #03A9F4 !important;
}

/* 18. - Orange */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(18) .CMSIconSVGWrapper svg {
  fill: #FF9800 !important;
}

/* 19. - Deep Orange */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(19) .CMSIconSVGWrapper svg {
  fill: #FF5722 !important;
}

/* 20. - Purple */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:nth-child(20) .CMSIconSVGWrapper svg {
  fill: #9C27B0 !important;
}

/* Hover efektleri - tüm elementler için */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li:hover .CMSIconSVGWrapper svg {
  filter: brightness(1.3) saturate(1.2) !important;
  transform: scale(1.05) !important;
}

/* Aktif durum renkleri */
.nav-content-menu .nav-menu-container:first-child .nav-menu > li > .nav-menu-item.active .CMSIconSVGWrapper svg {
  fill: #1a243b !important;
}

/* NAVBAR */

.casinoTopWinnersWidgetHeader {
  /* Casino en çok kazananlar area*/
  display: none !important;
}

/*
 Target only this specific has-slider row from your HTML snippet 
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] {
  display: flex !important;
  grid-template-columns: none !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] > .hm-row-bc-inner {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 50% !important;
  box-sizing: border-box !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] > .hm-row-bc-inner:first-child {
  aspect-ratio: 1600 / 496 !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] > .hm-row-bc-inner:last-child {
  aspect-ratio: 1292 / 755 !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .carouselWrapper,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .swiper,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .swiper-wrapper,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .swiper-slide,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .sdr-item-holder-bc,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .sdr-item-bc,
.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .sdr-image-bc {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .sdr-item-bc {
  display: block !important;
}

.hm-row-bc.has-slider[style*="grid-template-columns: 7.77926fr 4.22074fr;"] .slider-bc .sdr-image-bc {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}
*/
/* main slider */
.hm-row-bc .slider-bc .carousel-count-arrow-container{
 top: 0px!important;
 justify-content: space-between!important;
 height: 100%!important;
  width: 100%!important;
}
.hm-row-bc .slider-bc .carousel-count-arrow-container .carousel-arrow-left, .hm-row-bc .slider-bc .carousel-count-arrow-container .carousel-arrow-right {
  height: 100%!important;
  width: 0%!important;
  padding: 2.8vmax!important;
  border-radius: 0px!important;
  background-color: transparent!important;
}
.hm-row-bc .slider-bc .carousel-count-arrow-container {
  padding: 10px!important;

}

.hm-row-bc .slider-bc .carousel-count-arrow-container .carousel-arrow-left::before, .hm-row-bc .slider-bc .carousel-count-arrow-container .carousel-arrow-right::before {
  font-size: 40px!important;
  color: white!important;
}

.hm-row-bc .slider-bc .carousel-count-arrow-container:hover {
  opacity: 100%!important;
}

.hm-row-bc .slider-bc .carousel-count-arrow {
  display: none!important;
}

.carousel-count-arrow-container i:hover {
  backdrop-filter: none!important;
}

.hm-row-bc .slider-bc > div > div {
  border-radius: 17px!important;
}

.carousel-arrow-left,
.carousel-arrow-right{
  opacity: 50%!important;
  transition: all 300ms ease!important;
}
.carousel-arrow-left:hover,
.carousel-arrow-right:hover {
  opacity: 100% !important;
  transform: scale(1.08) !important;
}

/* main slider son */

/* Genel buton stilleri */
.btn.s-small {
    min-width: 70px !important;
    height: 32px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 4px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
    text-decoration: none !important;
}

/* Aktif durumda */
.btn.sign-in:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.btn.register:active {
    transform: translateY(0) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

/* Focus durumu için */
.btn.sign-in:focus,
.btn.register:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(66, 153, 225, 0.5) !important;
}
/* Kayıt Ol  Giris Yap */

/* 5li Kart*/
a.product-banner-bc img{
 border-radius: 16px!important;
 transition: all 250ms ease!important;
}
a.product-banner-bc:hover {
  transform: none!important;
}
a.product-banner-bc img:hover {
 filter: brightness(110%)!important;
 cursor: pointer!important;
}

/*Cas Kartlari */
.casino-game-item-content div{
 border-radius: 16px!important;
}

.sdr-item-bc::before {
 background: transparent !important;
}
/*Cas Kartlari */

/* HEADER Quick Buttons - explicit colors */

/* Kayıt Ol  Giris Yap */

/* Giriş Yap Butonu - Koyu Gri */
.btn.sign-in, #login_button_id {
    background-color: #4EB1FA !important; /* GİRİŞ YAP */
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.btn.sign-in:hover {
    background-color: #3CA8F5 !important; /* hover mavi ton */
    transform: translateY(-1px) !important;
}

.btn.sign-in span {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Kayıt Ol Butonu - Sarı/Yeşil */
.btn.register {
    background-color: #BAF81B !important;
    color: #2d3748 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 6px 12px !important;
    font-weight: 800 !important;
    font-size: 14px !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.btn.register:hover {
    background-color: #a6d917 !important;
    transform: translateY(-1px) !important;
}

.btn.register span {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) !important;
}
/* Right-side icons for auth buttons */
.btn.sign-in span,
.btn.register span {
    position: relative !important;
}
.btn.sign-in span::after {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 8px !important;
  margin-bottom: 3px !important;
  vertical-align: middle !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M8 12h8'/><path d='M13 9l3 3-3 3'/></svg>") !important;
}
.btn.register span::after {
  content: "" !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  margin-left: 8px !important;
  margin-bottom: 3px !important;
  vertical-align: middle !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000c25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M12 8v8'/><path d='M8 12h8'/></svg>") !important;
}
/* ----------------------- Giriş yap - Kayıt ol - end ----------------------- */
/* PARA YATIR */
.hdr-user-bc .header-custom-buttons a[aria-label="PARA YATIR"],
.btn[aria-label="PARA YATIR"] {
  background-color: #0F9121 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important; /* text bold */
  transition: background-color 0.2s ease !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}
.hdr-user-bc .header-custom-buttons a[aria-label="PARA YATIR"]:hover,
.btn[aria-label="PARA YATIR"]:hover {
  background-color: #14B029 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/* BONUS TALEP */
.hdr-user-bc .header-custom-buttons a[aria-label="BONUS TALEP"], .btn[aria-label="BONUS TALEP"] {
  font-weight: 800 !important;
  font-size: 14px !important;
  background-color: #FE8A29 !important;
  transition: background-color 0.2s ease !important;
  color: white !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

/* GÜNÜN OYUNLARI */

.hdr-user-bc .header-custom-buttons a[aria-label="GÜNÜN OYUNLARI"],
.btn[aria-label="GÜNÜN OYUNLARI"] {
  background-color: #FF8926 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 14px !important;
  font-weight: 800 !important; /* text bold */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.hdr-user-bc .header-custom-buttons a[aria-label="GÜNÜN OYUNLARI"] span {
  font-size: 0 !important;
  color: transparent !important;
}

.hdr-user-bc .header-custom-buttons a[aria-label="GÜNÜN OYUNLARI"] span::before {
  content: "BONUS TALEP" !important;
  font-size: 14px !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4) !important;
}
/* -------------------------------------------- */


/* HIZLI KAYIP BONUSU: force bold label */
.hdr-user-bc .header-custom-buttons a[aria-label="HIZLI KAYIP BONUSU"],
.btn[aria-label="HIZLI KAYIP BONUSU"] {
  display: none !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

/* POLİGON */ 

.hdr-user-bc .header-custom-buttons a[aria-label="POLİGON"], .btn[aria-label="POLİGON"] {
  display: none !important;
}

/* Bonus Talepo*/
.hdr-user-bc .header-custom-buttons a[aria-label="BONUS TALEP"],
.btn[aria-label="BONUS TALEP"] {
  display: none !important;
}

.hdr-user-bc .header-custom-buttons a[aria-label="BENİ ARA"]{
  border-radius: 8px !important;
  padding: 6px 12px !important;
}
    
.hdr-user-bc .header-custom-buttons a[aria-label="BENİ ARA"] span {
  font-size: 14px !important;
  font-weight: 800 !important;
}

/* -------------------- */

/* Row section titles: center + turquoise gradient bar */
.page-view-more {
  position: relative !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 8px !important;
}
.page-view-more::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 34px !important;
  border-radius: 8px !important;
  pointer-events: none !important;
  /* Turquoise glow strongest at center, fading to edges */
  background: #1a243b !important;
}
/* Keep content above gradient */
.page-view-more > * { position: relative !important; z-index: 1 !important; }

.page-view-more .view-title-more {
  margin: 0 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-align: left !important;
}
.page-view-more .view-see-more {
  margin-left: 6px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
.page-view-more .view-see-more .view-arrow-more { filter: brightness(1.2) !important; }

@media (max-width: 768px) {
.page-view-more::before { height: 30px !important; }
}

.footerLogoBlock {
  flex: 1 1 250px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 20px;
}

.footerLogoBlock::before {
  content: "";
  background-image: url('/logo.png?v=1752672257');
  background-repeat: no-repeat;
  background-size: 100px auto; 
  width: 120px;
  height: 45px;
  margin-bottom: 10px;
  display: block;
  
}

/*
.footerLinksSection::before {
  content:
               "\A\A\AGüvenin ve Kazancın Kesiştiği Nokta Poliwin'e Hoş Geldiniz.\A"
           "\ASassuolo iş ortaklığıyla uluslararası sahaya çıkan markamız, yüksek oranlar, şeffaflık ve kesintisiz kazanç deneyimiyle sizi bekliyor.\A";
  white-space: pre-line;
  display: block;
  transform: scale(0.7) !important;
  max-width: 900px;
  margin: 30px 0 20px 20px; -merged margins 
  color: white;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  transform-origin: top left !important;
  -Two logos as backgrounds to fully control their spacing 
  background-image: url('/logo.png?v=1752672257');
  background-repeat: no-repeat;
  background-size: 375px auto;
   -position the second relative to the wider first logo 
  background-position: 0 0;
  padding-top: 64px;  -ensure text clears taller logos 
}
*/


.footerLinksSection::before {
  content:
               "\A\A\AGüvenin ve Kazancın Kesiştiği Nokta Poliwin'e Hoş Geldiniz.\A"
           "\ASassuolo iş ortaklığıyla uluslararası sahaya çıkan markamız, yüksek oranlar, şeffaflık ve kesintisiz kazanç deneyimiyle sizi bekliyor.\A";
  white-space: pre-line;
  display: block;
  transform: scale(0.7) !important;
  max-width: 900px;
  margin: 30px 0 20px 20px;  /*merged margins*/ 
  color: white;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
  text-align: left;
  transform-origin: top left !important;
  background-image: url('/logo.png?v=1752672257'), url('https://cms.poliwin230.com/storage/medias/poliwin-18770331/media_18770331_99a4ba3111c737a3e796acec8285c5aa.png');
  background-repeat: no-repeat, no-repeat;
  background-size: 375px auto, 120px auto;
  /*position the second relative to the wider first logo*/ 
  background-position: 0 0, 375px 0px;
  padding-top: 64px; /*ensure text clears taller logos*/ 
}


.footerLinkCols {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 30px;
width: 100%;
margin: 10px auto 0 -25%;
}

.footerLinkCol {
flex: 1 1 180px;
max-width: 220px;
padding: 10px;
box-sizing: border-box;
}

.footerLinkColTitle {
  font-size: 16px !important;
  font-weight: bold !important;
  line-height: 1.4 !important; /* Satırlar arası mesafe */
  margin-bottom: 10px !important;
  text-align: center !important;
  color: white !important;
  word-break: break-word !important; /* Taşmayı engeller */
}

/* Hide loyalty bonus header */
.loyaltyBonusHeader {
  display: none !important;
}

/* Header quick buttons: consolidated spacing/cleanup */
.hdr-user-bc .header-custom-buttons,
.hdr-user-bc .header-custom-buttons a.header-icon-text { border: none !important; box-shadow: none !important; }
.hdr-user-bc .header-custom-buttons::before,
.hdr-user-bc .header-custom-buttons::after,

.hdr-user-bc .header-custom-buttons + .header-custom-buttons { border-left: none !important; }
.hdr-user-bc .btn.s-small { margin: 0 !important; }
.hdr-user-bc .btn.sign-in { margin-left: 20px !important; margin-right: 8px !important; }
.hdr-user-bc .btn.register { margin-left: 0 !important; }

/* Spoiler: change title color when opened */
.spoiler > input:checked ~ .spoiler-title span { color: #BBF723 !important; }

/* Force selected text color to black (high specificity) */
body::selection,
body *::selection,
.layout-bc::selection,
.layout-bc *::selection,
.layout-content-holder-bc::selection,
.layout-content-holder-bc *::selection {
  color: #000000 !important;
  text-shadow: none !important;
}

/* Firefox */
body::-moz-selection,
body *::-moz-selection,
.layout-bc::-moz-selection,
.layout-bc *::-moz-selection,
.layout-content-holder-bc::-moz-selection,
.layout-content-holder-bc *::-moz-selection {
  color: #000000 !important;
  text-shadow: none !important;
}

/* Hide first slider item in footer sliderGroup 
.sliderGroup > .sliderSingleElWrapper:first-child {
  display: none !important;
}
*/
/* Hide second slider item in footer sliderGroup - Logo Frime */

.sliderGroup > .sliderSingleElWrapper:nth-child(2){
  min-width:56px !important;
}

.sliderGroup > .sliderSingleElWrapper:first-child img {
  display: none !important;
}

.FooterLicenceCuracaoContainer {
  display: flex !important;
  justify-content: center !important;
}

/* İçindeki iconlu div (doğrudan çocuk) */
.FooterLicenceCuracaoContainer > div {
  min-width: 96px !important;
  width: 96px !important;
  height: 96px !important;
  max-width: 150px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

/* Hide slider title */
.sliderContent > .sliderTitle {
  display: none !important;
}

/* Bonus details arrow icon */
.spoiler>input[type=checkbox]:checked~.spoiler-title {
  color: rgba(var(--b-sc), .9) !important;
}

/* Green underline for navigation and footer hader */
.hdr-navigation-link-bc.active { box-shadow: inset 0 -2px #BAF81B !important; }

/* Footer link title underline */
.footerLinkCols .footerLinkColTitle { position: relative; padding-bottom: 6px; text-align: center !important; }
.footerLinkCols .footerLinkColTitle::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #BAF81B; }

/* form span font-weight */
.register .reg-form-footer-bc .entrance-form-actions-holder-bc .btn span {
  font-weight: 800 !important;
  font-size: 16px !important;
}

#login_form_id .entrance-form-actions-holder-bc .entrance-form-action-item-bc .btn span {
  font-weight: 800 !important;
  font-size: 16px !important;
  color: white !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-size: 14px !important;
}

.hdr-main-content-bc .hdr-user-bc .header-buttons-wallet button span {
  font-weight: 600 !important;
}


/* === CONNECT BUTTON OVERRIDES === */
/* Replace WalletConnect label with custom text and hide SVG logo/text */
.sign-in .entrance-form-action-item-bc .connect-button .wallet-btn .btn svg {display: none !important;}
.register .reg-form-footer-bc .connect-button .wallet-btn .btn svg {display: none !important;}
.status-popup-content-w-bc .connect-button .wallet-btn .btn svg {display: none !important;}
/* === CONNECT BUTTON CONTEXT LABELS === */
/* Sign-in form: label as Cüzdana Bağlan */
.sign-in .entrance-form-action-item-bc .connect-button .wallet-btn .btn{
  position: relative !important;
  font-size: 0 !important;
}


.sign-in .entrance-form-action-item-bc .connect-button .wallet-btn .btn::after{
  content: "Cüzdana Bağlan" !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
}

/* Statüs popup content - Connect wallet button after login */
.status-popup-content-w-bc .connect-button .wallet-btn .btn{
  position: relative !important;
  font-size: 0 !important;
}
.status-popup-content-w-bc .connect-button .wallet-btn .btn::after{
  content: "Cüzdana Bağlan" !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
}

/* Register form footer: label as Anonim Üyelik*/
.register .reg-form-footer-bc .connect-button .wallet-btn .btn::before{
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  vertical-align: middle !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'><path d='M7 9l2-4h6l2 4H7z'/><rect x='4' y='9' width='16' height='2' rx='1'/><circle cx='9' cy='13' r='2'/><circle cx='15' cy='13' r='2'/><rect x='11' y='12' width='2' height='1'/><path d='M6 16c2.2 2 9.8 2 12 0l-2 4H8l-2-4z'/></svg>") !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

.register .reg-form-footer-bc .connect-button .wallet-btn .btn{
  position: relative !important;
  font-size: 0 !important;
}
.register .reg-form-footer-bc .connect-button .wallet-btn .btn::after{
  content: "Anonim Üyelik" !important;
  display: inline-block !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .2px !important;
}
/* === CONNECT BUTTON CONTEXT LABELS (end) === */

.user-profile-nav-icon, .user-profile-nav-arrow, .bc-i-small-arrow-down, .bc-i-small-arrow-up, .market-game-odd{
/* user profile area and live sport score */
  color: rgba(var(--oc-1), 1) !important;
/*color: rgba(186, 248, 27);*/
}
/* Withdraw amounts: white color for 'Çekilebilir Tutar' and 'Oynanmamış tutar' values (exclude Bakiye) */
.WithdrawAmount-All > .WithdrawAmount-Row:nth-child(1) > .WithdrawAmount-Row-Value,
.WithdrawAmount-All > .WithdrawAmount-Row:nth-child(3) > .WithdrawAmount-Row-Value {
  color: #ffffff !important;
}

/* Footer copyright text: replace leading "2025 " with desired content */
.copyRightBlock .footerCopyrights {
font-size: 0 !important;
}
.copyRightBlock .footerCopyrights::after {
  content: "©2019-2025 poliwin.com" !important;
  font-size: 14px !important;
  line-height: normal !important;
  color: inherit !important;
}

/* Footer social links: take out of normal flow and place below text */
.footerInnerLeftCol { position: relative !important; }
.footerInnerLeftCol .footerSocialLinks {
  position: absolute !important;
  left: 20px !important;
  right: 0 !important;
  bottom: -360px !important; /* push outside parent, under the long Sassuolo text */
  margin-top: 0 !important;   /* neutralize previous margin move */
  z-index: 2 !important;
  justify-content: flex-start !important; /* keep left aligned */
}

/* Footer social links: remove YoPhone (first item) */
.footerInnerLeftCol .footerSocialLinks .footerSocialLink:first-child { display: none !important; }
.footerInnerLeftCol .footerSocialLinks i.bc-i-yophone { display: none !important; }

/* Platform colors: revert to original theme colors */
.footerInnerLeftCol .footerSocialLinks i.bc-i-twitter,
.footerInnerLeftCol .footerSocialLinks i.bc-i-youtube,
.footerInnerLeftCol .footerSocialLinks i.bc-i-telegram,
.footerInnerLeftCol .footerSocialLinks i.bc-i-instagram {
  color: inherit !important;
  background-image: unset !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
}

/* Web: subtle hover scale on icons */
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a { 
  display: inline-flex !important; 
  align-items: center !important; 
  justify-content: center !important; 
  transition: transform 0.18s ease, color 0.18s ease !important; 
}
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a:hover { 
  transform: scale(1.2) !important; 
  color: #BAF81B !important;
}
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a:hover i { color: #BAF81B !important; }

/* Web: restore dark background boxes for social icons */
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 6px !important;
}
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a:hover {
  background-color: rgba(186, 248, 27, 0.15) !important; /* subtle green tint on hover */
}

/* Social icons: restore original backgrounds/borders */
.footerInnerLeftCol .footerSocialLinks,
.footerInnerLeftCol .footerSocialLinks .footerSocialLink,
.footerInnerLeftCol .footerSocialLinks .footerSocialLink a,
.footerInnerLeftCol .footerSocialLinks .footerSocialLink i {
  background: revert !important;
  background-color: revert !important;
  box-shadow: revert !important;
  border: revert !important;
}

/* X (Twitter): restore original background */
.footerInnerLeftCol .footerSocialLinks .footerSocialLink i.bc-i-twitter {
  background-color: revert !important;
  border-radius: revert !important;
  padding: revert !important;
}

/* Web: increase icon size slightly */
.footerInnerLeftCol .footerSocialLinks .footerSocialLink i {
  font-size: 22px !important;
  line-height: 1 !important;
}

/* Login form layout: side by side arrangement */
.e-p-body-bc {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 20px !important;
}


.form-sign-in-slider-wrapper {
  flex: 1 !important;
  order: 1 !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* Make the actual form container a flex row so children sit side by side */
#login_form_id {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  gap: 2px !important;
  height: 100% !important;
  position: relative !important;
}

#login_form_id .form-sign-in-slider-wrapper {
  order: 1 !important;
  flex: 1 1 60% !important;
  max-width: 60% !important;
  min-width: 0 !important;
  max-height: 650px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  overflow: hidden !important;
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc {
  height: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Kayıt ekranındaki gibi: carouselWrapper (canlı DOM) + .carousel uyumluluğu */
#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Swiper görünüm alanı: taşmayı kes (inline slide genişliği > sütun iken) */
#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  max-height: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper .swiper-wrapper {
  box-sizing: border-box !important;
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper .swiper-slide {
  /* Swiper'ın style="width:473px" inline'ını sütun genişliğine kilitle */
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  box-sizing: border-box !important;
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper .swiper-slide .sdr-item-holder-bc {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper .swiper-slide .sdr-item-holder-bc .sdr-item-bc {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

/*
  Promo görsel: Swiper ~473px slide ile hizalı sabit üst sınır; dar ekranda küçülür, taşmaz.
  object-fit: contain — en-boy korunur.
*/
#login_form_id .form-sign-in-slider-wrapper .slider-bc :is(.carouselWrapper, .carousel) .swiper .swiper-slide .sdr-item-holder-bc .sdr-item-bc .sdr-image-bc {
  display: block !important;
  width: auto !important;
  max-width: min(100%, 473px) !important;
  height: auto !important;
  max-height: min(520px, 58vh) !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#login_form_id .form-sign-bc {
  order: 2 !important;
  flex: 1 1 40% !important;
  max-width: 40% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  padding: 2px !important;
}


/*  ------------------   Login ve Register alanındaki en üst güncel site yazısı ---------------------- */

#login_form_id .form-sign-bc .sg-n-text-row-1-bc {
  font-size: 0 !important;
  line-height: 0 !important;
}

#login_form_id .form-sign-bc .sg-n-text-row-1-bc::before {
  content: "Güncel Adresimiz: " !important;
  font-size: 16px !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  font-weight: bolder !important;
}

#login_form_id .form-sign-bc .sg-n-text-row-1-bc::after {
  content: var(--site-url) !important;
  font-size: 16px !important;
  color: #baf81b !important;
  line-height: 1.4 !important;
  font-weight: bolder !important;
}

#login_form_id .form-sign-bc .sg-n-text-row-2-bc {
  font-size: 0 !important;
  line-height: 0 !important;
  text-transform: none !important;
}

#login_form_id .form-sign-bc .sg-n-text-row-2-bc::before {
  content: "Şu an bulunduğunuz sitenin güncel adres olduğundan emin olun!" !important;
  font-size: 15px !important;
  color: #fe8926 !important;
  display: block !important;
  line-height: 1.4 !important;
  white-space: pre-line !important;
  font-weight: 700 !important;
}

.reg-form-content .sg-n-text-row-1-bc {
  font-size: 0 !important;
  line-height: 0 !important;
}

.reg-form-content .sg-n-text-row-1-bc::before {
  content: "Güncel Adresimiz: " !important;
  font-size: 14px !important;
  color: #ffffff !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.reg-form-content .sg-n-text-row-1-bc::after {
  content: var(--site-url) !important;
  font-size: 16px !important;
  color: #baf81b !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}

.reg-form-content .sg-n-text-row-2-bc {
  font-size: 0 !important;
  line-height: 0 !important;
  text-transform: none !important;
}

.reg-form-content .sg-n-text-row-2-bc::before {
  content: "Şu an bulunduğunuz sitenin güncel adres olduğundan emin olun!" !important;
  font-size: 13px !important;
  color: #fe8926 !important;
  display: block !important;
  line-height: 1.4 !important;
  white-space: pre-line !important;
  font-weight: 700 !important;
}

/*  ---------------------------------------------------------------------------------------------- */


/* Widen the sign-in popup so two columns fit side by side (web only) */
.entrance-popup-bc.sign-in {
  width: 840px !important;
  max-width: 92vw !important;
  max-height: 650px !important;
}

.e-p-content-holder-bc,
.e-p-content-bc,
.e-p-body-bc,
#login_form_id {
  width: 100% !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

/* Keep header full-width above the two-column body */
.e-p-header-bc { width: 100% !important; }

/* Style the login button to be centered and full width */
#login_form_id .form-sign-bc .entrance-form-actions-holder-bc {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  gap: 10px !important;
  margin-top: 20px !important;
}

/* Make the entrance-form-action-item-bc take full width and stack vertically */
#login_form_id .form-sign-bc .entrance-form-actions-holder-bc .entrance-form-action-item-bc {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  order: 1 !important;
}


#login_form_id .form-sign-bc .entrance-form-actions-holder-bc .entrance-form-action-item-bc .btn {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  background: none !important;
  background-color: #4EB1FB !important;
}

/* Style the wallet connect button */
#login_form_id .form-sign-bc .connect-button-wrapper {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 10px !important;
  order: 2 !important;
}

#login_form_id .form-sign-bc .connect-button-wrapper .connect-button-text {
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
}

#login_form_id .form-sign-bc .connect-button-wrapper .connect-button {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

#login_form_id .form-sign-bc .connect-button-wrapper .connect-button .wallet-btn {
  width: 100% !important;
}

#login_form_id .form-sign-bc .connect-button-wrapper .connect-button .wallet-btn .btn {
  width: 100% !important;
  text-align: center !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3) !important;
  font-size: 14px !important;
  background: rgba(var(--b-sc), .15) !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .e-p-body-bc {
    flex-direction: column !important;
  }
  
  .form-sign-bc {
    order: 1 !important;
  }
  
  .form-sign-in-slider-wrapper {
    order: 2 !important;
    max-width: 100% !important;
  }
  #login_form_id .form-sign-in-slider-wrapper {
    max-width: 100% !important;
    flex: 1 1 auto !important;
  }
  /* Stack inside the actual form on small screens */
  #login_form_id {
    flex-direction: column !important;
  }
}

/* Kayıt ol area pop up*/
.reg-step-title-v-bc {
  display: none !important;
}

/* Replace the text content with CSS */
.register .sg-n-text-row-2-bc {
  font-size: 0 !important;
  text-transform: none !important;
  line-height: 0 !important;
}

.register .sg-n-text-row-2-bc::before {
  content: "Şu an bulunduğunuz sitenin güncel adres olduğundan emin olun!" !important;
  font-size: 14px !important;
  color: #fe8926 !important;
  white-space: pre-line !important;
  display: block !important;
  line-height: 1.4 !important;
  font-weight: bolder !important;
}


/* Hide "OYUNLAR" title when search is active */
.casino-title-search:has(.sport-search-bc.active) .page-view-more .view-title-more {
  display: none !important;
}

/* Alternative: Hide the entire page-view-more when search is active */
.casino-title-search:has(.sport-search-bc.active) .page-view-more {
  display: none !important;
}

/* Congratulation popup text updates */
.congrats-block-title {
  font-size: 0 !important;
  line-height: 0 !important;
}

.congrats-block-title::before {
  content: "Tebrikler!\A Hesabınız başarıyla oluşturuldu." !important;
  font-size: 20px !important;
  font-weight: bold !important;
  white-space: pre-line !important;
  display: block !important;
  line-height: 1.3 !important;
  color: inherit !important;
}

.congrats-block-desc {
  font-size: 0 !important;
  line-height: 0 !important;
}

.congrats-block-desc::before {
  content: "Güvenin ve Kazancın Kesiştiği Nokta\A Poliwin'e Hoş geldiniz." !important;
  font-size: 16px !important;
  white-space: pre-line !important;
  display: block !important;
  line-height: 1.4 !important;
  color: inherit !important;
}

/*  SLİDER */

.swiper-button-prev,
.swiper-button-next {
  opacity: 0.3 !important;
  transition: opacity 0.3s ease; /* Animasyon efekti */
  position: absolute !important;
  top: 0 !important;
  width: 6% !important; /* Okların genişliği, ihtiyaca göre artırılabilir veya azaltılabilir */
  height: 100% !important;
  margin-top: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  background-color: transparent !important; /* Arka planı tamamen şeffaf yapar */
  color: #fff !important; /* Ok rengini beyaz yapar */
}

/* Swiper'ın kendi ok stillerini sıfırlayıp kendi ikonumuzu kullanmak için */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-size: 2rem !important; /* Ok ikonu boyutu */
  font-weight: bold !important;
  /* İsteğe bağlı: Okların daha belirgin olması için gölge eklenebilir */
  text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.7);
}

/* Sol oku sola, sağ oku sağa konumlandırır */
.swiper-button-prev {
  left: 0 !important;
}

.swiper-button-next {
  right: 0 !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1 !important;
}

/* Sayfalama (pagination) görünümünü kapatır */
.swiper-pagination {
  display: none !important;
}
/* ---------------------------------------------------- */

/*  Slider üsündeki oranlar */
[dir=ltr] .slider-market-coefficient-container .countdown-banner-content {
  left: 30% !important;
}

.slider-market-coefficient-container .market-bc+.market-bc {
  margin-inline-start: 40px !important;
}

/* ---------------------------- */

/* bildiri mesaj arkaplanı */
.sidePanel-holder .notification-new-container .entrance-f-error-message-bc{
  background: none !important;
}

/* ---------------------- */
/*  sliderlardaki sağ ve sol oklar ( toplu )  */
[class*=is-web] .slider-bc .swiperCountEnable .swiper-button-prev, 
[class*=is-web] .slider-bc .swiperCountEnable .swiper-button-next {
  opacity: 0.1 !important;
  transition: opacity 0.3s ease; /* Animasyon efekti */
}

[class*=is-web] .slider-bc .swiperCountEnable .swiper-button-prev:hover, 
[class*=is-web] .slider-bc .swiperCountEnable .swiper-button-next:hover {
  opacity: 1 !important;  
}
/* ---------------------------------------------- */

/* ------- login pop up ------- */

#login_form_id .live-chat-adviser-bc {
  display: flex !important;
  position: absolute !important;
  right: 10px !important;
  bottom: 12px !important;
  width: calc(40% - 20px) !important; /* align to .form-sign-bc column */
  justify-content: center !important;
  align-items: center !important;
  z-index: 5 !important;
}

/* Reserve space in the form column so the chat button doesn't overlap */
#login_form_id .form-sign-bc {
  padding-bottom: 60px !important;
}

#login_form_id .slider-bc .swiperCountEnable .swiper-button-next {
  left: 67% !important;
  font-size: 1.4rem !important; /* Ok ikonu boyutu */
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc .swiperCountEnable .swiper-button-prev {
  font-size: 1.4rem !important; /* Ok ikonu boyutu */
}

#login_form_id .form-sign-in-slider-wrapper .slider-bc .swiperCountEnable .swiper-button-next:hover, 
#login_form_id .form-sign-in-slider-wrapper .slider-bc .swiperCountEnable .swiper-button-prev:hover {
  opacity: 1 !important;
}

/* ---------------------------- */

/* ------- login pop up ------- */

.generic-search-btn i, .generic-search-close-btn i {
  color: black !important;
}

/* ---------------------------- */


/* Güncel Adres Yönlendirme Çubuğu */

.layout-header-holder-bc .hdr-dynamic-content .pb-component-wrapper .carouselWrapper .swiper-button-prev::after {
  display: none !important;
}

.layout-header-holder-bc .hdr-dynamic-content .pb-component-wrapper .carouselWrapper .swiper-button-next::after {
  display: none !important;
}


.informative-widget-link {

    border-top: none !important;
}

.pb-component-wrapper .carousel {
  height: 35px !important;
} 

.pb-component-wrapper .carousel .swiper-wrapper .informative-widget-container {
  padding: 5px !important;
}

/* ---------------------------------------------- */


/* --------------- Header Logo ------------------ */

.hdr-main-content-bc .header-icon>img {
    position: relative !important;
    left: -5px !important;
    top: -10px !important;
    min-height: 40px !important;
    min-width: 35px !important;
}

/* ---------------------------------------------- */

/* Kupon bonus bilgisi alanı */

.betslip-bonus-info {
  color: #000000 !important;
  background-color: #BAF81B !important;
  font-weight: 400 !important;

}

.betslip-bonus-info i::before{
  color: #000000 !important;
}

.express-bonus-popup-content .express-bonus-popup-items li:last-child {
  color: #BAF81B !important;
}


/* ======================  spor başlıklarının arkaplan rengi ===================== */
.c-head-bc {
  background: linear-gradient(90deg, rgba(0, 224, 255, 0.35) 0%, rgba(0, 224, 255, 0.22) 25%, rgba(0, 224, 255, 0.12) 55%, rgba(0, 224, 255, 0.04) 80%, rgba(0, 224, 255, 0) 100%) !important;
}
.c-segment-holder-title {
  background: linear-gradient(90deg, rgba(0, 224, 255, 0.35) 0%, rgba(0, 224, 255, 0.22) 25%, rgba(0, 224, 255, 0.12) 55%, rgba(0, 224, 255, 0.04) 80%, rgba(0, 224, 255, 0) 100%) !important;
}
/* ================================================ */

.layout-bc:not(.slider-full-sized) .slider-market-coefficient-container .countdown-banner-content {
  /* slider oranların yüksekliği */
  
  bottom: 55px !important;
}


/* -------------------------------------------------- */

/* Lisans logosunun ayarı 

.sliderGroup .sliderContent .sliderGroup 
.sliderSingleElWrapper:nth-child(2) 
.FooterLicenceCuracaoContainer.anj-container {

  transform: translate(-23vw, -38vh);
  
}*/
/* -------------------------------------------------- */
/* ======================  Payment logos - Web: Grid layout (max 3 sütun), görseller tam doldurma ===================== */
.m-block-nav-items-bc {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
}

.m-nav-items-list-item-bc {
  padding-inline-start: 0 !important;
  padding-inline-end: 0 !important;
  background: none !important;
  display: flex !important;
  width: 100% !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  min-height: 0 !important;
}

.m-nav-items-list-item-bc .nav-ico-w-row-bc {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

.m-nav-items-list-item-bc .nav-ico-w-row-bc .payment-logo {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}

.count-odd-animation:after {
/* Bildiri bg ve text renk ayarı*/

  color: white !important;
  background: red !important;
}

/* ================================================ */