@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;
}

.btn {
    background-color: #5cc22e !important;
}

.btn:hover {
    background-color: #31810d !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;
  }
  .lowbar {
    z-index: 9999999999 !important;
  }
  .comm100-container iframe {
    display: none;
  }
}

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

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

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

@property --tf-angle {
	syntax: "<angle>";
	initial-value: 0deg;
	inherits: false;
}
@keyframes tf-spin {
	to { --tf-angle: 360deg; }
}

.sidebar__menu .sidebar__menu {
    padding: 0 !important;
}

.sidebar__nav li > a, .sidebar__nav li > a.no-bg {
  border-radius: 12px !important;
      border: 1px solid #353734;
} 

.sidebar__nav li.custom-special-odds::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 200% !important;
    height: 200% !important;
    translate: -50% -50%;
    border-radius: 0 !important;
    opacity: 1 !important;
    background: conic-gradient(  from var(--tf-angle),  transparent 0%,  var(--tf-active, #ff9800) 15%,  transparent 30%,  transparent 100% ) !important;
    animation: tf-spin 2.5s linear infinite;
    pointer-events: none;
    transition: opacity .4s ease;
}
.sidebar__nav li.custom-special-odds {
    position: relative;
    border-radius: 12px;
    padding: 1.5px;
    overflow: hidden;
    background: transparent;
}

.sidebar__nav li.custom-special-odds a {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    border-radius: 12px !important;
    margin: 0 !important;
}

.sidebar__nav li > a:hover, .sidebar__nav li > a.no-bg:hover {
    background: #4b504b !important;
}

.sidebar__nav li > a, .sidebar__nav li > a.no-bg {
    background: #353734 !important;
}

.sidebar__nav li.active a {
    /*border-left: 1px solid #353734 !important;
    border: 1px solid #353734 !important;*/
    background: #353734 !important;
}

.sidebar__nav li.active > a svg, .sidebar__nav li.active > a.no-bg svg {
    stroke: #ffffff !important;
    fill: none !important;
    color: #fff !important;
}

.sidebar__nav li > a:hover, .sidebar__nav li > a.no-bg:hover {
    background: #353734 !important;
}

.sidebar__nav li > a:hover, .sidebar__nav li > a:hover {
    background: #353734 !important;
    color: #FFFFFF !important;
    border-left: 1px solid var(--tf-active) !important;
    border: 1px solid var(--tf-active) !important;
    padding-left: 5px !important;
}

.sidebar__menu .sidebar__menu:last-child ul.sidebar__nav li {
    margin-bottom: 4px !important;
}

.sidebar__big > .sidebar__menu > ul.sidebar__nav.sidebar__nav--border {
    display: grid !important;
    grid-template-columns: 1fr;
}

.sidebar__big > .sidebar__menu > ul.sidebar__nav.sidebar__nav--border li:first-child {
  display: none !important
}

.sidebar__nav li > a:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%235cc22e' d='M434.8 54.1C446.7 62.7 451.1 78.3 445.7 91.9L367.3 288L512 288C525.5 288 537.5 296.4 542.1 309.1C546.7 321.8 542.8 336 532.5 344.6L244.5 584.6C233.2 594 217.1 594.5 205.2 585.9C193.3 577.3 188.9 561.7 194.3 548.1L272.7 352L128 352C114.5 352 102.5 343.6 97.9 330.9C93.3 318.2 97.2 304 107.5 295.4L395.5 55.4C406.8 46 422.9 45.5 434.8 54.1z'/%3E%3C/svg%3E");
}

/* 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: 12px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    text-align: center;
}

/* 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: 41px !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;
  }
}
 */
.sidebar__nav li {
    margin-bottom: 1px !important;
}
.partner {
   background: linear-gradient(0deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.03) 100%) !important;
}
.sidebar__nav a span, .sidebar__nav button span {
    margin-top: -1px;
}
@media (min-width: 768px) {
    .vip {
        min-height: 550px;
    }
}
@media (max-width: 768px) {
    .header__wallet-dropdown-btn {
        width: 123px;
    }
    .header__wallet {
      width: 163px;
    }
    .header__actions .sidebar__lang.moved-lang {
        margin-left: 0 !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .header__wallet-btn {
      /*display: none;*/
    }
    .header__actions {
      gap: 10px;
    }
    .sidebar__actions {
      justify-content: left !important;
    }
}

.sidebar__menu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}