.tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .layout-content-holder-bc { display: flex !important; flex-direction: column !important; } /* Unwrap containers so banner and prize bar can be ordered independently */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionMainContainer, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo { display: contents !important; } /* Order 1: Banner image */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionImgBlock { order: 1 !important; } /* Order 2: Games row */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerDate { order: 2 !important; } /* Order 3: Prize amount + countdown bar */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerBlock, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .horizontalSliderWrapper, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .layout-content-holder-bc > *:has(.casinoCategoryGames) { order: 3 !important; } /* Order 4: Tournament details */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsInfo { order: 4 !important; } /* Order 5: Tabs/prize container */ .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsContainerWrp { order: 5 !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .horizontalSliderWrapper{ margin-bottom:44px!important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerBlock{ margin-bottom:0!important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo { padding-top: 0px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo .tournamentSectionImgBlock:after { background: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerDate { display: flex !important; align-items: center !important; height: auto !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo .tournamentGameStatus { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo .casinoTournamentInnerDateInner { border-radius: var(--8, 8px) !important; background: rgba(23, 24, 34, 0.60) !important; padding: 20px 12px !important; width: 100% !important; height: 98px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin-bottom:16px!important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentCardDetailsInfo .casinoTournamentInnerDateInner .tournamentSectionCircle:before { background: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerDate, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerDateInner, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataButtonWrp, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataWrp { width: 100% !important; max-width: 100% !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataWrp { display: grid !important; grid-template-columns: 1fr 1fr !important; align-items: center !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataWrp:not(:only-child) { margin: 0px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataWrp .tournamentPrizeFundTxt { grid-column: 1 !important; grid-row: 1 !important; text-align: left !important; color: var(--Grey-Scale-5, #ADADAD) !important; font-family: Roboto !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; margin: 0 !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionMoney { grid-column: 1 !important; grid-row: 2 !important; text-align: left !important; color: var(--Color-1, #FE7C00) !important; font-family: Roboto !important; font-size: 20px !important; font-style: normal !important; font-weight: 700 !important; line-height: normal !important; margin: 0px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDate { grid-column: 2 !important; grid-row: 1 / 3 !important; display: flex !important; flex-direction: column !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInnerDate .tournamentJoinButton { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDate .countdownBannerContent .countdownBannerCounter { border-radius: var(--6, 6px) !important; border: 1px solid var(--Grey-Scale-11, #242424) !important; background: rgba(47, 47, 48, 0.50) !important; display: flex !important; width: 54px !important; height: 54px !important; padding: var(--6, 6px) var(--12, 12px) !important; margin-right: 6px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDate .countdownBannerContent .countdownBannerCounter:before { left: -8px !important; top: 9px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDate { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: fit-content !important; margin-left: auto !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .countdownBannerContent { width: auto !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .countdownBannerCounter { flex: 0 0 auto !important; width: auto !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .countdownBannerCounter::before { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .countdownBannerCounter .countdownBannerDate { color: var(--Color-1, #FE7C00) !important; text-align: center !important; font-family: Roboto !important; font-size: 18px !important; font-style: normal !important; font-weight: 700 !important; line-height: normal !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .countdownBannerCounter .countdownBannerNames { color: var(--Grey-Scale-5, #ADADAD) !important; text-align: center !important; font-family: Roboto !important; font-size: 10px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDate .dataStatusTxt { width: 100% !important; text-align: left !important; color: var(--Grey-Scale-5, #ADADAD) !important; font-family: Roboto !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentSectionDataButtonWrp .tournamentSectionCircle { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .horizontalSliderWrapper .horizontalCategoryItem { align-items: flex-start !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsInfo { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoCategoryGames { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 8px !important; padding: 20px 12px 20px 0px !important; scrollbar-width: thin !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoGameItemContent { flex: 0 0 130px !important; width: 130px !important; min-width: 130px !important; max-width: 130px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsContainerWrp .tournamentDetailsHeaderItem { display: flex !important; width: 359px !important; height: 100px !important; padding: var(--16, 16px) !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: var(--10, 10px) !important; border-radius: var(--8, 8px) !important; border: 1px solid var(--Grey-Scale-11, #242424) !important; background: rgba(47, 47, 48, 0.30) !important; box-shadow: 0 4px 100px 0 rgba(254, 82, 1, 0.04) inset !important; margin-bottom: 16px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeader { gap: 12px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem .bc-i-prizes::before { content: '' !important; display: block !important; width: 24px !important; height: 26px !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_7382a21f5c951e22f39d328d3ac58e86.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; font-size: 0 !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem .bc-i-leaderboard::before { content: '' !important; display: block !important; width: 24px !important; height: 26px !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_260d40993eb6552a7310035e92d1febf.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; font-size: 0 !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem .bc-i-rule::before { content: '' !important; display: block !important; width: 24px !important; height: 26px !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_6fd509039624669cc6da1144fff78116.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; font-size: 0 !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem .tourDetHeaderBottomRow { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem i { margin-bottom: 0px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsHeaderItem .tournamentDetailsHeaderTitle { color: var(--Color-1, #FE7C00) !important; text-align: center !important; font-family: Roboto !important; font-size: 12px !important; font-style: normal !important; font-weight: 700 !important; line-height: normal !important; border-radius: var(--28, 28px) !important; border: 1px solid rgba(254, 124, 0, 0.20) !important; background: rgba(254, 124, 0, 0.04) !important; display: flex !important; padding: var(--6, 6px) var(--10, 10px) !important; justify-content: center !important; align-items: center !important; gap: 10px !important; text-shadow: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsWrapper .casinoTournamentInfoRow { border-radius: var(--6, 6px) !important; border: 1px solid var(--Grey-Scale-11, #242424) !important; background: rgba(23, 24, 34, 0.60) !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsWrapper .casinoTournamentInfoRowClm { text-shadow: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .tournamentDetailsWrapper .casinoTournamentInfoRowClm.right { color: var(--Color-1, #FE7C00) !important; text-align: center !important; font-family: Roboto !important; font-size: 14px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoColumn.Prize .casinoTournamentInfoRowClm.center { height: 24px !important; padding: 4px 4px !important; flex-direction: column !important; gap: 10px !important; flex-shrink: 0 !important; border-radius: 6px !important; background: #242424 !important; flex: 0 0 24px !important; width: 24px !important; min-width: 24px !important; max-width: 24px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRow::before { display: none !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowClm.right { margin-left: auto !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(1) .casinoTournamentInfoRowClm.center, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(2) .casinoTournamentInfoRowClm.center, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(3) .casinoTournamentInfoRowClm.center { color: transparent !important; position: relative !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(1) .casinoTournamentInfoRowClm.center::before { content: '' !important; position: absolute !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_1523d134a48173220d933085c60b0f7d.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; width: 8px !important; height: 14px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(2) .casinoTournamentInfoRowClm.center::before { content: '' !important; position: absolute !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_4c876b677d35293628286ab5086aa2e7.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; width: 12px !important; height: 14px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoRowWrp:nth-child(3) .casinoTournamentInfoRowClm.center::before { content: '' !important; position: absolute !important; background-image: url('https://cmsbetconstruct.com/storage/medias/tambet-18755717/media_18755717_a98de52a37bb93196376fc759109d258.svg') !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; width: 12px !important; height: 14px !important; } .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoColumn.Leaderboard .casinoTournamentInfoRowWrp:nth-child(1) .casinoTournamentInfoRowClm.center, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoColumn.Leaderboard .casinoTournamentInfoRowWrp:nth-child(2) .casinoTournamentInfoRowClm.center, .tournament.hasLeftMenu:has(.tournamentDetailsContainerWrp) .casinoTournamentInfoColumn.Leaderboard .casinoTournamentInfoRowWrp:nth-child(3) .casinoTournamentInfoRowClm.center { height: 24px !important; padding: 4px 4px !important; flex-direction: column !important; gap: 10px !important; flex-shrink: 0 !important; border-radius: 6px !important; background: #242424 !important; flex: 0 0 24px !important; width: 24px !important; min-width: 24px !important; max-width: 24px !important; } /* ══════════════════════════════════════════════════════ Casino Category Tabs Desktop (hasLeftMenu) · Casino Slots page (casino-slots) ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp+.horizontalCategoryItemWrp { margin-inline-start: 12px; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer { background: transparent !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalSliderWrapper::before, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalSliderWrapper::after { display: none !important; content: none !important; background: none !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp{ align-items: center!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp::after { display: none !important; content: none !important; } /* Default tab */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItem { display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 12px 20px !important; height: 44px !important; border-radius: 24px !important; background: linear-gradient(180deg, rgba(24,24,25,1) 0%, rgba(43,43,46,1) 100%) !important; border: none !important; position: relative !important; cursor: pointer !important; font-family: Roboto, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; white-space: nowrap !important; } /* Default tab */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItem, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoGameListBlock .btn.randomGameBtn{ display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; padding: 12px 20px !important; height: 44px !important; border-radius: 24px !important; border: 1px solid transparent !important; background: linear-gradient(180deg, rgba(24,24,25,1) 0%, rgba(43,43,46,1) 100%) padding-box, linear-gradient(180deg, rgba(255,153,0,1) 0%, rgba(255,42,0,1) 100%) border-box !important; position: relative !important; cursor: pointer !important; font-family: Roboto, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; white-space: nowrap !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItem::before, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItem::after { display: none !important; content: none !important; } /* Active tab */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem, { border: none !important; background: linear-gradient(180deg, rgba(255,153,0,1) 0%, rgba(255,42,0,1) 100%) !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active::before { filter: none !important; background: none !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem:hover{ border-radius: var(--24, 24px)!important; background: var(--Gradient, linear-gradient(180deg, #F90 0%, #FF2A00 100%))!important; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.32), 0 4px 24px 0 rgba(254, 82, 1, 0.38)!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer { background: transparent !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalSliderWrapper { background: transparent !important; overflow-x: clip !important; overflow-y: visible !important; background:#0f0f10 !important; border: none!important; border-radius:none!important; } /* ── Category buttons (non-active) ──────────────────── */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover { filter: none !important; } /* Hover */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover .horizontalCategoryItem, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoGameListBlock .btn.randomGameBtn:hover{ border: 1px solid #FF9900 !important; background: linear-gradient(180deg, #181819 0%, #2B2B2E 100%) !important; box-shadow: 0 4px 24px 0 rgba(0,0,0,0.32), 0 4px 24px 0 rgba(254,82,1,0.38) !important; } /* Pressed */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:not(.active) .horizontalCategoryItem:active { border: 1px solid #FF9900 !important; background: #181819 !important; box-shadow: none !important; } /* ── Active button ───────────────────────────────────── */ /* Remove wrapper filter + background */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active{ filter: none !important; background: none !important; } /* Default */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem { border: none !important; background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; box-shadow: none !important; } /* Pressed */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem:active { background: #FE5201 !important; box-shadow: none !important; } /* Remove badges */ .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp::after { display: none !important; content: none !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover::before, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active::before, .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active::before { display: none !important; content: none !important; background: none !important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horCatItemTitle{ color: var(--Grey-Scale-1, #FFF)!important; font-family: Roboto!important; font-size: 16px!important; font-style: normal!important; font-weight: 500!important; line-height: normal!important; } .layout-bc.hasLeftMenu.casino-slots .casinoTitleSearch .tooltipIconWrapper .bc-i-sort{ display:none!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .CMSIconSVGWrapper{ max-width:16px!important; heigth:16px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItem svg{ color:#fff!important; font-size: 16px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active .horizontalCategoryItem i{ color:#fff!important; font-size: 16px!important; max-width:16px!important; heigth:16px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoCategoryChooserContainer .horizontalSliderNav{ display: none!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoCategoryContent, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoCategoryContent .casinoCategoryHead{ background:none!important; border:none!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoGameListBlock .casinoGameListBlockHeader .casinoTitleSearch .searchInputWrp, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoProviderBlock .casinoProviderBlockHolder .searchInputWrp { border-radius: var(--24, 24px)!important; border: 1px solid var(--Grey-Scale-10, #3B3B3B)!important; background: rgba(23, 24, 34, 0.60)!important; box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.08) inset!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoGameListBlock .casinoGameListBlockHeader .casinoTitleSearch .searchInputIcon:before, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoProviderBlock .casinoProviderBlockHolder .searchInputWrp .searchInputIcon:before{ color: #969696 !important; -webkit-text-fill-color: #969696 !important; background: none !important; -webkit-background-clip: unset !important; background-clip: unset !important; } /* Move search icon from right to left — scoped to casino provider block */ .layout-bc.hasLeftMenu.casino-slots .casinoGameListBlock .casinoGameListBlockHeader .searchInputWrp .searchInputIcon, .layout-bc.hasLeftMenu.casino-slots .providerSearchRow .searchInputWrp .searchInputIcon{ left: 0 !important; right: auto !important; } .layout-bc.hasLeftMenu.casino-slots .casinoGameListBlock .casinoGameListBlockHeader .searchInputWrp .searchInputIcon, .layout-bc.hasLeftMenu.casino-slots .providerSearchRow .searchInputWrp .searchInputIcon{ left: 0 !important; right: auto !important; } .layout-bc.hasLeftMenu.casino-slots .casinoInputWrp .searchInput, .layout-bc.hasLeftMenu.casino-slots .providerSearchRow .searchInput{ padding-inline-start:40px!important; } .searchInputWrp:after { background:none!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderContent .casinoProviderRow .casinoProviderBlockIcon{ border-radius: var(--24, 24px)!important; background: var(--grey-scale-115, #202020)!important; } / .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .casinoProviderBlock .providerResetRow .tooltipIconWrapper i{ display: flex!important; width: 40px!important; height: 40px!important; padding: var(--12, 12px) var(--20, 20px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; text-align: center!important; border-radius: var(--12, 12px)!important; background: var(--grey-scale-115, #202020)!important; } .layout-bc.hasLeftMenu.casino-slots .providerSearchAndReset .providerResetRow { display: none!important; } .layout-bc.hasLeftMenu.casino-slots .providerItemsHolder { margin-top:12px!important; } .layout-bc.hasLeftMenu.casino-slots .providerItemsHolder.list .providerItemsInner { border-radius: var(--8, 8px) !important; background: var(--grey-scale-115, #202020) !important; display: flex !important; border: none !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; gap: 10px !important; box-shadow: none !important; color: #fff !important; } .layout-bc.hasLeftMenu.casino-slots .providerItemsHolder.list .providerItemsInner.active { border: 1px solid transparent !important; border-radius: 8px !important; background: linear-gradient(#202020, #202020) padding-box, linear-gradient(180deg, #F90 0%, #FF2A00 100%) border-box !important; box-shadow: 0 4px 32px 0 rgba(254, 124, 0, 0.02) inset !important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-exclusive::after{ border-radius: var(--12, 12px)!important; background: var(--Color-1, #FE7C00)!important; box-shadow: 0 4px 20px 0 rgba(255, 153, 0, 0.20)!important; padding: 3px var(--6, 6px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-top::after{ border-radius: var(--12, 12px)!important; background: var(--Color-3, #DB2300)!important; box-shadow: 0 4px 20px 0 rgba(255, 42, 0, 0.20)!important; padding: 3px var(--6, 6px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-hot::after{ border-radius: var(--12, 12px)!important; background: var(--Color-3, #DB2300)!important; box-shadow: 0 4px 20px 0 rgba(255, 153, 0, 0.20)!important; padding: 3px var(--6, 6px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-jackpot::after{ border-radius: var(--12, 12px)!important; background: #816300!important; box-shadow: 0 4px 20px 0 rgba(129, 99, 0, 0.20)!important; padding: 3px var(--6, 6px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-ortak::after{ border-radius: var(--12, 12px)!important; background: var(--Color-3, #FE5201)!important; box-shadow: 0 4px 20px 0 rgba(255, 42, 0, 0.20)!important; padding: 3px var(--6, 6px)!important; justify-content: center!important; align-items: center!important; gap: 10px!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-exclusive::before, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-top::before, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-hot::before, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-jackpot::before, .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsHolder .providerBadgeBlock.badge-ortak::before { display:none!important; } .layout-bc.hasLeftMenu.casino-slots .casinoProviderAndGame .providerItemsContainer .providerItemsBtn{ font-size:16px!important; } .casinoGameListBlock .casinoCategoryHead .casinoCategoryMoreBc{ display: flex!important; height: 32px!important; padding: var(--6, 6px) var(--16, 16px)!important; align-items: center!important; gap: var(--8, 8px)!important; border-radius: var(--24, 24px)!important; background: var(--grey-scale-115, #202020)!important; color: #FE7C00 !important; } .casinoGameListBlock .casinoCategoryHead .casinoCategoryHeadTitle{ color: var(--Grey-Scale-1, #FFF)!important; font-family: Roboto!important; font-size: 18px!important; font-style: normal!important; font-weight: 700!important; line-height: normal!important; } /* Web — provider sidebar OPEN: show 6 full + half of 7th */ .layout-bc.casino-slots.hasLeftMenu .casinoCategoryGamesRow .swiper-slide { width: calc(100% / 6.5 - 10px) !important; margin-right: 10px !important; } /* Web — provider sidebar CLOSED: show 7 full + half of 8th */ .layout-bc.casino-slots:not(.hasLeftMenu) .casinoCategoryGamesRow .swiper-slide { width: calc(100% / 7.5 - 10px) !important; margin-right: 10px !important; } .hdr-smart-panel-holder-bc .sp-button-bc .count-odd-animation:after{ right: -20px; width: 8px; height: 8px; line-height: 16px; top: -10px; } .hdr-smart-panel-holder-bc .sp-button-bc .count-odd-animation:after{ background: #FE5201!important; font-size:0px!important; } [dir=ltr] .hdr-toggle-button-bc:after{ display:none!important; } /* Hide support button */ button.sp-button-bc:has(i.bc-i-live-chat) { display: none !important; } /* Hide original icons */ i.bc-i-notification, i.bc-i-favorite, i.bc-i-message, i.bc-i-bonus, i.bc-i-settings, i.bc-i-history, i.bc-i-betslip { display: none !important; } /* Shared ::after styles */ button.sp-button-bc:has(i.bc-i-notification)::after, button.sp-button-bc:has(i.bc-i-favorite)::after, button.sp-button-bc:has(i.bc-i-message)::after, button.sp-button-bc:has(i.bc-i-bonus)::after, button.sp-button-bc:has(i.bc-i-settings)::after, button.sp-button-bc:has(i.bc-i-history)::after, button.sp-button-bc:has(i.bc-i-betslip)::after { display: flex !important; align-items: center !important; justify-content: center !important; width: 18px !important; height: 18px !important; font-size: 0 !important; line-height: 0 !important; } /* 1. Notifications */ button.sp-button-bc:has(i.bc-i-notification)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2383276882392accca57e65f5fe4c6cf.svg") !important; } /* 2. Favorites */ button.sp-button-bc:has(i.bc-i-favorite)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_c74c903e04b69b242e434abe10655659.svg") !important; } /* 3. Messages */ button.sp-button-bc:has(i.bc-i-message)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_183a578c672192b2ceb011f4e06f5227.svg") !important; } /* 4. Bonus */ button.sp-button-bc:has(i.bc-i-bonus)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_07a26a2e55558afd6c0037e58951eb92.svg") !important; } /* 5. Settings */ button.sp-button-bc:has(i.bc-i-settings)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_acb6e66836f1fee0be7b300a6a830a96.svg") !important; } /* 6. Bet History */ button.sp-button-bc:has(i.bc-i-history)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_bec073eadc605f6ba79d885fc5d2553b.svg") !important; } /* 7. Betslip */ button.sp-button-bc:has(i.bc-i-betslip)::after { content: url("https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_1cce100164271ab5cd0bde98eade667f.svg") !important; } .is-web .header-bc .center-bottom-btn>button{ display:none!important } /* Margin fix */ .layout-bc.hasLeftMenu.casino-slots .layout-content-holder-bc .hm-row-bc.has-slider{ padding:0px 10px!important; } .is-home-page .layout-content-holder-bc>.hm-row-bc:first-child+.hm-row-bc:not(:empty) { margin-top: 29% !important; } .casino-slots .layout-content-holder-bc>.hm-row-bc:first-child+.hm-row-bc:not(:empty) { margin-top: 23% !important; } .Hompage .category .product-banner-container-bc{ margin-right:20px!important; } .layout-bc.hasLeftMenu .hm-row-bc .page-view-more { padding:13px 0!important; } /* Header Height - 70px */ .layout-bc.hasLeftMenu .hdr-main-content-bc { height: 70px !important; min-height: 70px !important; } .layout-bc.hasLeftMenu .hdr-main-content-bc .logo-container { height: 44px !important; min-height: 44px !important; } .layout-bc.hasLeftMenu .hdr-main-content-bc .hdr-logo-bc { max-width: 160px !important; height: 50px !important; } /* ══════════════════════════════════════════════════════ Banner Slider — Nav Buttons & Pagination ══════════════════════════════════════════════════════ */ /* Prev / Next buttons */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-prev, .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-next { width: 33px !important; height: 33px !important; min-width: 33px !important; border-radius: 9.648px !important; background: rgba(219, 35, 0, 0.78) !important; backdrop-filter: blur(2.41px) !important; -webkit-backdrop-filter: blur(2.41px) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7.236px 14.471px !important; box-sizing: border-box !important; } /* Prev / Next arrow icons */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-prev::after, .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-next::after { font-size: 12px !important; color: #fff !important; } /* Pagination counter */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-pagination.swiper-pagination-fraction { width: auto !important; height: 33px !important; border-radius: 9.648px !important; background: rgba(219, 35, 0, 0.78) !important; backdrop-filter: blur(2.41px) !important; -webkit-backdrop-filter: blur(2.41px) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7.236px 14.471px !important; box-sizing: border-box !important; font-size: 12px !important; color: #fff !important; font-weight: 500 !important; } [class*=is-web] .slider-bc .carouselCountEnable .swiper-pagination:before, [class*=is-web] .slider-bc .carouselCountEnable .swiper-pagination:after{ box-shadow:none!important; } /* Hide ::before on pagination */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::before { display: none !important; content: none !important; } /* ══════════════════════════════════════════════════════ Banner Slider — Nav Buttons & Pagination ══════════════════════════════════════════════════════ */ /* Revert any flex reorder damage */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper.swiper-initialized.swiper-horizontal.swiper-backface-hidden { display: block !important; } .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper.swiper-initialized .swiper-wrapper { order: unset !important; position: relative !important; } /* Prev & Next shared styles */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-prev, .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-next { width: 33px !important; height: 33px !important; min-width: 33px !important; border-radius: 9.648px !important; background: rgba(219, 35, 0, 0.78) !important; backdrop-filter: blur(2.41px) !important; -webkit-backdrop-filter: blur(2.41px) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; box-sizing: border-box !important; position: absolute !important; top: 12px !important; left: auto !important; transform: none !important; } /* Prev — leftmost, right of pagination */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-prev { right: 102px !important; } /* Next — rightmost */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-next { right: 12px !important; } /* Arrow icons */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-prev::after, .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-button-next::after { font-size: 12px !important; color: #fff !important; } /* Pagination — between prev and next */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal { position: absolute !important; top: 12px !important; bottom: auto !important; left: auto !important; right: 51px !important; transform: none !important; width: 45px !important; min-width: 0 !important; height: 33px !important; border-radius: 9.648px !important; background: rgba(219, 35, 0, 0.78) !important; backdrop-filter: blur(2.41px) !important; -webkit-backdrop-filter: blur(2.41px) !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 7px 14px !important; gap: 4px !important; box-sizing: border-box !important; color: #fff !important; font-size: 12px !important; font-weight: 500 !important; } /* Hide ::before on pagination */ .layout-bc.hasLeftMenu .hm-row-bc.has-slider .swiper-pagination.swiper-pagination-fraction.swiper-pagination-horizontal::before { display: none !important; content: none !important; } /* ══════════════════════════════════════════════════════ TOURNAMENT WIDGET — Desktop (Figma Exact) ══════════════════════════════════════════════════════ */ .tournamentsWidget .swiper-button-prev{ border-top-right-radius: 0% !important; border-bottom-right-radius: 0%!important; } .tournamentsWidget .swiper-button-next{ border-top-left-radius: 0% !important; border-bottom-left-radius: 0% !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper .swiper-slide:nth-child(1) { order: 2 !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper .swiper-slide:nth-child(2) { order: 1 !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper .swiper-slide:nth-child(3) { order: 3 !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper .swiper-slide:nth-child(4) { order: 4 !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper .swiper-slide:nth-child(5) { order: 5 !important; } .layout-bc.hasLeftMenu .hm-row-bc .tournamentsWidget .view-title-more{ padding:13px 0!important; margin-bottom:8px!important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-wrapper { gap: 12px !important; } .layout-bc.hasLeftMenu .tournamentsWidget .swiper-slide { width: auto !important; margin-right: 0 !important; border-radius:12px!important; } /* Card */ .layout-bc.hasLeftMenu .tournamentsWidgetItem { display: flex !important; flex-direction: column !important; width: 395px !important; height: auto !important; background: linear-gradient(180deg, rgba(79, 79, 79, 0.24) 0%, rgba(40, 40, 40, 0.24) 100%) !important; border-radius: 12px !important; border: none !important; box-shadow: 0px 4px 20px 0px rgba(190, 63, 3, 0.14) !important; overflow: visible !important; padding-bottom: 12px !important; position: relative !important; } /* Gradient border bottom */ .layout-bc.hasLeftMenu .tournamentsWidgetItem::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,153,0,0.6) 49%, rgba(0,0,0,1) 100%) !important; pointer-events: none !important; z-index: 3 !important; } /* Image container */ .layout-bc.hasLeftMenu .tournamentsWidgetImgContent { position: relative !important; width: 100% !important; height: auto !important; flex-shrink: 0 !important; overflow: visible !important; display: flex !important; flex-direction: column !important; } /* Image */ .layout-bc.hasLeftMenu .tournamentsWidgetImg { order: 1 !important; width: 100% !important; height: 135px !important; object-fit: cover !important; display: block !important; flex-shrink: 0 !important; border-radius: 8px 8px 0 0 !important; } /* CANLI badge — no border-image to keep border-radius */ .layout-bc.hasLeftMenu .tournamentsWidgetLive { position: absolute !important; top: 12px !important; right: 12px !important; left: auto !important; width: auto !important; background: rgba(219, 35, 0, 0.88) !important; border: none !important; border-radius: 20px !important; padding: 6px 12px !important; font-size: 14px !important; font-weight: 500 !important; color: #fff !important; display: inline-flex !important; align-items: center !important; gap: 4px !important; z-index: 2 !important; } /* Countdown container */ .layout-bc.hasLeftMenu .countdown-container.tournamentsWidgetCounter { order: 2 !important; position: static !important; left: auto !important; transform: none !important; display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 4px !important; padding: 8px 12px !important; margin: 12px 0 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; min-height: unset !important; box-sizing: border-box !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: none !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; z-index: 1 !important; } /* Biter label */ .layout-bc.hasLeftMenu .tournamentsWidgetCounterLabel { display: none!important; } /* Countdown boxes row */ .layout-bc.hasLeftMenu .countdown-banner-content { display: flex !important; visibility: visible !important; opacity: 1 !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; gap: 8px !important; width: 100% !important; } /* Individual countdown box */ .layout-bc.hasLeftMenu .countdown-banner-counter { display: flex !important; visibility: visible !important; opacity: 1 !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; flex: 1 !important; height: 60px !important; background: rgba(47, 47, 48, 0.5) !important; border-radius: 6px !important; padding: 6px 12px !important; } /* Number */ .layout-bc.hasLeftMenu .countdown-banner-date { display: block !important; visibility: visible !important; font-size: 20px !important; font-weight: 700 !important; color: #fff !important; line-height: 1 !important; text-align: center !important; } /* Label */ .layout-bc.hasLeftMenu .countdown-banner-names { display: block !important; visibility: visible !important; font-size: 14px !important; font-weight: 500 !important; color: #ADADAD !important; text-align: center !important; } /* Hide separator colon */ .layout-bc.hasLeftMenu [dir=ltr] .countdown-banner-counter:not(:first-child):before { display: none !important; } /* Info content wrapper */ .layout-bc.hasLeftMenu .tournamentsWidgetInfoContent { display: flex !important; flex-direction: column !important; padding: 0 12px !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: none !important; } /* Kill ::before glassmorphism */ .layout-bc.hasLeftMenu .tournamentsWidgetInfo::before { display: none !important; content: none !important; } .layout-bc.hasLeftMenu .tournamentsWidgetInfo, [class*="is-web"] .layout-bc.hasLeftMenu .tournamentsWidgetInfo { display: flex !important; flex-direction: column !important; align-items: flex-start !important; width: 100% !important; gap: 12px !important; padding: 0 !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: none !important; } /* Title */ .layout-bc.hasLeftMenu .tournamentsWidgetName.ellipsis { font-size: 16px !important; font-weight: 700 !important; color: #fff !important; text-align: left !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; width: 100% !important; } .layout-bc.hasLeftMenu .tournamentsWidgetAmount { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 2px !important; width: 100% !important; background: none !important; } /* Hide Prize Pool label */ .layout-bc.hasLeftMenu .tournamentsWidgetAmountTitle { display: none !important; } /* Price */ .layout-bc.hasLeftMenu .tournamentsWidgetPrice { font-size: 18px !important; font-weight: 600 !important; color: #FE7C00 !important; text-align: left !important; text-shadow: none !important; } /* Buttons wrapper */ .layout-bc.hasLeftMenu .tournamentsWidgetButtons { display: flex !important; padding: 0 !important; margin: 0 !important; width: 100% !important; box-sizing: border-box !important; background: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; box-shadow: none !important; border: none !important; } /* KATIL button */ .layout-bc.hasLeftMenu .tournamentsWidgetButtons button.button.fullWidth.small.hero { width: 100% !important; height: 44px !important; background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; border-radius: 24px !important; border: none !important; color: #fff !important; font-size: 16px !important; font-weight: 500 !important; padding: 12px 20px !important; cursor: pointer !important; align-self: stretch !important; } /* All buttons base */ .layout-bc.hasLeftMenu .tournamentsWidgetButtons button.button.fullWidth.small { width: 100% !important; height: 44px !important; background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; border-radius: 24px !important; border: none !important; color: #fff !important; font-size: 16px !important; font-weight: 500 !important; padding: 12px 20px !important; cursor: pointer !important; align-self: stretch !important; } /* ── BUTTON VISIBILITY BY TOURNAMENT STATE ── */ /* Live card → hide AYRINTILAR, show only KATIL */ .layout-bc.hasLeftMenu .tournamentsWidgetItem:has(.liveBadge) .tournamentsWidgetDetailsBtn { display: none !important; } /* Upcoming card → hide KATIL, show only AYRINTILAR */ .layout-bc.hasLeftMenu .tournamentsWidgetItem:has(.upcomingBadge) button.button.fullWidth.small.hero { display: none !important; } /* Upcoming card → AYRINTILAR outlined orange style */ .layout-bc.hasLeftMenu .tournamentsWidgetItem:has(.upcomingBadge) .tournamentsWidgetDetailsBtn { width: 100% !important; height: 44px !important; background: transparent !important; border-radius: 24px !important; border: 1px solid rgba(255, 153, 0, 0.6) !important; color: #FF9900 !important; font-size: 16px !important; font-weight: 500 !important; padding: 12px 20px !important; cursor: pointer !important; } /* ══════════════════════════════════════════════════════ Hide sidebar items ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .layout-header-holder-bc .sidebar-content { display: none !important; } /* live chat button */ #comm100-float-button-82fd1a48-97ea-4458-a25f-77ffa7345df5-2 { display: none !important; } /* Make informative widget bar full width - DESKTOP */ .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .swiper, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .swiper-wrapper, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .swiper-slide, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-link, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container > span, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container > span > div, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .carousel, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .pb-component-wrapper, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .hm-row-bc { width: 100% !important; max-width: 100% !important; min-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .swiper-slide { border-radius: 0px !important; } /* Remove black gap */ .layout-bc.hasLeftMenu .layout-header-holder-bc { padding: 0 !important; margin: 0 !important; gap: 0 !important; box-shadow:none!important; } .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content { padding-inline-start: 0px !important; padding-inline-end: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin: 0 !important; gap: 0 !important; } /* Red bar */ .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container { background: #DB2300 !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; width: 100% !important; min-height: 24px !important; } .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-link { background: transparent !important; border-top: none !important; border-radius: 0 !important; } /* Override inline text-align: match-parent on p tag */ .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container [style*="text-align: match-parent"], .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container [style*="text-align:match-parent"] { text-align: center !important; } /* Center wrapper span as flex */ .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container > span { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; flex-wrap: wrap !important; margin: 0 !important; padding: 0 !important; } /* All nested elements centered */ .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container span, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container p, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container u, .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .informative-widget-container div { text-align: center !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } /* Close button */ .layout-bc.hasLeftMenu .hdr-dynamic-content .hm-row-bc { position: relative !important; } .layout-bc.hasLeftMenu .hdr-dynamic-content .e-p-close-icon-bc { position: absolute !important; right: 0px !important; top: 50% !important; transform: translateY(-50%) !important; font-size: 14px !important; color: #fff !important; } /* Remove empty space after closing the bar */ .layout-bc.hasLeftMenu .hdr-dynamic-content .hm-row-bc:empty, .layout-bc.hasLeftMenu .hdr-dynamic-content .hm-row-bc:nth-child(2) { display: none !important; min-height: 0 !important; height: 0 !important; } .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content:empty { display: none !important; min-height: 0 !important; height: 0 !important; } .layout-bc.hasLeftMenu .layout-header-holder-bc .hdr-dynamic-content .swiper-slide:empty { display: none !important; min-height: 0 !important; height: 0 !important; } /* ══════════════════════════════════════════════════════ Background & header ordering and styles ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .product-banner-container-bc { background: none !important; } .layout-bc.hasLeftMenu .hdr-main-content-bc { backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; border-bottom: 1px solid #242424 !important; border-top: none !important; box-shadow: none !important; padding-right:20px!important; padding-left: 16px!important; } /* Sign In Button */ .layout-bc.hasLeftMenu div.hdr-user-bc button.btn.sign-in { background: linear-gradient(to bottom, #181819, #2B2B2E) !important; border-radius: 24px !important; color: #fff !important; padding: 12px 20px !important; position: relative !important; z-index: 0 !important; height: 44px !important; gap: 10px !important; font-size: 14px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 90px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.08) !important; cursor: pointer !important; } /* Desktop - hide original text */ html body div#root.layout-bc.hasLeftMenu .hdr-user-bc .btn.sign-in span { font-size: 0 !important; overflow: visible !important; white-space: normal !important; } /* Desktop - inject correct text */ html body div#root.layout-bc.hasLeftMenu .hdr-user-bc .btn.sign-in span::after { content: 'Giriş' !important; font-size: 14px !important; text-transform: none !important; display: inline-block !important; color: inherit !important; white-space: nowrap !important; } .layout-bc.hasLeftMenu div.hdr-user-bc button.btn.sign-in::after { display: none !important; content: none !important; } .layout-bc.hasLeftMenu div.hdr-user-bc button.btn.sign-in span::after { display: none !important; content: none !important; background-image: none !important; } .layout-bc.hasLeftMenu div.hdr-user-bc button.btn.sign-in::before { content: ''; position: absolute; inset: 0; border-radius: 24px; padding: 1px; background: linear-gradient(to bottom, #FF9900, #FF2A00); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } /* Register Button */ .layout-bc.hasLeftMenu div.hdr-user-bc button.btn.register { background: linear-gradient(to bottom, #FF9900, #FF2A00) !important; border-radius: 24px !important; border: none !important; color: #fff !important; padding: 12px 20px !important; box-shadow: none !important; height: 44px !important; gap: 10px !important; animation: none !important; font-size: 14px !important; font-weight: 600 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 100px !important; cursor: pointer !important; text-transform: none!important; } /* ══════════════════════════════════════════════════════ DESKTOP — Burger Menu Button ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:hover, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:focus, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:active, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover { background: linear-gradient(#181819, #2B2B2E) !important; border: none !important; border-radius: 24px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; padding: 8px 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; transition: none !important; outline: none !important; box-shadow: none !important; position: relative !important; } .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close::after, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:hover::after, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:focus::after, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:active::after, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close::after, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover::after { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 24px !important; padding: 1px !important; background: linear-gradient(to right, #FF9900, #FF2A00) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; pointer-events: none !important; } .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close::before, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:hover::before, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:focus::before, .layout-bc.hasLeftMenu p.asideMenuBurger.bc-i-menu-close:active::before, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close::before, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover::before { content: '' !important; display: block !important; width: 20px !important; height: 20px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; color: transparent !important; background-color: transparent !important; border: none !important; font-size: 0 !important; } /* Open state - override gradient back to solid */ .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:focus, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:active { background: #242424 !important; } .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close::after, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover::after, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:focus::after, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:active::after { display: none !important; } /* Closed state icon */ .layout-bc.hasLeftMenu:not(.asideMenuOverlay) p.asideMenuBurger.bc-i-menu-close::before, .layout-bc.hasLeftMenu:not(.asideMenuOverlay) p.asideMenuBurger.bc-i-menu-close:hover::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_5eac4a9921ebd30929dca5a1b3e6856c.svg') !important; } /* Open state icon */ .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close::before, .layout-bc.hasLeftMenu.asideMenuOverlay p.asideMenuBurger.bc-i-menu-close:hover::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2e4e91c95c642c8a8edcded84acbba7b.svg') !important; } /* ══════════════════════════════════════════════════════ DESKTOP — Collapsed sidebar menu icons ══════════════════════════════════════════════════════ */ /* Hide default SVG icons */ .layout-bc.hasLeftMenu .asideMenuCompact .tooltipIconWrapper, .layout-bc.hasLeftMenu .asideMenuCompact .CMSIconSVGWrapper, .layout-bc.hasLeftMenu .asideMenuCompact svg { display: none !important; } /* Base icon setup on the link */ .layout-bc.hasLeftMenu .asideMenuCompact a.asideMenuNavLink { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; } .layout-bc.hasLeftMenu .asideMenuCompact a.asideMenuNavLink::after { content: '' !important; position: absolute !important; width: 16px !important; height: 16px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; display: block !important; } .layout-bc.hasLeftMenu .asideMenuCompact a.asideMenuNavLink[aria-label="Casino"]::after { width:20px !important; } .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem { background: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_0dbef90ef30616fea302c494b6f58484.svg') center center / contain no-repeat !important; } [class*=is-web] .asideMenuCompact>.asideMenuNavItem { border: none!important; background:none!important; } [class*="is-web"] .asideMenuCompact > .asideMenuNavItem:hover { border: none !important; border-image: none !important; } /* Collapsed icons — ordered by DOM position (confirmed 21.04.2026) */ /* 1 Promosyonlar */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(1) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2f4da83293cfce85ce6862d4f8e71934.svg') !important; } /* 2 Turnuvalar */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(2) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_c91a4ca7a4399293419eccb0cc3308d2.svg') !important; } /* 3 Casino */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(3) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_ef9ada94fc8c5f24ac71aac402ffca24.svg') !important; } /* 4 Crash Games */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(4) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_42aea43aafde421b1ec7acc554a02603.svg') !important; } /* 5 Canlı Casino */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(5) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_121b6fb67e24fd03b8888f42281eb8d8.svg') !important; } /* 6 TV Games */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(6) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7bc6037d4ecb7e74d25b98d92a8d0ac4.svg') !important; } /* 7 Şans Çarkı */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(7) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_02ede5be4163a41ae4f7c25854faa58f.svg') !important; } /* 8 Spor */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(8) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2baf904d0af73cbf15f5cda67240ea91.svg') !important; } /* 9 Özel Oran */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(9) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_dc6bd4b64668e197c60b607115aae711.svg') !important; } /* 10 Canlı */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(10) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_4df59b7ab03dd81466ab8f89a9e4d740.svg') !important; } /* 11 E-sport */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(11) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2ebf35ac2599985f6d97ea459ced366e.svg') !important; } /* 12 Virtual Sports */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(12) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_f06fdbedaa50837efdb3ebfbd4f4a084.svg') !important; } /* 13 Tambet TV */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(13) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7e700c92ad851dba7d40f10aa32e8400.svg') !important; } /* 14 Canlı Destek */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(14) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_89c7e0088d06046ebc7e24edaed9cbb0.svg') !important; } /* 15 Telegram */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(15) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_4a7bfb2ecaf57b8f79d85ae9bfe34e9e.svg') !important; } /* 16 Whatsapp */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(16) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_008ad53ed7645cfea0e0c215382b4ccb.svg') !important; } /* 17 Teknik Destek */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(17) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_ed75627d1a15e3bf11a3fa294a4d72d7.svg') !important; } /* 18 Mobile App */ .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(18) a.asideMenuNavLink::after { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7132b647414ce52a3817b16cb42fe185.svg') !important; } /* ══════════════════════════════════════════════════════ DESKTOP — Open sidebar menu icons + card background ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .asideMenuOpen .CMSIconSVGWrapper { display: none !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem { background: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_e97d8de473d832ce8e09e4eaf7019595.png') center / cover no-repeat !important; border-radius: 8px !important; margin-bottom: 4px !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuOpenNav { position: relative !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuOpenNav::before { content: '' !important; display: block !important; width: 16px !important; height: 16px !important; min-width: 16px !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; } /* casino Icon size */ .layout-bc.hasLeftMenu .asideMenuOpen a.asideMenuNavLink[aria-label="Casino"] .asideMenuOpenNav::before { width: 20px !important; height: 20px !important; } /* Open icons — ordered by DOM position (confirmed 21.04.2026) */ /* 1 Promosyonlar */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(1) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2f4da83293cfce85ce6862d4f8e71934.svg') !important; } /* 2 Turnuvalar */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(2) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_c91a4ca7a4399293419eccb0cc3308d2.svg') !important; } /* 3 Casino */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(3) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_ef9ada94fc8c5f24ac71aac402ffca24.svg') !important; } /* 4 Crash Games */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(4) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_42aea43aafde421b1ec7acc554a02603.svg') !important; } /* 5 Canlı Casino */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(5) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_121b6fb67e24fd03b8888f42281eb8d8.svg') !important; } /* 6 TV Games */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(6) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7bc6037d4ecb7e74d25b98d92a8d0ac4.svg') !important; } /* 7 Şans Çarkı */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(7) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_02ede5be4163a41ae4f7c25854faa58f.svg') !important; } /* 8 Spor */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(8) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2baf904d0af73cbf15f5cda67240ea91.svg') !important; } /* 9 Özel Oran */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(9) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_dc6bd4b64668e197c60b607115aae711.svg') !important; } /* 10 Canlı */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(10) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_4df59b7ab03dd81466ab8f89a9e4d740.svg') !important; } /* 11 E-sport */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(11) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_2ebf35ac2599985f6d97ea459ced366e.svg') !important; } /* 12 Virtual Sports */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(12) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_f06fdbedaa50837efdb3ebfbd4f4a084.svg') !important; } /* 13 Tambet TV */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(13) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7e700c92ad851dba7d40f10aa32e8400.svg') !important; } /* 14 Canlı Destek */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(14) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_3d5dfcec69258d1eb91962586f852b59.svg') !important; } /* 15 Telegram */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(15) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_0afeb441e817bdcef9ba8652716b818d.svg') !important; } /* 16 Whatsapp */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(16) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_aa5dcca6eff0720b8c76ec14fa924f37.svg') !important; } /* 17 Teknik Destek */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(17) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_dc26acdd95be0290f52d076b134c4c41.svg') !important; } /* 18 Mobile App */ .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(18) .asideMenuOpenNav::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_7132b647414ce52a3817b16cb42fe185.svg') !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuOpenNav { padding-left: 12px !important; } /* Hide default bc-i-default-icon in open menu */ .layout-bc.hasLeftMenu .asideMenuOpen i.bc-i-default-icon { display: none !important; } /* ══════════════════════════════════════════════════════ DESKTOP SIDEBAR — Gap + Dividers DOM order confirmed 21.04.2026 — ordering block removed Dividers after: Turnuvalar(2), Şans Çarkı(7), Tambet TV(13) ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .asideMenuOpen, .layout-bc.hasLeftMenu .asideMenuCompact { gap: 4px !important; padding-top: 12px !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(2), .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(2), .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(7), .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(7), .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(13), .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(13) { position: relative !important; margin-bottom: 16px !important; } .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(2)::after, .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(2)::after, .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(7)::after, .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(7)::after, .layout-bc.hasLeftMenu .asideMenuOpen .asideMenuNavItem:nth-child(13)::after, .layout-bc.hasLeftMenu .asideMenuCompact .asideMenuNavItem:nth-child(13)::after { content: '' !important; position: absolute !important; bottom: -12px !important; left: 0 !important; width: 100% !important; height: 1px !important; background: rgba(255, 255, 255, 0.15) !important; } /* ══════════════════════════════════════════════════════ hide header elements ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-standings, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-wallet, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-x50-wheel, .layout-bc.hasLeftMenu .header-bc .infoTime, .layout-bc.hasLeftMenu div.form-control-bc.select.compact-mode.filled, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-call span, .layout-bc.hasLeftMenu a.btn.header-icon-text::after { display: none !important; } /* Hide wallet button and its after when logged in */ .layout-bc.hasLeftMenu .header-buttons-wallet, .layout-bc.hasLeftMenu .header-buttons-wallet::after { display: none !important; } /* Make header main content flex */ .layout-bc.hasLeftMenu .hdr-main-content-bc { display: flex !important; align-items: center !important; justify-content: space-between !important; } /* ══════════════════════════════════════════════════════ Social Icons ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-whatsapp::before, .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-telegram::before, .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-call::before { content: '' !important; display: block !important; width: 16px !important; height: 17px !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; font-family: none !important; } .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-live-chat::before { content: '' !important; display: block !important; width: 18px !important; height: 18px !important; background-repeat: no-repeat !important; background-size: contain !important; background-position: center !important; font-family: none !important; } .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-whatsapp::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_a29f431959ebd7f41d3bff99d22759fb.svg') !important; } .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-telegram::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_4cd07cc2fb2896a6e53fe1b32a8cc211.svg') !important; } .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-call::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_e04f757396d4705f865a769f096d57cb.svg') !important; } .layout-bc.hasLeftMenu .header-custom-buttons .bc-i-live-chat::before { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_b62e79716f6a6c73edebf62c7dbdd6ac.svg') !important; } .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-whatsapp) { position: absolute !important; left: 210px !important; } .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-telegram) { position: absolute !important; left: 250px !important; } .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-call) { position: absolute !important; left: 290px !important; } .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-whatsapp, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-telegram, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-call, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-live-chat { width: 32px !important; height: 32px !important; min-width: 32px !important; background: #242424 !important; border-radius: 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; color: #ffffff !important; font-size: 16px !important; } .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-whatsapp:hover, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-telegram:hover, .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-call:hover { background: #1a1a1a !important; border-color: #FF8800 !important; } .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-whatsapp), .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-telegram), .layout-bc.hasLeftMenu .header-custom-buttons:has(.bc-i-call) { order: -1 !important; margin-left: 0 !important; } .layout-bc.hasLeftMenu .logo-container { order: -2 !important; } .layout-bc.hasLeftMenu p.asideMenuBurger { position: relative !important; left: auto !important; order: -3 !important; display: flex !important; } /* ══════════════════════════════════════════════════════ Header login state ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .hdr-smart-panel-holder-bc button.sp-button-bc[title="Contact support"] { display: none !important; } .layout-bc.hasLeftMenu .hdr-user-bc { display: flex !important; align-items: center !important; flex: unset !important; } .layout-bc.hasLeftMenu.has-wallet .header-user-nav { margin-inline-start: 8px !important; } .layout-bc.hasLeftMenu .hdr-user-bc .header-custom-buttons:has(.bc-i-live-chat) { order: 13 !important; } .layout-bc.hasLeftMenu:not(.has-wallet) .hdr-user-bc button.btn.sign-in { margin-left: auto !important; } .layout-bc.hasLeftMenu .hdr-user-bc button.btn.register { margin-inline-start: 8px !important; margin-inline-end: 8px !important; } .layout-bc.hasLeftMenu:not(.has-wallet) .header-icon-text { margin-inline-start: 0px !important; } /* Logged in - social icons left side */ .layout-bc.hasLeftMenu.has-wallet .header-custom-buttons:has(.bc-i-whatsapp) { position: absolute !important; left: 250px !important; } .layout-bc.hasLeftMenu.has-wallet .header-custom-buttons:has(.bc-i-telegram) { position: absolute !important; left: 290px !important; } .layout-bc.hasLeftMenu.has-wallet .header-custom-buttons:has(.bc-i-call) { position: absolute !important; left: 330px !important; } html body:has(.profileDetails) .layout-bc.hasLeftMenu.has-wallet .header-custom-buttons { left: 210px !important; } html body:has(.profileDetails) .layout-bc.hasLeftMenu.has-wallet .header-custom-buttons a:last-child { position: fixed; right: 8px; } .layout-bc.hasLeftMenu a.btn.header-icon-text.bc-i-live-chat { width: 44px !important; height: 44px !important; min-width: 44px !important; align-self: center !important; } html body:has(.profileDetails) .layout-bc.hasLeftMenu.has-wallet .hdr-user-bc { margin-right: 30px; } .layout-bc.hasLeftMenu .header-icon-text { margin-inline-start: 8px !important; } /* ══════════════════════════════════════════════════════ Balance button ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"] { background: #242424 !important; border-radius: 20px !important; padding: 8px 0px 8px 12px !important; gap: 6px !important; display: flex !important; align-items: center !important; height: 44px !important; min-width: 136px !important; box-sizing: border-box !important; position: relative !important; overflow: hidden !important; } .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"] span { color: #FE7C00 !important; font-weight: 700 !important; font-size: 16px !important; text-align: center !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 1 !important; } .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"] .hdr-user-info-content-bc { justify-content: center !important; display: flex !important; align-items: center !important; flex: 1 !important; } .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"]::after { content: '+' !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-width: 44px !important; border-radius: 50% !important; background: linear-gradient(to bottom, #FF9900, #FF2A00) !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; margin-left: auto !important; flex-shrink: 0 !important; } .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"]:hover, .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"]:hover::before, .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"]:focus, .layout-bc.hasLeftMenu.has-wallet .nav-menu-item[aria-label="Bakiye"]:focus::before { background: #242424 !important; box-shadow: none !important; transform: none !important; border: none !important; outline: none !important; border-top: none !important; } .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"]), .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"]):hover, .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"]):focus-within { border: none !important; border-top: none !important; box-shadow: none !important; outline: none !important; background-image: none !important; background: transparent !important; } .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"])::before, .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"]):hover::before, .layout-bc.hasLeftMenu .nav-menu-other > li:has(a[aria-label="Bakiye"]):focus-within::before { display: none !important; content: none !important; } .layout-bc.hasLeftMenu .header-user-nav > .nav-menu-other > li:has(a[aria-label="Bakiye"]):hover a.nav-menu-item { background: #242424 !important; border-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; } .layout-bc.hasLeftMenu .nav-menu-other::after, .layout-bc.hasLeftMenu .nav-menu-other.profileDetails::after { display: none !important; content: none !important; } .layout-bc.hasLeftMenu .header-user-nav > .nav-menu-other.profileDetails > li:hover > a, .layout-bc.hasLeftMenu .header-user-nav > .nav-menu-other.profileDetails > li:hover { background: transparent !important; border-color: transparent !important; border: none !important; box-shadow: none !important; outline: none !important; } .layout-bc.hasLeftMenu .nav-menu-other.profileDetails > li:has(a[aria-label="Profile Details"]):hover, .layout-bc.hasLeftMenu .nav-menu-other.profileDetails > li:has(a[aria-label="Profile Details"]):focus-within { border: none !important; border-top: none !important; background: transparent !important; } .layout-bc.hasLeftMenu .header-user-nav > .nav-menu-other li > a, .layout-bc.hasLeftMenu .header-user-nav > .nav-menu-other.profileDetails li > a { border-top: none !important; border: none !important; } .layout-bc.hasLeftMenu .hdr-user-avatar-icon-bc.bc-i-user { font-size: 44px !important; width: 44px !important; height: 44px !important; } .layout-bc.hasLeftMenu .nav-menu-other { height: unset !important; } .layout-bc.hasLeftMenu.has-wallet .hdr-user-bc { flex: unset !important; } /* ══════════════════════════════════════════════════════ Banner grid ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider { grid-template-columns: 2.63fr 1fr !important; align-items: start !important; padding-right: 20px !important; } .layout-bc.hasLeftMenu.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider .sdr-image-bc { width: 100% !important; height: auto !important; object-fit: contain !important; } .layout-bc.hasLeftMenu.is-home-page .layout-content-holder-bc .hm-row-bc.has-slider .sdr-item-holder-bc { aspect-ratio: unset !important; height: auto !important; } /* ══════════════════════════════════════════════════════ Smart Panel ══════════════════════════════════════════════════════ */ html body .layout-bc.hasLeftMenu:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc { opacity: 1; visibility: visible; width: auto !important; height: 44px !important; flex-direction: row !important; top: 50% !important; transform: translateY(-50%) !important; right: 0 !important; left: auto !important; background: #2F2F30 !important; border-radius: 24px !important; padding: 0 16px !important; display: flex !important; align-items: center !important; padding-right: 56px !important; } html body .layout-bc.hasLeftMenu #smart-panel-holder { background: #242424 !important; z-index: 9999 !important; } html body .layout-bc.hasLeftMenu.smart-panel-is-visible .hdr-smart-panel-holder-arrow-bc { opacity: 0; visibility: hidden; } .layout-bc.hasLeftMenu .hdr-main-content-bc .smartPanel-bc { order: -1 !important; margin-inline-end: 8px !important; position: relative !important; overflow: visible !important; width: auto !important; height: auto !important; } .layout-bc.hasLeftMenu .hdr-main-content-bc .smartPanel-bc::after { display: none !important; } .layout-bc.hasLeftMenu .hdr-main-content-bc { overflow: visible !important; } .layout-bc.hasLeftMenu .header-bc { padding-bottom: 12px !important; overflow: visible !important; } /* Z-index fix when panel is open */ .layout-bc.hasLeftMenu.smart-panel-is-visible .smartPanel-bc { z-index: 3 !important; } .layout-bc.hasLeftMenu.smart-panel-is-visible .overlay-header { z-index: 1 !important; } /* Side panel position */ .layout-bc.hasLeftMenu.hasVisibleSidePanelContent .sidePanel-holder { top: 79px !important; right: 0 !important; left: auto !important; width: auto !important; min-width: 300px !important; height:100vh!important; } .layout-bc.hasLeftMenu.hasVisibleSidePanelContent .sidePanel-holder-bc:before { height:100vh!important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-bc { overflow: visible !important; } .layout-bc.hasLeftMenu .smartPanel-bc { position: relative !important; overflow: visible !important; width: auto !important; height: auto !important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-arrow-bc { background: #2F2F30 !important; border-radius: 24px !important; padding: 0 16px !important; padding-right: 60px !important; gap: 16px !important; width: auto !important; height: 44px !important; display: flex !important; flex-direction: row !important; align-items: center !important; top: 50% !important; transform: translateY(-50%) !important; right: 0 !important; left: auto !important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-arrow-bc .hdr-smart-panel-holder-bc { display: flex !important; flex-direction: row !important; width: auto !important; height: 44px !important; align-items: center !important; gap: 16px !important; background: transparent !important; padding: 0 !important; } .layout-bc.hasLeftMenu #smart-panel-holder { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; background: #2F2F30 !important; border-radius: 50% !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; height: 44px !important; min-height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; z-index: 2 !important; box-sizing: border-box !important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-bc .sp-button-bc { color: #DBDBDB !important; background: transparent !important; width: 24px !important; height: 24px !important; min-width: unset !important; padding: 0 !important; font-size: 18px !important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-bc .sp-button-bc:hover { color: #FFFFFF !important; } .layout-bc.hasLeftMenu:not(.smart-panel-is-visible) .hdr-smart-panel-holder-arrow-bc { background: transparent !important; padding-right: 0 !important; } .layout-bc.hasLeftMenu.smart-panel-is-visible #smart-panel-holder { border-radius: 24px !important; background: #242424 !important; z-index: 999 !important; color: #fff !important; } .layout-bc.hasLeftMenu .hdr-smart-panel-holder-arrow-bc::after, .layout-bc.hasLeftMenu .hdr-smart-panel-holder-arrow-bc::before { display: none !important; } /* ══════════════════════════════════════════════════════ Thumbnail Carousel ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .carousel { margin: 0 !important; } .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 { grid-template-columns: unset !important; display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; } .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .carouselWrapper { overflow: hidden !important; width: 100% !important; } .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .swiper-slide { height: auto !important; margin-right: 12px !important; border-radius: 8px !important; overflow: hidden !important; flex-shrink: 0 !important; } .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .swiper-slide img, .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .swiper-slide .sdr-image-bc { width: 100% !important; height: 100% !important; object-fit: cover !important; } .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .swiper-button-prev::after, .layout-bc.hasLeftMenu .product-banner-container-bc.col-1 .swiper-button-next::after { display: none !important; } /* ══════════════════════════════════════════════════════ Winners Section ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .casino-winners-block { background: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; width: 100% !important; position: relative !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; gap: 0 !important; } .layout-bc.hasLeftMenu .casino-winners-block::before { content: 'Winners' !important; font-size: 16px !important; font-weight: 600 !important; display: flex !important; align-items: center !important; flex: 1 !important; order: 0 !important; height: 36px !important; line-height: 36px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23FE7C00'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: left center !important; background-size: 10px 10px !important; padding-left: 16px !important; background-clip: unset !important; -webkit-background-clip: unset !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc:nth-child(2) { display: none !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc { display: flex !important; align-items: center !important; background: #202020 !important; border-radius: 32px !important; width: 250px !important; height: 36px !important; margin-left: auto !important; margin-right: 20px !important; box-shadow: 0 4px 12px rgba(0,0,0,0.04) !important; border: 1px solid rgba(32,32,32,1) !important; flex-wrap: nowrap !important; padding: 2px !important; gap: 0 !important; box-sizing: border-box !important; order: 1 !important; flex: 0 0 auto !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline { width: 50% !important; height: 32px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 32px !important; border: none !important; box-shadow: none !important; padding: 0 !important; background: transparent !important; color: rgba(255,255,255,0.6) !important; font-size: 12px !important; font-weight: 500 !important; cursor: pointer !important; overflow: hidden !important; white-space: nowrap !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline::before, .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline::after { display: none !important; content: none !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline.active { background: #0F0F10 !important; color: rgba(254, 124, 0, 1) !important; border: none !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline span { text-transform: lowercase !important; white-space: nowrap !important; display: inline-block !important; font-size: 12px !important; pointer-events: none !important; } .layout-bc.hasLeftMenu .casino-winners-block .main-tabs-bc .tab-bc.selected-underline span::first-letter { text-transform: uppercase !important; } .layout-bc.hasLeftMenu .casino-info-content-winners { display: flex !important; flex-direction: row !important; gap: 10px !important; list-style: none !important; margin: 0 !important; overflow-x: auto !important; overflow-y: hidden !important; scrollbar-width: none !important; animation: none !important; padding: 0 !important; order: 2 !important; width: 100% !important; flex: 0 0 100% !important; margin-top: 8px !important; } .layout-bc.hasLeftMenu .casino-info-content-winners li { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; flex: 0 0 260px !important; width: 260px !important; height: 74px !important; border-radius: 8px !important; padding: 8px 10px !important; cursor: pointer !important; box-sizing: border-box !important; background: rgba(24, 24, 26, 0.20) !important; border: none !important; box-shadow: inset 0px 0px 2px 0px #323233 !important; overflow: hidden !important; position: relative !important; } .layout-bc.hasLeftMenu .casino-info-content-winners li::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 0.5px !important; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,153,0,0.6) 49%, rgba(0,0,0,1) 100%) !important; pointer-events: none !important; z-index: 1 !important; } .layout-bc.hasLeftMenu .casino-info-content-winners > li + li { margin: 0 !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-winners-img, .layout-bc.hasLeftMenu .casino-info-content-winners .casino-info-img { width: 58px !important; height: 58px !important; min-width: 48px !important; border-radius: 8px !important; object-fit: cover !important; display: block !important; flex-shrink: 0 !important; align-self: center !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-winners-info { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 2px !important; flex: 1 !important; min-width: 0 !important; align-self: start !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-winners-info b { color: #ffffff !important; font-size: 12px !important; font-weight: 600 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-winners-info .ellipsis { color: #aaaaaa !important; font-size: 10px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; display: block !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-winners-amount { position: absolute !important; bottom: 8px !important; left: 79px !important; color: #f5a623 !important; font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; display: block !important; } .layout-bc.hasLeftMenu .casino-info-content-winners .casino-info-show-bc { display: none !important; } .layout-bc.hasLeftMenu .casino-info-block { border: none !important; box-shadow: none !important; background: transparent !important; overflow: visible !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .layout-bc.hasLeftMenu .casino-info-block::before, .layout-bc.hasLeftMenu .casino-info-block::after { display: none !important; content: none !important; } .layout-bc.hasLeftMenu .casino-info-block .casino-info-content-bc { padding: 0 !important; margin: 0 !important; } /* ══════════════════════════════════════════════════════ Categories ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu .Hompagecategory .product-banner-container-bc{ grid-gap:90px!important; padding:0 20px!important; } /* ══════════════════════════════════════════════════════ Featured Games ══════════════════════════════════════════════════════ */ .layout-bc.hasLeftMenu div.featuredGameItem { background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_030f773d136c695b308307308ecface8.png') !important; background-size: 100% 100% !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 12px !important; border: none !important; } .layout-bc.hasLeftMenu .featuredGames .swiper-button-next, .layout-bc.hasLeftMenu .featuredGames .swiper-button-prev { display: none !important; } .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItemWrp { width: 62px !important; min-width: 62px !important; border-radius: 20px !important; } .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItem { height: 32px !important; width: 62px !important; border-radius: 20px !important; } .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItem i { font-size: 16px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; } .layout-bc.hasLeftMenu .widgetHorizontalSportList .horizontalCategoryItem .horCatItemCount { font-size: 14px !important; position: static !important; top: unset !important; letter-spacing: normal !important; } .layout-bc.hasLeftMenu .featuredGames .widgetHorizontalSportList .horizontalCategoryItem .horCatItemTitleWrp { display: flex !important; align-items: center !important; justify-content: center !important; gap: 4px !important; } .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItemWrp .horCatItemTitle { display: none !important; } /* Active button state */ .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItemWrp.active .horizontalCategoryItem { background: rgba(254, 124, 0, 0.12); border: none !important; } /* Active icon + count gradient */ .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItemWrp.active .horizontalCategoryItem i, .layout-bc.hasLeftMenu .featuredGames .horizontalCategoryItemWrp.active .horizontalCategoryItem .horCatItemCount { background: linear-gradient(to right, #FF9900 0%, #FF2A00 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } /* ══════════════════════════════════════════════════════ promotion page ══════════════════════════════════════════════════════ */ .layout-bc:not(.page-full-size) .layout-content-holder-bc{ padding:0px!important; } /* ── Promotions Page: Title with icon ── */ .promotion-page .layout-content-holder-bc::before { content: "Promotions" !important; display: flex !important; align-items: center !important; gap: 12px !important; font-family: Roboto, sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; padding: 0 0 0 52px !important; background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_dfbe1d7e13a97f4d6a0b72d76797cde2.svg') !important; background-repeat: no-repeat !important; background-size: 28px 28px !important; background-position: 16px center !important; min-height: 32px !important; line-height: normal !important; } /* ── Promotions Page: Category Tabs (node 1084-5321) ── */ .promotion-page .horizontal-sl-arrow { display: none !important; } .promotion-page .horizontal-sl-wheel { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; padding: 0 16px 4px !important; overflow-x: auto !important; transform: none !important; width: auto !important; flex-wrap: nowrap !important; } .promotion-page .horizontal-sl-wheel::-webkit-scrollbar { display: none; } .promotion-page .horizontal-sl-item-bc{ border-radius:24px!important; } .promotion-page .horizontal-sl-item-bc::before { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 24px !important; padding: 1.5px !important; background: linear-gradient(to bottom, #FF9900, #FF2A00) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; pointer-events: none !important; z-index: 1 !important; } .promotion-page .horizontal-sl-item-bc.active::before { display: none !important; content: none !important; } .promotion-page .horizontal-sl-item-bc.active { background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; } .promotion-page .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover { background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; border-color: transparent !important; color: #ffffff !important; } /* ── Remove border from active "all" tab only ── */ .promotion-page .horizontal-sl-item-bc.all.active { border: none !important; } .promotion-page .horizontal-sl-icon-bc { width: 16px !important; height: 16px !important; font-size: 16px !important; color: #ffffff !important; flex-shrink: 0 !important; } .promotion-page .horizontal-sl-title-bc { font-family: Roboto, sans-serif !important; font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; line-height: 1 !important; } /* ── Promotions Page: Cards Grid (node 1084-5354) ── */ .promotion-page .layout-content-holder-bc { display: flex !important; width: auto !important; padding-top: 24px !important; flex-direction: column !important; align-items: flex-start !important; gap: 24px !important; } .promotion-page .promotionsList-bc { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 12px !important; padding: 0 20px 0 16px !important; margin-bottom:100px!important; } .promotion-page .promotionsListEl-bc { width: 100% !important; height: 251px !important; border-radius: 12px !important; overflow: hidden !important; position: relative !important; } .promotion-page .promotionsArticleThumbnail-bc { width: 100% !important; height: 251px !important; object-fit: fill !important; border-radius: 12px !important; display: block !important; } .promotion-page .promotions-article-title { display: none !important; } /* ============================================================ TAMBET — TOURNAMENT PAGE DESKTOP REDESIGN Based on Figma node 1089:12079 Scope: .layout-bc.hasLeftMenu.tournament ============================================================ */ /* ── CONTENT AREA ── */ .layout-bc.hasLeftMenu.tournament .layout-content-holder-bc { background: #0f0f10; padding: 20px 20px 40px; } /* ── PAGE TITLE with trophy icon ── */ .layout-bc.hasLeftMenu.tournament .layout-content-holder-bc::before { content: "Tournaments" !important; display: block !important; font-family: Roboto, sans-serif !important; font-size: 32px !important; font-weight: 700 !important; color: #ffffff !important; padding: 0 0 16px 44px !important; background-image: url('https://cms.37btcoservice.com/storage/medias/tambet-18755717/media_18755717_722a1c6b86eb7bcc591f8e15afc2de31.svg') !important; background-repeat: no-repeat !important; background-size: 28px 28px !important; background-position: 0px 4px !important; line-height: 36px !important; } /* ── TAB BAR ── */ .layout-bc.hasLeftMenu.tournament .casinoTournamentTabBlock { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding-bottom: 16px; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabContent { display: flex; align-items: center; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabWrp { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 6px !important; padding: 0 0 4px !important; overflow-x: auto !important; flex-wrap: nowrap !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabWrp::-webkit-scrollbar { display: none; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem { position: relative !important; padding: 8px 18px !important; border-radius: 24px !important; font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; background: transparent !important; border: none !important; transition: all 0.2s ease !important; white-space: nowrap !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem::before { content: '' !important; position: absolute !important; inset: 0 !important; border-radius: 24px !important; padding: 1.5px !important; background: linear-gradient(to bottom, #FF9900, #FF2A00) !important; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) !important; -webkit-mask-composite: xor !important; mask-composite: exclude !important; pointer-events: none !important; z-index: 1 !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem.active { background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; color: #ffffff !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem.active::before { display: none !important; content: none !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem:hover { background: linear-gradient(180deg, #FF9900 0%, #FF2A00 100%) !important; color: #ffffff !important; } .layout-bc.hasLeftMenu.tournament .casinoTournamentTabItem:hover::before { display: none !important; } .layout-bc.hasLeftMenu.tournament .SwitchBlockTxt { font-size: 14px; color: #c4c4c4; margin-right: 8px; } .layout-bc.hasLeftMenu.tournament .tournamentGameStatus.live span { color: #fff !important; } /* ── TOURNAMENT LIST — 4 cards per row ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; align-items: start !important; justify-content: start !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp > * { margin-top: 0 !important; padding-top: 0 !important; align-self: start !important; } /* ── HIDE date container ── */ .layout-bc.hasLeftMenu.tournament .tournamentSectionDateContainer { display: none !important; } /* ── EACH TOURNAMENT CARD ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection:first-child, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection.tournament-casino, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp > div { display: flex !important; flex-direction: column !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 442px !important; min-height: 442px !important; max-height: 442px !important; grid-column: span 1 !important; grid-row: span 1 !important; border-radius: 12px !important; background: linear-gradient(180deg, rgba(79, 79, 79, 0.24) 0%, rgba(40, 40, 40, 0.24) 100%) !important; box-shadow: 0px 4px 20px 0px rgba(190, 63, 3, 0.14) !important; overflow: hidden !important; position: relative !important; padding: 0 !important; flex: unset !important; flex-shrink: unset !important; flex-grow: unset !important; margin: 0 !important; top: 0 !important; } /* ── BOTTOM BORDER LINE ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection::before { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; right: 0 !important; height: 1px !important; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(255,153,0,0.6) 49%, rgba(0,0,0,1) 100%) !important; pointer-events: none !important; z-index: 3 !important; } /* ── FINISHED CARD OVERLAY ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection:has(.tournamentGameStatus.finished)::after { content: '' !important; position: absolute !important; inset: 0 !important; background: rgba(0, 0, 0, 0.6) !important; border-radius: 12px !important; pointer-events: none !important; z-index: 4 !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSection:has(.tournamentGameStatus.finished) .tournamentGameStatus.finished { position: relative !important; z-index: 5 !important; } /* ── MAIN CONTAINER ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionMainContainer { display: flex !important; flex-direction: column !important; width: 100% !important; height: 442px !important; margin: 0 !important; padding: 0 !important; background: none !important; flex-shrink: 0 !important; } /* ── IMAGE BLOCK ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionImgBlock { width: 100% !important; height: 208px !important; min-height: 208px !important; max-height: 208px !important; position: relative !important; overflow: hidden !important; flex-shrink: 0 !important; display: flex !important; align-items: flex-start !important; justify-content: flex-start !important; padding: 12px !important; } /* ── IMAGE — scoped to list only ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionImg { position: absolute !important; inset: 0 !important; width: 100% !important; height: auto !important; object-fit: cover !important; border-radius: 12px 12px 0 0 !important; } /* ── STATUS BADGE — scoped to list only ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentGameStatus { position: relative !important; z-index: 3 !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; padding: 6px 12px !important; border-radius: 20px !important; background: rgba(219, 35, 0, 0.88) !important; border: 1px solid rgba(255, 153, 0, 0.7) !important; font-size: 14px !important; font-weight: 500 !important; color: #ffffff !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentGameStatus.live::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 50%; animation: livePulse 1.4s ease-in-out infinite; flex-shrink: 0; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentGameStatus.upcoming::before { content: ''; display: inline-block; width: 8px; height: 8px; background: #ffffff; border-radius: 50%; flex-shrink: 0; } @keyframes livePulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.7); } } /* ── DATA + BUTTON WRAPPER ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionDataButtonWrp { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; width: 100% !important; height: calc(442px - 208px) !important; min-height: calc(442px - 208px) !important; padding: 0px 12px 12px !important; gap: 8px !important; box-sizing: border-box !important; overflow: hidden !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionCircle { display: none !important; } /* ── PRIZE FUND LABEL ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentPrizeFundTxt { display: none !important; } /* ── DATA WRAPPER ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionDataWrp { display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; } /* ── PRIZE AMOUNT ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionMoney { font-size: 24px !important; font-weight: 600 !important; color: #fe7c00 !important; text-shadow: none !important; line-height: 1.2 !important; margin: 0 !important; align-items: flex-start !important; align-self: flex-start !important; text-align: left !important; } /* ── COUNTDOWN ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentSectionDate { display: flex !important; flex-direction: column !important; gap: 6px !important; align-items: flex-start !important; align-self: flex-start !important; width: 100% !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .dataStatusTxt { font-size: 16px !important; font-weight: 500 !important; color: #c4c4c4 !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerContent { display: flex !important; flex-direction: row !important; gap: 6px !important; width: 100% !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerCounter { display: flex !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; flex: 1 !important; height: 60px !important; background: rgba(47, 47, 48, 0.5) !important; border-radius: 6px !important; border: 1px solid rgba(255, 255, 255, 0.06) !important; padding: 6px 4px !important; } /* ── HIDE SEPARATOR COLONS ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp [dir=ltr] .countdownBannerCounter:not(:first-child)::before, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerCounter:not(:first-child)::before, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerCounter:not(:first-child):before { display: none !important; content: none !important; width: 0 !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerDate { font-size: 20px !important; font-weight: 700 !important; color: #ffffff !important; line-height: 1.2 !important; display: block !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .countdownBannerNames { font-size: 11px !important; font-weight: 500 !important; color: #adadad !important; text-transform: uppercase !important; letter-spacing: 0.04em !important; margin: 0 !important; line-height: 1 !important; } /* ── JOIN BUTTON ── */ .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentJoinButton { margin-top: 12px !important; padding: 0 !important; width: 100% !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentJoinButton button, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentJoinButton .button { display: flex !important; height: 44px !important; padding: 12px 20px !important; justify-content: center !important; align-items: center !important; gap: 10px !important; align-self: stretch !important; width: 100% !important; border-radius: 24px !important; background: linear-gradient(180deg, #F90 0%, #FF2A00 100%) !important; border: none !important; font-size: 16px !important; font-weight: 500 !important; color: #ffffff !important; cursor: pointer !important; box-shadow: none !important; } .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentJoinButton button:hover, .layout-bc.hasLeftMenu.tournament .casinoGameTournamentListWrp .tournamentJoinButton .button:hover { opacity: 0.88 !important; background: linear-gradient(180deg, #F90 0%, #FF2A00 100%) !important; }