@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap');

.container {
    max-width: 100% !important;
}


.header {
  background-color: #151715 !important;
  border-bottom: 0 !important;
}

.sidebar {
   background-color: #151715 !important;
   transition: width 0.3s ease !important;
}

/* Sidebar Active (Collapsed) - 80px - SADECE DESKTOP */
@media (min-width: 768px) {
  .sidebar.active {
     width: 80px !important;
     min-width: 80px !important;
     max-width: 80px !important;
  }
}

/* Mobile - Sidebar Normal Genişlik (Overlay) */
@media (max-width: 767px) {
  .sidebar {
     width: 260px !important;
     min-width: 260px !important;
     max-width: 260px !important;
  }
  
  .sidebar.active {
     width: 260px !important;
     min-width: 260px !important;
     max-width: 260px !important;
  }
  
  .sidebar__big {
     width: 260px !important;
     max-width: 260px !important;
  }
  
  .sidebar__content {
     width: 260px !important;
     max-width: 260px !important;
  }
  
  .sidebar__links {
     width: 100% !important;
     padding: 0 12px !important;
  }
  
  .sidebar__menu {
     width: 100% !important;
     padding: 0 12px !important;
  }
  
  /* Promo wrapper mobilde tam genişlik */
  .gamben-promo-wrapper {
     width: 100% !important;
     padding: 0 !important;
  }
}

.sidebar__big {
  background-color: #151715 !important;
}

.sidebar__head {
  border-right-color: #151715 !important;
  border-bottom-color: #151715 !important;
}

.sidebar__nav li > a {
  background-color: #FFFFFF08 !important;
  background-image: none !important;   /* linear-gradient'ı devre dışı bırakır */
  background: none !important;         /* var(--tf-btn) gibi shorthand'ı sıfırlar */
  background-color: #FFFFFF08 !important; /* üst satırdan sonra rengi yeniden ayarla */
  border-radius: 12px !important;
  color: #FFFFFF96 !important;
}

.sidebar__nav li.active > a {
  background-color: #7BCF14CC !important;
  background-image: none !important;   /* linear-gradient'ı devre dışı bırakır */
  background: none !important;         /* var(--tf-btn) gibi shorthand'ı sıfırlar */
  background-color: #7BCF14CC !important; /* üst satırdan sonra rengi yeniden ayarla */
  border-radius: 12px !important;
}

.sidebar__nav--border {
  gap: 6px;
}

/* Promo Wrapper - Grid Layout */
.gamben-promo-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  margin-bottom: 16px !important;
}

/* Base Button Styles - Modern & Bigger */
.gamben-promo-wrapper .sidebar__link--casino,
.gamben-promo-wrapper .sidebar__link {
  width: 100% !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
}

/* Spor Button - Figma Green Gradient */
.gamben-promo-wrapper .sidebar__link--casino[href*="sportsbook"],
.gamben-promo-wrapper .sidebar__link[href*="sportsbook"] {
  background: linear-gradient(135deg, #323C2F 0%, #2FD67E 100%) !important;
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Casino Button - Purple/Blue Gradient */
.gamben-promo-wrapper .sidebar__link--casino[href*="casino"]:not([href*="lobby"]):not([href*="slots"]),
.gamben-promo-wrapper .sidebar__link[href*="casino"]:not([href*="lobby"]):not([href*="slots"]) {
  background: linear-gradient(135deg, #3D2E5C 0%, #7B68EE 100%) !important;
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Slotlar Button - Red Gradient */
.gamben-promo-wrapper .sidebar__link--casino[href*="lobby"],
.gamben-promo-wrapper .sidebar__link[href*="lobby"] {
  background: linear-gradient(135deg, #4A1F1F 0%, #DC3545 100%) !important;
  color: #FFFFFF !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Hover Effects - Figma Style */
.gamben-promo-wrapper .sidebar__link--casino:hover,
.gamben-promo-wrapper .sidebar__link:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
  filter: brightness(1.1) !important;
}

/* Subtle Shine Effect */
.gamben-promo-wrapper .sidebar__link--casino::after,
.gamben-promo-wrapper .sidebar__link::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(0, 0, 0, 0.1) 100%) !important;
  pointer-events: none !important;
}

/* Text Positioning */
.gamben-promo-wrapper .sidebar__link--casino span,
.gamben-promo-wrapper .sidebar__link span {
  position: relative !important;
  z-index: 2 !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #FFFFFF !important;
}

/* Active State - Figma Feedback */
.gamben-promo-wrapper .sidebar__link--casino:active,
.gamben-promo-wrapper .sidebar__link:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  filter: brightness(0.95) !important;
}

/* Promotions Button - Full Width */
.gamben-promo-btn {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(135deg, #E7D902 0%, #75C626 100%) !important;
  color: #1C1E1C !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border-radius: 10px !important;
  padding: 0 16px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.15) !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

/* Promotions Hover */
.gamben-promo-btn:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(231, 217, 2, 0.3) !important;
  filter: brightness(1.1) !important;
}

/* Promotions Shine Effect */
.gamben-promo-btn::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, transparent 50%, rgba(0, 0, 0, 0.05) 100%) !important;
  pointer-events: none !important;
}

/* Promotions Active State */
.gamben-promo-btn:active {
  transform: translateY(0) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
  filter: brightness(0.95) !important;
}

.gamben-promo-btn span {
  position: relative !important;
  z-index: 2 !important;
  font-family: 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  color: #1C1E1C !important;
  text-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) !important;
}

/* Promo Cards Container */
.gamben-promo-cards {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 20px 0 !important;
}

/* Individual Promo Card */
.gamben-promo-card {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 1.5/1 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15) !important;
  display: block !important;
  text-decoration: none !important;
}

/* Card Image */
.gamben-promo-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.3s ease !important;
}

/* Hover Effect */
.gamben-promo-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25) !important;
}

.gamben-promo-card:hover img {
  transform: scale(1.05) !important;
}

/* Active State */
.gamben-promo-card:active {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

/* No overlay - transparent images */

.new-tv-container {
  display: flex !important;
  align-items: center !important;
  gap: 3px;
  color: #66AA14 !important;
}


@media (max-width: 1024px) {
  /* Promo Cards - Tablet Large */
  .gamben-promo-cards {
    gap: 8px !important;
    margin: 16px 0 !important;
  }

  .gamben-promo-card {
    border-radius: 10px !important;
  }
}

@media (max-width: 768px) {
  .new-tv-container,
  .header-custom-button.custom {
    display: none !important;
  }
  
  /* Promo wrapper - Tablet */
  .gamben-promo-wrapper {
    gap: 6px !important;
    margin-bottom: 12px !important;
  }
  
  /* Buttons - Tablet */
  .gamben-promo-wrapper .sidebar__link--casino,
  .gamben-promo-wrapper .sidebar__link {
    height: 44px !important;
    font-size: 14px !important;
    border-radius: 8px !important;
  }
  
  .gamben-promo-wrapper .sidebar__link--casino span,
  .gamben-promo-wrapper .sidebar__link span {
    font-size: 14px !important;
  }
  
  /* Promotions - Tablet */
  .gamben-promo-btn {
    height: 44px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }
  
  .gamben-promo-btn span {
    font-size: 15px !important;
  }

  /* Promo Cards - 2 Columns on Tablet */
  .gamben-promo-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
    margin: 14px 0 !important;
  }

  .gamben-promo-card {
    border-radius: 8px !important;
  }
}

@media (max-width: 420px) {
  /* Promo wrapper - Mobile */
  .gamben-promo-wrapper {
    gap: 5px !important;
    margin-bottom: 10px !important;
  }
  
  /* Buttons - Mobile */
  .gamben-promo-wrapper .sidebar__link--casino,
  .gamben-promo-wrapper .sidebar__link {
    height: 40px !important;
    font-size: 13px !important;
    border-radius: 7px !important;
  }
  
  .gamben-promo-wrapper .sidebar__link--casino span,
  .gamben-promo-wrapper .sidebar__link span {
    font-size: 13px !important;
  }
  
  /* Promotions - Mobile */
  .gamben-promo-btn {
    height: 40px !important;
    font-size: 14px !important;
    border-radius: 7px !important;
  }
  
  .gamben-promo-btn span {
    font-size: 14px !important;
  }

  /* Promo Cards - 2 Columns on Mobile */
  .gamben-promo-cards {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 6px !important;
    margin: 12px 0 !important;
  }

  .gamben-promo-card {
    border-radius: 6px !important;
    aspect-ratio: 1.4/1 !important;
  }
}

.kush {
  background: none !important;
}

.kush__winner {
  background: #151715;
  border-bottom-right-radius: 9px;
border-bottom-left-radius: 9px;
}


.table-wrap {
  background: none !important;
  border: none !important;
}

.table-wrap:before {
  background: none !important;
}

.tabs-nav {
  background: none !important;
  border: none !important;
}

.tabs-nav__btn {
  border: none !important;
  font-family: Rajdhani !important;
  color: #FFFFFF52 !important;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
}

.tabs-nav__btn.active {
  background: #7BCF14CC !important;
  color: white !important;
}

@media (min-width: 768px) {
    .table-wrap__head {
      justify-content: flex-end !important;
    }

    .tabs-nav__btn {
      height: 36px;
      padding: 7px 16px;
    }
}

.xtable thead {
  background: #1C1E1C;
  border-radius: 10px 10px 0 0;
}

.xtable thead th {
    color: white;
    vertical-align: middle;
    padding: 12px 20px;
}

.xtable tbody tr {
  border-bottom: 1px solid #FFFFFF0D;
}

.xtable tbody td {
  background: #151715 !important;  
}

.xtable__text {
  color: #FFF;
  font-family: Rajdhani;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 90%; /* 16.2px */
}

.xtable tbody tr td:nth-child(2) .xtable__text {
  color: #FF878761 !important;
  background: #FF878712 !important;
  display: inline-flex;
  height: 27px;
  padding: 5px 7px;
  align-items: center;
  gap: 5px;
  border-radius: 8px;
  flex-shrink: 0;
}

.xtable tbody tr td:nth-child(3) .xtable__text {
  color: #FFFFFF3D !important;
}

.xtable tbody tr td:nth-child(2) .svg-icon {
  color: #FF878761 !important;
}


.xtable tbody tr td:nth-child(3) .svg-icon {
  color: #FF878761 !important;
}

.instrument-icon-wrapper {
  background: none !important;
  backdrop-filter: none !important;
}

div.xtable__coin {
  background: #FFFFFF12;
  display: inline-flex;
  height: 27px;
  padding: 5px 7px;
  align-items: center;
  flex-direction: row-reverse;
  gap: 5px;
  flex-shrink: 0;
  border-radius: 8px;
}

.xtable tbody tr td .instrument-icon-wrapper {
  width: 17px !important;
  height: 17px !important;
}

.footer__accepted {
  background-color: transparent !important;
  border: none !important;
}

.footer__accepted li {
  display: flex;
    height: 54px;
    padding: 10px 25px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    flex: 1 0 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.02);
    background: rgba(255, 255, 255, 0.02);
}

.footer {
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
}

.footer__content:before {
  background: transparent !important;
}


/* @media (max-width: 768px) {
  .header--logged .header__logo {
    // background: url('https://vendor-provider.fra1.cdn.digitaloceanspaces.com/ebetlab/askjkjnqwemzlvGasqsfk/mini-banners/iDah9egvqkiqEIBTXjjZ5cMlunaHWRIxzEYVtlTG.jpg') no-repeat left center;
    background-size: contain;
  }
}
 */

.partner {
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
}