html{
--menu: #000 !important;
}
span[title="Amusnet Interactive (EGT)"] button {
font-size: 0px !important;
}
.hdr-smart-panel-holder-bc {
background: #f28e1e !important;
}
button.sp-button-bc {
background: none !important;
}
.YoPhoneAppContent {
display: none;
}
.connect-wallet {
display: none !important;
}
.is-home-page .layout-content-holder-bc>.has-slider:nth-child(3) .slider-bc {
margin-top: 10px !important;
}
[class*=is-web] .sliderSingleEl .sliderImage img[alt='license'] {
display: none !important;
}
.m-block-nav-items-bc {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) !important;
}
img.verify-logo {
width: 90px !important;
}
.payment-info-bc .description-c-row-bc{ display:none !important; }
.footerSocialLink a{
border-radius: 100%;
background: #545454;
color: #ffffff !important;
overflow: hidden;
}
.footerSocialLink {
background: none !important;
}
.YoPhoneApp,
.YoPhoneAppContent {
display: none;
}
.connect-button-wrapper {
display: none;
}
.hdr-smart-panel-holder-arrow-bc:before {
border-bottom-color: rgba(var(--hero), 1) !important;
}
.header-icon {
width: 50px !important;
height: 50px !important;
}
.layout-bc:not(.is-home-page) .hdr-dynamic-content {
display: none;
}
.sp-button-bc.active, .sp-button-bc:hover {
background: rgba(242, 142, 30, 0.15) !important;
}
body header p.btn.a-color.connect-wallet.parent-currency {
display: flex !important;
}
.connect-wallet:before, .currency-control-symbol {
background: rgba(var(--hero), 1) !important;
}
[class*=is-web] .horizontalSliderRow .sliderImage img {
filter: none !important;
opacity: 1 !important;
}
.horizontal-sl-arrow,
.partners-logo-scroll>a,
.ftr-payments-row-img-bc{
background:none !important;
}
@supports (-webkit-hyphens:none)
{
body .is-home-page {
animation:none !important;
}
}
.ftr-partners-row-inner-bc.partners-logo-scroll>a{
width:inherit !important;
height:100px !important;
}
span[title="Amusnet Interactive (EGT)"] button:before {
content: "";
background: url('https://fghjklcvccbcnskfjnz.cloud/media/oris/media_18752367_6571837a98d679411335d6baf6a3d60e.png');
background-size: 100%;
width: 60px;
height: 21px;
}
.header-bc .deposit-btn a[class*=promotions]{
background: rgba(var(--hero), 1) !important;
color: rgba(var(--oc-1-sc), 1) !important;
padding: 10px 15px !important;
}
.header-bc a.btn.a-color.deposit-btn{
font-size: 0px;
}
.promotionsListEl-bc{
border-radius:25px !important;
}
.promotionsListEl-bc:hover {
transform: scale(1.05) !important;
}
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
transform: none !important;
}
.header-bc button.btn.s-small.sign-in{
background: #262626;
border-radius: 10px;
text-decoration: none;
padding: 5px 12px;
}
.header-bc .hdr-user-bc .btn.register{
border-radius: 10px;
text-decoration: none;
padding: 9px 12px;
height: auto;
}
a.btn.a-color {
border-radius: 10px;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item{
color: #000000 !important;
}
.nav-menu-container.header-navigation:first-child{
background: #151515 !important;
}
.accordion-items .accordion-button.a-outline, .accordion-items .accordion-button:hover{
box-shadow: 0 0 0 1px #f28e1e !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item{
padding: 1px 22px !important;
box-shadow: none !important;
border-radius: 30px !important;
border-top-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item.active, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li:hover>.nav-menu-item{
box-shadow: none !important;
color: #000000 !important;
background: #f28e1e !important;
}
.horizontal-sl-list.casino-horizontal-sl-list-bc.horizontal-items-expanded.horizontal-center{
display: none !important;
}
.popup-inner-bc{
background: #1a1a1a !important;
}
.bc-loader-contain:before {
content: "";
background: url("https://fghjklcvccbcnskfjnz.cloud/media/oris/media_18752367_dafef5b0d71beebf0339a4d35a4b930a.gif");
width: 40px !important;
height: 40px !important;
display: block;
position: relative;
z-index: 99999;
background-size: 100% 100%;
left: 14px;
top: 14px;
}
.bc-loader-contain circle{
stroke: #f28e1e !important;
}
body .header-bc .nav-content-bc .nav-content-menu ul.nav-menu-other li.nav-menu-item {
background: #f28e1e !important;
animation: opacityOther 3s infinite alternate forwards;
animation-delay: 1s;
border-radius: 5px !important;
padding: 3px 15px !important;
height: 100% !important;
margin: 3px !important;
font-size: 13px;
}
body .header-bc .nav-content-bc .nav-content-menu ul.nav-menu-other li.nav-menu-item:hover {
animation: none !important;
}
@keyframes opacityOther{
0%{ opacity: 0; transform: scale(0); }
10%{ opacity: 1; transform: scale(1); }
90%{ opacity: 1; transform: scale(1); }
100%{ opacity: 0; transform: scale(0); }
}
body .promotionsList-bc:before,
.casino-game-tournament-list-bc:before {
content: "";
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
body .layout-bc {
background-color: #0e0200;
background-attachment: fixed;
background-size: 100%;
}
.casino-game-item,
.ftr-game-item-bc{
border-radius: 20px !important;
overflow: hidden !important;
}
.layout-content-holder-bc{
margin-bottom: 20px !important;
}
.is-home-page .market-bc:not(active), .is-home-page .ftr-g-i-head-bc, .is-home-page .carousel-count-arrow-container i,.is-home-page .market-group-holder-bc, .is-home-page .ftr-g-i-body-bc {
background:none !important
}
.is-home-page .slider-bc{
margin-top: 10px !important;
}
.is-home-page .market-bc:not(.active):hover{
background: rgba(var(--hero), 1) !important
}
.ftr-game-item-bc {
background: #00000050 !important;
}
.ftr-game-item-bc:hover {
background: #00000070 !important;
}
.ftr-g-content-bc {
margin-top: 20px;
}
.header-bc .hdr-main-content-bc,
.nav-menu-container,
div#root.layout-bc.theme-default.betslip-Hidden .layout-content-holder-bc {
max-width: 1630px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.sdr-item-bc:before{
display:none !important;
}
.horizontal-sl-item-bc:not(.active) {
box-shadow: 0 0 0 1px #fff !important;
background: #ffffff36 !important;
color: #fff;
}
.horizontal-sl-item-bc:not(.active):hover i{
color:#fff !important;
}
.ftr-g-content-bc .carousel-slide{
transition: all 0.5s ease-out !important;
}
.ftr-g-content-bc .carousel-slide:hover{
transform: scale(1.1) !important;
}
.is-home-page .layout-footer-holder-bc {
background: none !important;
}
.product-banner-info-bc:after, .product-banner-info-bc:before {
display: none;
}
.footer-title{
display:none !important
}
.footer-bc .ftr-link .footer-title{
display: block !important;
border-bottom: 1px dotted #fff;
padding-bottom: 10px;
}
.layout-header-holder-bc{
background: #000000c4 !important;
box-shadow: none !important;
}
.header-bc{
background: none !important;
}
.nav-menu-container .nav-menu-other .nav-menu-item, .nav-menu-container .nav-menu .nav-menu-item{
color:#fff !important;
}
.accordion-items .accordion-button:not(.a-outline){
box-shadow: 0 0 0 1px #fff !important;
}
.accordion-items .accordion-button.a-outline, .accordion-items .accordion-button:hover{
box-shadow: 0 0 0 1px #fff !important;
background: #f28e1e !important;
color: #000 !important;
}
.sms-verification-popup .a-outline{
display:none !important
}
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover, .promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover{
color: #fff !important;
}
div#comm100-float-button-2 img {
height: 45px;
}
.live-casino-games .accordion-items-resize button,
.casino-slots .accordion-items-resize button {
width: 100% !important;
}
.hdr-dynamic-content .product-banner-container-bc{
display: flex !important;
padding: 10px;
padding-bottom: 0px;
margin-bottom: -5px !important;
}
.hdr-dynamic-content .product-banner-container-bc a{
width: 65px !important;
}
.layout-footer-holder-bc {
background: transparent !important;
}
.live-casino-games .accordion-items-resize span, .casino-slots .accordion-items-resize span {
width: 8.45% !important;
}
body .casino-slots .accordion-items-resize button {
width: 100% !important;
}
body .casino-slots .accordion-items-resize span,
body .live-casino-games .accordion-items-resize span {
margin-right: 10px !important;
}
a.btn.header-icon-text.deposit-btn {
background: #03b800;
color: #ffffff !important;
border-radius: 10px;
}
.header-custom-buttons a[class*=promotions] {
color: #000 !important;
}
.crypto-wallet-switcher-container .btn.active {
color: #000 !important;
}
/* deposit/wallet ikon eski renk (§7 override eder) */
.hdr-user-bc .bc-i-deposit, .hdr-user-bc .bc-i-wallet {
background: #f28e1e !important;
}
.crypto-currency-data i {
color: #f28e1e;
}
i.social-icon.bc-i-x50-wheel {
background: url(https://fghjklcvccbcnskfjnz.cloud/media/oris/media_18752367_4fcd897a0b741c5931d4d068ecfc091b.jpeg);
background-size: 100%;
border-radius: 100%;
}
i.social-icon.bc-i-x50-wheel:before {
content: '';
}
#comm100-container a{
position:fixed;
right: 10px;
bottom: 0px;
z-index:9999;
}
#comm100-container img{
max-width:150px;
}
.hm-row-bc .casinoJackpotWrapper-bc:before, .layout-content-holder-bc>.casinoJackpotWrapper-bc:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXcAAAMYCAMAAAAHI1dqAAAAaVBMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8G612AAAAI3RSTlMAAwYKDRATGSAWKiaTPyOFfh1bMTkuT0cbVJAVYos1l3RtaCkfz+wAAAqkSURBVHja7N3ZktowEIVhuluS943F2AxL4P0fMgOZVO6mKgUjR5P/45IqLo5bkrUUWuFviKzikPcPPoh5ixKHiKoKyX/QbJPr6suJqJkzI/kPOjSVrb6aqLlQFEVwqgR/J/bmX5KE2qdf+qzdbXZ54cj9peOq+PKzcndZuV8f100VTFd4HSmazxpVaPfX7tTdmoyCfymx6bPevditu/pS93PujdxjdVfqis3xdLnU3bol92hE7a18r/f60I/Ue0RiPm9ufdcft/TvEYm6omrm9bhtg5F7PGIuZHk7ZJ7YYxJVc957R+xxiYiamQrrM7GJEDoAAP8oRellWJZ7go/P7ZqJLZT4bGqp9wWIsmMIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP8tUce1ZwvQrOTPsBdgeVORe3zih0A/swAumQCAryXcurcAEVFVLpmMTETNOWemBB+RiDpfZNmbdwQfzSP2kO+253IIXFYezz32tlnfbvOZy/kjEvXZ+difTv28Kyj4aMR8vv9xqOvDdZuRezRivt33h/py+NFM5B6NqB+a66muu+OZeo9H1BXleO37274KjthjETE/7Zpx3FYZu24RiZov8rYdCm90MxGJmvPBe/dk7Dyzvw5ezUyfWSWQ31bPe+ZHErtpXR6efXKPZ/eC99olR/fH0mwq61S/eqoiPN1VvZOsKd1qEX8KSJMY6ETuI3O5KfPC2bOlIsWmtdVSfq3NJrIyK+qKqlkf56Z6e37mteQZMlEL5X5fpvFmJ+bz5tqdulszeJOEx1VRN42n05jGxF0slHNX14d+rkLSUy9RN8yHw5ylUO9yz319qi91ty5Tz93Cbp53IYXc7/Vezf3hvd7HxOt9JebCNIRExlXzw/bYd/1xOyW+ZSWq5pwlUe6P1tlux3k852k00G8yb3psjU9V1U6JNNDvcoTrMV/1wScy3/g+RNTMOPkUnUhK7RMAAAAAAADAv4JFRQAAAAAAAAAAAAAAAAAAgJ/s3W1u2zAMBuBStJwlHoq4cdFtKbKP+x9y8I8dYBggT+rz3MAvDMoyQBKwbvU/EfPrmk+0to9ClXt7Ma2zNbcHCHOBAAAAAAAAAAAAAAAAAGjM+vUjREQpugqbi5K7MkDwkf1MHYiS9X6apxGCjy+3Uy9d2JHTur3dziPkXtbH2kvuJc/b9fPPZcr+S3zk3E+d2XP/9muZRjhaO3qEyPr89nU7TQPUmZ5EyXpa70Ocq10Z6DuyK3/uTfYBNxcRTzH2NWUkZX08G9LVXvm0yf0AMc2TOnMAv48BAAAAAAAAAAAA/knOtZcuyZHEvL3qc2gv6u0i9/aiVHXmL3zItmAAAAAAAAAAAAAAAAAAAADgA7OT8AixE31rESUzi+DbilKmWqsl8I1Fmc7L4zJn8cK3FFkv79f3SzVuq6nI+XH9ft3k3lZkXV5+vCw11ZmWouR9uS2zc7WtiJK11vS6N7YHn75mDuC6CgAAAAAAv9m7t+TEgRgKw5HUN2wcgs2dcJv9L3KcB9fUvIWqRBj8fysIp1Sd7kZqAAAAAAAAgB/EMOEjiKj1lOZ7V6IWYkox0AfuSdTisdRVyZFxEy/DDGezb7frJcE7Ekvv29vH4rpfzwK5exjKvWsX8/np1iyZ43QjGvL5z+lyOVy3hdx9DPX+2df74daQuyOxVG+vi9NH22XWdz+iIVfbtt10lLsnUYu5VOt6lyh3P8N5dZYi51VfomrGuLg/EVHe2AIA4MXwr/0RxDgwP4LuuqJv8Kalqcndn4QUWGfuwlPsAAAAAAAAAAAAAAAAAAAAAAA8IVr5H0JsCqMr4ysu3Z0nMCJnsziyD6m5W47sT/p5MltV4W1cNLz+KK6kc/36n3KEplBco0TqAAAAAAAAAAAAAIDnbuCaBE15At2B4xO7ZvfyXWojZKVK1Ls/MX6oGwAAAAAAAAAAAAAAfqB+nKysJvDK1x2k59DKp2UCr3zdlbr2fj94scg684+IWk8dKp7+2P9jj3kW6Snz9RV7tdlUieBdiVrenE6bHMjdy5D7/jDf78jdlailrm071hlfIhqOpRx5bNOZqFoI9Mi7E9Eee2t/wsQfAAD4bSLCnsPbcEXOFtuZiFqMkSOls6/Yy/o9cWPoSzSU/bWtorHSeBKL6+tlseKq1pdYrD8Xt47vQH2JhlQ1XeaK3NWwnwmU+3ewf39+nFfvRa8VAAAAgBHgKPcIItojeWciZha4NPrL3p2kNwoDYRhOVUliMmMM2MZD4vsfstML77uzkGzre29APQKBhOqPTdSFsdwcW2BRiVioj9O+Ym06KlEr1svuXLLXHs+j7v1pGhnvcYn5Zl04FRWbqPniEJhXYxM1Z6YM93/EqahXx7cqAAAAAAAAAAAAAAAAAAAAAAAAgFehHP5LQYu6IF47PuvahrrHp34M1D0ByfqUcd5Xn4yGjrs9AW3azj4Qm4RuY7wnIEbZAQAA3gjNulIQoTddAqL2gxaYkYmaCwW9R2MTdYf9ci3oLR2XWLh+ne4NAz6eR92H29dMfnZcYr5bzuuBPOG4RM0fyoL47MhENHk2jKjld7eJaOqm3hLqMb8NkfQ5znJo6zfZd5VXylET9y5/Fb1YIMC7/Fcjan/xjhLTI0htZNElMlEL8/E4E3AUl6g7LKfLwmJXXKKuWIdhJTgwLlHzXds2rHVFJmp+21hziU1EzQhSi09EyJ9Og6IDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIA3lG1Qs4ima/stqvYjv8o/ogXTtLkXUee34LILNxA1F6qq8mnikkStmttrfgGqar7q5s+5rLwmqbtrzv33NbewJlFX1Ot0ntpmM/2ITtR9ft36Nru6W+jW7/7S39syRU6VqOuW72nOLb1GrZqnfnfbDcfGW4q6my/rLuSWTaau+jxfbrddP9Xe0kyszrnswifVtvrY73anYWnS1F1UTbPLahLzZXsf+uG8H9Pc68lzmpMQdVXTHqdl3/3/KwVZTb8mYm4rm7oZt/ef2kSf5+tMVM1573P4UnfN7J/mIkVEzSyDNUHx8z4800XmMrNZqJ7nQZOTPIYXgD/swYEAAAAAAJD/ayOoqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqtKevSYnCEMBFO7Ni0djQEGwgBbd/yJL2UHHTuYOcz7/O5NjhEsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOQg2we5iYgxRoT2Ge3VrbPWGsLnJMb6MFfBO0v4bPbsRbp2dRkIn5EYX9TjslxOKVhD90xEbEjj2tybpb95e5DuIqJ9TBBXdUsT49QO6TDdjdE+oIlx1eN1j9+xGT7DUbpb572zRvNl07j5evnd7+t4nP0+38pzEbbyH2qJ9eXp1TbrpSuc5g3yF3U/nroyaF6PGDenfhjG7uwPM88Mz3Zd+lLz/1fE+nBLn2Xh394eouV3e97j1FyuldN8odkfWIN3bx8UiC9nHQtt43ecXn2hufsefmPePp8x6VTbDw3aGLfuD93df8vv3v6akAodC30109R+1bPy7v9ERMvEPC7r8+tx1nxfPaTU9f31zHlTbqG6FZXXPL4fk3UbXuRkJ8YYquen/xgY+Dc/+ghOjBvCthYAAAAASUVORK5CYII=),radial-gradient(circle at 56% 100%, #262626,rgba(0,0,0,.7) 100%) !important;
}
.payment-info-bc .leaderboard-bc {
display: none !important;
}
.ftr-social-link-row-column-bc {
width: 245px!important;
flex-wrap: wrap!important;
justify-content: flex-end!important;
}
.ftr-social-link-row-column-bc a {
margin-bottom: 10px!important;
}
.ftr-social-link-row-column-bc i {
font-size: 20px !important;
width: 30px!important;
height: 30px!important;
}
.ftr-partners-row-inner-bc.partners-logo-scroll img {
width: 100px!important;
height: 40px!important;
}
.ftr-partners-row-inner-bc.partners-logo-scroll {
margin: 0 auto!important;
display: flex!important;
align-items: center!important;
justify-content: center!important;
}
.ftr-partners-row-inner-bc.partners-logo-scroll a {
height: 110px !important;
width: 110px !important;
}
.is-home-page .hm-row-bc .countdown-banner-content {
background: transparent !important;
box-shadow: none !important;
backdrop-filter: none !important;
border: 1px solid transparent !important;
top: 33% !important;
left: 79px !important;
transform: scale(1) !important;
}
.is-home-page .hm-row-bc .countdown-banner-date {
font-size: 41px !important;
line-height: 35px !important;
}
[dir=ltr] .is-home-page .hm-row-bc .countdown-banner-content {
left: 3% !important;
right: auto !important;
top: 60px !important;
background:none !important;
border:none !important;
backdrop-filter: none !important;
box-shadow: none !important;
font-weight: bold;
}
.layout-bc:not(.slider-full-sized) .slider-market-coefficient-container .countdown-banner-content {
transform: scale(1) !important;
top: 11px !important;
bottom: auto !important;
margin-left: -5% !important;
left: 6% !important;
}
.slider-bc .carousel-count-arrow-container.with-count .carousel-count-arrow:before, .slider-bc .carousel-count-arrow-container.with-count .carousel-count-arrow:after{
box-shadow:none !important;
}
.sgm-market-g-i-cell-bc.market-bc.active {
background: #f28e1e !important;
}
.slider-market-coefficient-container .market-bc:not(.active) {
border: 1px solid #f28e1e !important;
}
[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
filter: none !important;
opacity: 1 !important;
}
.footerLinkColEl a {
color: #fff !important;
}
.horizontalSliderRow .footerSliderImage {
background: none !important;
padding: 0px!important;
width: auto !important;
min-width: auto !important;
height: auto !important;
}
.horizontalSliderRow .footerSliderImage img {
filter: none !important;
opacity: 1 !important;
width: 90px !important;
height: 90px !important;
}
body .casino-slots .accordion-items-resize button {
font-size: 12px !important;
}
.connect-wallet {border-radius: 10px !important; }
.horizontalCategoryItem {
height: 100%;
color: #000 !important;
background: none !important;
}
[class*=is-web] .horizontalCategoryItem i {
font-size: 22px !important;
color: #fff !important;
margin-left: 15px !important;
}
.horizontalCategoryItemWrp {
background: #ffffff00 !important;
backdrop-filter: blur(10px);
}
[class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before, [class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before {
background: #f28e1e !important;
color: #fff !important;
}
[class*=is-web] .horizontalCategoryItemWrp.active i, [class*=is-web] .horizontalCategoryItemWrp:hover i {
color: #000 !important;
}
.horCatItemTitleWrp {
color: #000 !important;
}
[class*=is-web] .horizontalCategoryItemWrp.active .horCatItemTitle, [class*=is-web] .horizontalCategoryItemWrp:hover .horCatItemTitle {
color: #fff !important;
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper {
background: rgb(0 0 0 / 33%) !important;
border: 1px solid rgb(88 88 88) !important;
}
.casinoProviderRow {
background: rgb(0 0 0 / 36%) !important;
}
.casinoGameListBlockHeader{
background: none !important;
}
[class*=is-web] .searchInputWrp{
background: #ffffff00 !important;
backdrop-filter: blur(10px);
}
.providerItemsInner {
background: #00000063 !important;
backdrop-filter: blur(10px);
}
.providerItemsInner:hover {
background: #070707 !important;
}
.providerItemsInner.active {
background: #f28e1e !important;
}
[class*=is-mobile] .searchInputWrp.active{
background: #ffffff00 !important;
backdrop-filter: blur(10px);
}
.providerItemsInner:hover path,
.providerItemsInner:hover svg{
fill: #fff !important;
}
.providerItemsInner.active svg,.providerItemsInner.active svg path {
fill: #000 !important;
}
.providerItemsInner:hover,
.providerItemsInner.active{
color: #fff !important;
}
[class*=is-web] .casinoCategoryChooserContainer{
height:70px !important;
}
.casino-info-block {
background: #0000004a !important;
}
.casino-winners-amount {
color: #fff !important;
}
.sidebar-image img {
width: 30px !important;
height: 30px !important;
}
.informative-widget-link {
background: none !important;
border: 2px solid rgba(var(--hero), 1) !important;
border-radius: 20px;
}
.informative-widget-container {
padding: 10px !important;
}
[dir=ltr] .hdr-dynamic-content .e-p-close-icon-bc {
color: #f28e1e !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item>i, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item>i {
font-size: 22px !important;
margin-bottom: 5px !important;
text-align: center !important;
margin: 0px auto !important;
margin-bottom: 5px !important;
}
.nav-menu-container.header-navigation:first-child .nav-menu-other>.nav-menu-item, .nav-menu-container.header-navigation:first-child .nav-menu>li>.nav-menu-item {
padding: 0 10px !important;
color: #fff !important;
letter-spacing: .1px !important;
transition: all .24s !important;
display: flex !important;
align-content: flex-start !important;
align-items: center !important;
flex-direction: column !important;
justify-content: center!important;
font-weight: bold;
font-size: 12px !important;
}
.nav-menu-container .nav-menu-other .nav-menu-item, .nav-menu-container .nav-menu .nav-menu-item {
font-size: 13px !important;
}
.nav-menu-container .nav-menu, .nav-menu-container .nav-menu-other {
display: flex !important;
justify-content: space-around;
}
.nav-menu-container .nav-menu {
width: 100% !important;
flex-wrap: wrap !important;
height: 60px !important;
}
.nav-menu-container .nav-menu > li {
height: 80% !important;
}
ul.nav-menu.nav-menu-hide-items > li > a > i{
background-image: linear-gradient( 140deg, #f28e1e 0%, #ff8b00 29%, #f28e1e 67%, #f28e1e 100% ) !important;
background-size: 200% auto;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.is-home-page .hm-row-bc:not(:first-child:empty)+.hm-row-bc {
margin-top: 0px;
}
ul.nav-menu.nav-menu-hide-items > li > a.active > i,
ul.nav-menu.nav-menu-hide-items > li > a:hover > i{
background-image: linear-gradient( 140deg, #000 0%, #000 29%, #000 67%, #000 100% ) !important;
}
.sidebar-title {
font-weight: bold;
font-size: 14px;
}
.hdr-dynamic-content .hm-row-bc:last-child {
display: none;
}
ul.nav-menu-other {
height: 50px !important;
}
.u-i-p-a-loyaltyPoint-bc {
background: #ff0000;
color: #fff !important;
font-weight: bold;
}
span.loyalty-program-level-card-vip.ellipsis {
color: #fff !important;
}
.loyalty-program-level-card.active {
background: #e60006 !important;
color: #fff !important;
}
.loyalty-program-level-card.active .loyalty-program-level-card-title {
color: #fff !important;
}
.loyalty-program-level-card-img {
margin-top: 0;
}
.loyalty-program-level-card:hover {
background: #0000004f !important;
}
.loyalty-program-level-card:hover span {
color: #fff !important;
}
.loyalty-program-level-card {
padding: 10px !important;
border-radius: 10px !important;
}
.loyalty-level-progressBar-wrapper .loyalProgressBarStick-bc .loyalProgressBarStick-after {
background: #e60006 !important;
}
.horizontalSliderElem {
background-color: rgb(0 0 0 / 65%) !important;
}
.hdr-main-content-bc .skeleton-loader-small-select {
visibility: hidden;
}
.horizontal-sl-item-bc.accordion-button.storiesWidgetListItem {
background: none !important;
border: none !important;
box-shadow: none !important;
}
.horizontal-sl-item-bc.accordion-button.storiesWidgetListItem p {
display: none;
}
[class*=is-web] .storiesWidgetWrapper {
height: auto !important;
}
[dir=ltr] .horizontalSliderNav:last-child:after,
[dir=ltr] .horizontalSliderNav:first-child:after {
border-radius: 30px !important;
}
.storyGroupInfo>span {
color: #f28e1e !important;
}
form#login_form_id ul.footerSocialLinks li {
display: none;
}
form#login_form_id ul.footerSocialLinks li:first-child {
display: block !important;
margin: 0 auto!important;
margin-top: 10px!important;
}
a.btn.a-color.header-icon-text.bc-i-verified span{
display: none;
}
a.btn.a-color.header-icon-text.bc-i-verified{
background: url(https://fghjklcvccbcnskfjnz.cloud/media/oris/media_18752367_a9688e12c7fbb5244dd64db2957be6ac.png) !important;
font-size: 0px !important;
width: 75px !important;
display: block;
height: 30px !important;
background-size: 100% 100% !important;
}
.header-custom-buttons a {
width: auto;
}
.switch-popup-wrapper.in-auth-popup {
display: none !important;
}
.footerWrapper .horizontalSliderRow {
display: flex;
align-items: center;
justify-content: center;
}
.footerWrapper [class*=is-web] .horizontalSliderRow .sliderImage img {
opacity: 1;
}
.footerWrapper .horizontalSliderRow a:first-child {
display: none;
}
.footerWrapper .horizontalSliderRow a:nth-child(2) {
position:absolute;
margin-top: -6.5rem;
margin-right: -78vw !important;
display:block;
}
h4.sliderTitle {
display:none
}
.footerContainer .horizontalSliderWrapper {
overflow: inherit;
}
[class*=is-web] .sliderSingleElWrapper:not(:last-child) {
margin-left: -95px;
}
.footerWrapper .horizontalSliderRow a:nth-child(2) img {
width: 90px !important;
height: auto !important;
}
.product-banner-img-bc, .product-banner-icon-bc {
margin-bottom: 10px !important;
}
[class*=is-web] .horizontalSliderRow .sliderImage{
margin-right: 20px !important;
min-width: 110px !important;
}
[class*=is-web] .horizontalSliderRow .sliderImage img {
opacity: 1 !important;
width: 110px !important;
height: 70px !important;
}
.nav-menu-container .nav-menu>li>.nav-menu-item>.CMSIconSVGWrapper, .nav-menu-container .nav-menu-other>.nav-menu-item>.CMSIconSVGWrapper {
margin: 0px !important;
margin-bottom: 5px !important;
}
/* ================================================================
DESKTOP CUSTOM CSS — Oris Bahis
================================================================
Dosya: parent/desktop.custom.css
Platform: BetConstruct
Marka: Oris Bahis
Tasarim Renkleri (Oris Warm):
- Arkaplan: #0e0200 / #170400 / #1a0800
- Orange Accent: #f28e1e / #ff4f00
- Metin: #ffdcb5 / #fff2e4 / #ffffff
- Telegram: #29b6f6
================================================================
ICINDEKILER
----------------------------------------------------------------
§1 GLOBAL OVERRIDES
§2 LAYOUT — Max Width & Full Width
§3 GLASSMORPHISM — Header
§4 GLASSMORPHISM — Navigation
§5 GLASSMORPHISM — Popups, Overlays & Profile Panel
§6 GLASSMORPHISM — Betslip, Search & Left Sidebar
§7 HEADER — Custom Buttons (Enterprise Grade)
§8 HEADER — Balance, Avatar & Dropdowns
§9 AUTH BUTTONS (Giris / Kayit)
§10 NAVIGATION OVERRIDES (SVG Icons + Badge Gizle)
A. Badge'leri Gizle
B. Nav Item Padding & Layout
C. More Dropdown Düzeltmeleri
D. SVG İkon Temel Stili
E. SVG İkon Tanımları (19 menü)
F. Alt Çizgi Degrade
§11 BRAND COLOR OVERRIDES (Gold Accent)
§12 CASINO & GAMES
§13 SPORTS BETTING & BONUS (+ Öne Çıkan Etkinlikler)
A. Öne Çıkan Etkinlikler (Featured Games)
B. Genel Sports Betting & Bonus
§14 PROMOTIONS
§15 FOOTER
§16 DESKTOP CUSTOM SLIDER
§17 MISCELLANEOUS
§18 SKELETON LOADING & LOADERS
§19 CATEGORY BUTTONS WIDGET (Desktop Premium)
§20 CASINO LOBBY — Game Sections (Desktop Premium)
§21 PARA YATIR / DEPOSIT PAGE
================================================================ */
/* ================================================================
§1. GLOBAL OVERRIDES
----------------------------------------------------------------
Base: a { color: rgba(var(--b-sc), 1) }
================================================================ */
a {
color: white !important;
}
.horizontalSliderElem {
background-color: rgb(255 255 255 / 0%) !important;
padding: 0px !important;
margin-left: 2px !important;
margin-right: 2px !important;
}
/* Home page — full-screen background image */
.is-home-page::before {
content: "";
background: url(https://cms-storage.m-orisbet503.com/content/images/e25ef097f2d7ec72e7bae85a4d995cc6_1877082_media.jpg) !important;
width: 100% !important;
height: 100% !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
background-size: cover !important;
background-position: center !important;
z-index: -1 !important;
}
/* ================================================================
§2. LAYOUT — Max Width & Full Width
================================================================ */
/* Ana content + footer max genislik */
.layout-content-holder-bc,
.layout-footer-holder-bc {
max-width: 1600px !important;
margin-left: auto !important;
margin-right: auto !important;
height: 100% !important;
}
/* Content holder flex column — order property çalışsın diye
(oris-category-buttons order:-99, slider order:-100 → slider üstte, category buttons hemen altında) */
.layout-content-holder-bc {
display: flex !important;
flex-direction: column !important;
}
/* Slider satırını en üstte tut (category buttons order:-99'dan önce) */
.layout-content-holder-bc > .hm-row-bc.has-slider {
order: -100 !important;
margin-top: 12px !important;
margin-bottom: 8px !important;
}
/* Side panel — Oris glassmorphism override */
.sidePanel-holder {
height: auto !important;
background:
linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(240,201,89,0.02) 100%),
rgba(14, 2, 0, 0.85) !important;
-webkit-backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important;
backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important;
border-left: 1px solid rgba(255, 255, 255, 0.10) !important;
box-shadow:
-8px 0 32px rgba(0, 0, 0, 0.4),
inset 1px 0 0 rgba(255, 255, 255, 0.08) !important;
}
/* Side panel — header bar */
.sidePanel-holder .overlay-header {
background: rgba(23, 4, 0, 0.95) !important;
border-bottom: 1px solid rgba(242, 142, 30, 0.15) !important;
padding: 16px 20px !important;
color: #ffffff !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
}
.sidePanel-holder .overlay-header span {
color: #f28e1e !important;
font-size: 14px !important;
font-weight: 700 !important;
}
.sidePanel-holder .overlay-header .bc-i-close-remove {
color: rgba(255, 255, 255, 0.5) !important;
transition: color 0.2s ease !important;
}
.sidePanel-holder .overlay-header .bc-i-close-remove:hover {
color: #f28e1e !important;
}
/* Side panel — notification container */
.sidePanel-holder .notification-new-container {
background: transparent !important;
padding: 12px !important;
}
.sidePanel-holder .notification-new-header {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 8px 4px !important;
margin-bottom: 8px !important;
}
.sidePanel-holder .notification-new-header time {
color: rgba(255, 255, 255, 0.45) !important;
font-size: 12px !important;
}
.sidePanel-holder .notification-new-header span {
color: rgba(242, 142, 30, 0.7) !important;
font-size: 12px !important;
cursor: pointer !important;
transition: color 0.2s ease !important;
}
.sidePanel-holder .notification-new-header span:hover {
color: #f28e1e !important;
}
/* Side panel — notification items */
.sidePanel-holder .notification-new-item {
background: rgba(242, 142, 30, 0.08) !important;
border: 1px solid rgba(242, 142, 30, 0.15) !important;
border-radius: 10px !important;
padding: 12px 14px !important;
color: #ffffff !important;
margin-bottom: 8px !important;
transition: background 0.2s ease, border-color 0.2s ease !important;
}
.sidePanel-holder .notification-new-item:hover {
background: rgba(242, 142, 30, 0.14) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
}
.sidePanel-holder .notification-new-item[data-status="unread"] {
border-left: 3px solid #f28e1e !important;
}
.sidePanel-holder .notification-new-item-info {
color: rgba(255, 255, 255, 0.9) !important;
font-size: 13px !important;
flex: 1 !important;
}
.sidePanel-holder .notification-new-item-icon {
color: #f28e1e !important;
margin-right: 10px !important;
font-size: 16px !important;
}
.sidePanel-holder .notification-new-item .bc-i-close-remove {
color: rgba(255, 255, 255, 0.3) !important;
font-size: 12px !important;
margin-left: 8px !important;
transition: color 0.2s ease !important;
}
.sidePanel-holder .notification-new-item .bc-i-close-remove:hover {
color: #ff3449 !important;
}
/* Spor & E-Spor & Canli — tam genislik */
[class*="is-sport"] .layout-content-holder-bc,
[class*="is-esport"] .layout-content-holder-bc,
[class*="is-live"] .layout-content-holder-bc {
max-width: 100% !important;
}
/* ================================================================
§3. GLASSMORPHISM — Header
================================================================ */
/* Parent container — solid bg kaldir, glass alti gorunsun */
.layout-header-holder-bc {
background: transparent !important;
box-shadow: none !important;
}
/* Ana header container — warm glass efekt (mobil referans: #170400 → rgba(125,22,0,0.06)) */
.header-bc {
background:
linear-gradient(to right, rgba(23,4,0,0.88), rgba(125,22,0,0.18)),
rgba(14, 2, 0, 0.55) !important;
-webkit-backdrop-filter: saturate(180%) blur(40px) !important;
backdrop-filter: saturate(180%) blur(40px) !important;
border-bottom: 1px solid rgba(255, 79, 0, 0.08) !important;
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.3),
0 4px 16px rgba(0, 0, 0, 0.15),
inset 0 1px 0 rgba(255, 255, 255, 0.05),
inset 0 -0.5px 0 rgba(0, 0, 0, 0.2) !important;
}
/* Header ic alanlar — parent blur gorunsun */
.header-bc .hdr-main-content-bc,
.header-bc .hdr-user-bc,
.header-bc .hdr-user-info-bc {
background: transparent !important;
}
/* Nav menu container — transparent */
.header-bc .nav-menu-container,
.header-bc .nav-menu-container.header-navigation,
.header-bc .nav-menu,
.header-bc .nav-menu-other {
background: transparent !important;
}
/* Hizli islemler bandı (product banner) — warm */
.header-bc .hdr-dynamic-content,
.header-bc .hdr-additional-info {
background:
linear-gradient(to right, rgba(23,4,0,0.75), rgba(125,22,0,0.25)),
rgba(14, 2, 0, 0.65) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5) !important;
}
/* Hizli islemler transition */
.header-bc .hdr-additional-info,
.header-bc .hdr-navigation-scrollable-bc-holder {
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease !important;
}
/* Navigation scroll alanlari — transparent */
.header-bc .hdr-navigation-scrollable-bc,
.header-bc .hdr-navigation-scrollable-content,
.header-bc .hdr-navigation-link-bc {
background: transparent !important;
}
/* Scroll shadow gradient kaldır */
.header-bc .hdr-navigation-scrollable-bc::before,
.header-bc .hdr-navigation-scrollable-bc::after {
background: transparent !important;
background-image: none !important;
}
/* Logo boyutu */
.hdr-logo-bc {
max-width: 200px !important;
height: 3.75rem !important;
}
/* Toggle Button (Hizli Islemler) */
.hdr-toggle-button-bc {
width: 30px !important;
height: 30px !important;
border-radius: 4px !important;
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
color: #f28e1e !important;
font-size: 0 !important;
}
/* Toggle ikon (3 nokta yerine grid) */
.hdr-toggle-button-bc::before {
content: '' !important;
display: block !important;
width: 16px !important;
height: 16px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f28e1e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7'/%3E%3Crect x='14' y='3' width='7' height='7'/%3E%3Crect x='14' y='14' width='7' height='7'/%3E%3Crect x='3' y='14' width='7' height='7'/%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* Smart Panel */
.hdr-smart-panel-holder-arrow-bc {
background: rgba(23, 4, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.05) !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 1) !important;
}
.hdr-smart-panel-holder-arrow-bc::before,
.hdr-smart-panel-holder-arrow-bc::after {
border-color: transparent transparent rgba(23, 4, 0, 0.98) !important;
}
.hdr-smart-panel-holder-bc {
background: transparent !important;
gap: 4px !important;
}
.sp-button-bc {
background: transparent !important;
border-radius: 0 !important;
color: #b7b7b7 !important;
transition: all 0.2s ease !important;
}
.sp-button-bc:hover,
.sp-button-bc:active {
background: rgba(242, 142, 30, 0.15) !important;
color: #f28e1e !important;
}
.sp-button-icon-bc {
color: inherit !important;
}
/* Smart Panel badge — altin renk */
.sp-button-bc .count-odd-animation,
.sp-button-bc [data-badge]:not([data-badge=""]) {
background: #f28e1e !important;
color: #170400 !important;
}
/* Countdown Banner */
.countdown-banner-content {
top: 4.5rem !important;
background: rgb(24 24 27 / 0%) !important;
border: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: 0 0 0px #00000000 !important;
justify-content: flex-end !important;
right: 2rem !important;
}
.countdown-banner-date {
font-size: 32px !important;
}
.countdown-banner-names {
font-size: 18px !important;
}
.countdown-banner-counter:not(:last-child) {
padding-inline-end: 25px !important;
}
/* ================================================================
§4. GLASSMORPHISM — Navigation
================================================================ */
/* Nav bar container — warm gradient (mobil referans: rgba(23,4,0,0.65) → rgba(125,22,0,0.45)) */
.nav-menu-container.header-navigation:first-child {
/* background: linear-gradient(to right, rgba(23,4,0,0.65), rgba(125,22,0,0.45)) !important; */
-webkit-backdrop-filter: blur(12px) !important;
/* backdrop-filter: blur(12px) !important; */
border: none !important;
border-bottom: 0.5px solid rgba(255,79,0,0.12) !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: none !important;
}
/* Nav bar ic elemanlar — border-radius temizle */
.nav-menu-container.header-navigation:first-child .nav-menu,
.nav-menu-container.header-navigation:first-child .nav-menu > li:first-child > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other,
.nav-menu-container.header-navigation:first-child .nav-menu-other > li,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item {
border-radius: 0 !important;
}
/* Ikinci nav bar — solid kaldir */
.nav-menu-container.header-navigation:nth-child(2) {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
}
/* Nav content wrapper — solid kaldir */
.nav-content-bc {
background: transparent !important;
}
/* Nav content dropdown — glass */
.nav-content-bc .nav-menu-container .nav-menu-sub {
background:
linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%),
rgba(14, 2, 0, 0.85) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px) !important;
backdrop-filter: saturate(180%) blur(30px) !important;
}
/* Nav content dropdown item — transparent */
.nav-content-bc .nav-menu-container .nav-menu-sub .nav-menu-item {
color: rgba(255, 255, 255, 0.75) !important;
background: transparent !important;
}
/* Nav item — default: yatay layout, muted text (mobil referans: .ni) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item {
color: #c0c0c0 !important;
border-image: none !important;
transition: color 0.25s ease !important;
flex-direction: row !important;
align-items: center !important;
gap: 4px !important;
padding: 0 10px !important;
font-size: 12px !important;
font-weight: 500 !important;
white-space: nowrap !important;
}
/* Nav item — hover: text brighten only (mobil referans: .ni:hover) */
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item {
color: #e0e0e0 !important;
background: transparent !important;
box-shadow: none !important;
}
/* Nav item hover — ikon parlaklik */
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item::before {
opacity: 1 !important;
}
/* Nav item — active: pill gradient + glow orb (mobil referans: .ni.act) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active {
color: #e8e8e8 !important;
background:
/* Orb gradient kenar — referans: .ni-glow::before (turuncu halka) */
radial-gradient(circle 12.5px at 15.5px 50%,
transparent 0%, transparent 60%,
rgba(255,79,0,0.5) 75%, rgba(255,79,0,0.7) 88%, transparent 100%) no-repeat,
/* Orb koyu daire — referans: .ni-glow #170400 solid */
radial-gradient(circle 12.5px at 15.5px 50%,
#170400 0%, #170400 72%, transparent 73%) no-repeat,
/* Pill gradient — referans: .ni-pill-bg */
linear-gradient(130.27deg, rgba(255,79,0,0) 18%, rgba(25,24,22,0) 21.3%, rgb(255,79,0) 98.4%),
/* Base */
linear-gradient(90deg, rgba(23, 4, 0, 1), rgba(23, 4, 0, 1)) !important;
border-radius: 36px !important;
box-shadow:
0px 4px 4px rgba(0, 0, 0, 0.25),
inset -3px 2px 12.6px -8px #f28e1e,
inset 2px 0px 9.2px -5px #ff4f00 !important;
border-image: none !important;
padding: 0 10px 0 32px !important;
position: relative !important;
margin: 0 -2px !important;
}
/* Active item — ikon orb icinde (referans: .ni-act-icon 16x17, left:6.5px)
Orb 25px (center 15.5px), ikon 16px → left: 15.5 - 8 = 7.5px (orb merkezli)
Pill padding-left: 32px = orb(28px end) + 4px gap text'e */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active::before,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active::before {
position: absolute !important;
left: 7.5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 16px !important;
min-width: 16px !important;
height: 16px !important;
z-index: 2 !important;
margin: 0 !important;
opacity: 1 !important;
}
/* Active item — BC ikon SVG gizle (::before kullanilacak) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active .CMSIconSVGWrapper,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active .CMSIconSVGWrapper {
display: none !important;
}
/* Dropdown submenu — glass */
.nav-menu-sub {
background:
linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 100%),
rgba(14, 2, 0, 0.85) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px) !important;
backdrop-filter: saturate(180%) blur(30px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}
/* Dropdown item text */
.nav-menu-sub .nav-menu-item {
color: rgba(255, 255, 255, 0.75) !important;
transition: all 0.15s ease !important;
}
/* Dropdown item — hover */
.nav-menu-sub .nav-menu-item:hover {
background: rgba(242, 142, 30, 0.1) !important;
color: #ffffff !important;
}
.nav-menu-sub .nav-menu-item:hover::before {
background: #f28e1e !important;
}
/* Dropdown item active */
.nav-menu-container .nav-menu-sub .nav-menu-item.active {
background: rgba(242, 142, 30, 0.15) !important;
color: #f28e1e !important;
}
/* Dropdown hover (li > a) */
.nav-menu-sub li a:hover {
background: rgba(242, 142, 30, 0.12) !important;
color: #ffffff !important;
}
/* ================================================================
§4b. Desktop Nav İkonları — SVG Asset Sistemi (Mobil Port)
================================================================ */
/* BC default inline SVG ikonlari gizle — ::before ile override */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper {
display: none !important;
}
/* Tum nav ikonlari temel stil — ::before (mobil referans: .ni-icon 18x18) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item::before,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item::before {
content: '' !important;
display: inline-block !important;
width: 18px !important;
min-width: 18px !important;
height: 18px !important;
margin-right: 0 !important;
margin-left: 0 !important;
vertical-align: middle !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
opacity: 0.85 !important;
transition: opacity 0.2s ease !important;
flex-shrink: 0 !important;
pointer-events: none !important;
}
/* --- SVG Ikon Tanimlari (aria-label ile) --- */
/* CANLI */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="CANLI"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="CANLI BAHİS"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/bf0a797865575348b265370e85300239e6558d4d.svg") !important;
}
/* SPOR */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="SPOR"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="SPOR BAHİSLERİ"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/67a8a99298bec28cc3577d985c74304dbefae226.svg") !important;
}
/* CASİNO */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="CASİNO"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="SLOT CASİNO"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/8824f911560e0431d758ab1c70207b34f6b9215d.svg") !important;
}
/* CANLI CASİNO */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="CANLI CASİNO"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/d8e92d0d6dd47f04fb8fd93d6ce562cba59426db.svg") !important;
}
/* PROMOSYONLAR */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="PROMOSYONLAR"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="BONUSLAR"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/0dac825935b6df4505c3cc5186fbcac76ff56ffc.svg") !important;
}
/* OTOBONUS */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="OTOBONUS"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/90347f00d9b6e97a2a8ca0f553dd00df29d3fa55.svg") !important;
}
/* ORISBET CRASH */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="ORISBET CRASH"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="ORİSBET CRASH"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/6229385ac3866fe9c86cf20836badaabc6b5dd26.svg") !important;
}
/* OYUNLAR */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="OYUNLAR"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/2d90eba17abcd97613c753c624bf5dd7c683d07c.svg") !important;
}
/* CANLI TV */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="CANLI TV"]::before,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="TV"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/b6e5d6c1cf6be4005098cef80537d8727d69117f.svg") !important;
}
/* BİZE ULAŞIN */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="BİZE ULAŞIN"]::before {
background-image: url("https://0r1s8p4c3.devopr.tools/orisbet/assets/c1618587101772e88089be054c0913d40e980b75.svg") !important;
}
/* BAŞVURU MERKEZİ */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item[aria-label="BAŞVURU MERKEZİ"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z'/%3E%3C/svg%3E") !important;
}
/* DAHA (nav-menu-other) — grid ikon */
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Ccircle cx='4' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='20' cy='12' r='2'/%3E%3C/svg%3E") !important;
}
/* m-nav-items (nav chips) — transparan */
.nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:not(.active) {
background: rgba(255, 255, 255, 0.06) !important;
border: 1px solid transparent !important;
}
.nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc.active,
.nav-menu-container.header-navigation:first-child .m-nav-items-list-item-bc:hover {
border: 1px solid rgba(242, 142, 30, 0.25) !important;
background: rgba(242, 142, 30, 0.1) !important;
}
/* ================================================================
§5. GLASSMORPHISM — Popups, Overlays & Profile Panel
================================================================ */
/* --- Popup --- */
.popup-holder-bc {
background: rgba(0, 0, 0, 0) !important;
}
.popup-inner-bc {
background:
linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%, rgba(240,201,89,0.02) 100%),
rgba(14, 2, 0, 0.35) !important;
-webkit-backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important;
backdrop-filter: saturate(200%) blur(60px) brightness(0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow:
0 24px 48px rgba(0, 0, 0, 0.5),
0 8px 24px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
}
/* Popup ici TUM elementler transparent */
.popup-inner-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) {
background: transparent !important;
}
/* ============================================================
FORM CONTROLS — Glassmorphism Panel Uyumlu
Popup, Overlay icindeki tum formlar
============================================================ */
/* --- Input / Textarea --- */
.popup-inner-bc .form-control-input-bc,
.popup-inner-bc .form-control-textarea-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-input-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-textarea-bc {
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 8px !important;
color: #ffffff !important;
caret-color: #f28e1e !important;
}
.popup-inner-bc .form-control-input-bc:focus,
.popup-inner-bc .form-control-textarea-bc:focus,
.overlay-sliding-w-c-content-slider-bc .form-control-input-bc:focus,
.overlay-sliding-w-c-content-slider-bc .form-control-textarea-bc:focus {
border-color: rgba(242, 142, 30, 0.5) !important;
background: rgba(255, 255, 255, 0.10) !important;
}
/* --- Select / Dropdown (div.form-control-select-bc) --- */
.popup-inner-bc .form-control-select-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-select-bc {
background: rgba(255, 255, 255, 0.07) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-radius: 8px !important;
color: #ffffff !important;
}
/* --- Dropdown açık liste --- */
.popup-inner-bc .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc,
.overlay-sliding-w-c-content-slider-bc .multi-select-bc .form-control-label-bc:not(:only-child) .form-control-select-bc {
border-radius: 8px 8px 0 0 !important;
}
.popup-inner-bc .multi-select-bc .form-control-label-bc + div,
.overlay-sliding-w-c-content-slider-bc .multi-select-bc .form-control-label-bc + div {
background: rgba(23, 4, 0, 0.95) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
border-top: none !important;
border-radius: 0 0 8px 8px !important;
}
/* --- Label title (placeholder text) --- */
.popup-inner-bc .form-control-title-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-title-bc {
color: rgba(255, 255, 255, 0.4) !important;
}
/* --- Stroke (alt çizgi) — gizle, border yeterli --- */
.popup-inner-bc .form-control-input-stroke-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-input-stroke-bc {
display: none !important;
}
/* --- Checkbox — unchecked durumu --- */
.popup-inner-bc .checkbox-control-icon-bc,
.overlay-sliding-w-c-content-slider-bc .checkbox-control-icon-bc {
background: rgba(255, 255, 255, 0.12) !important;
border: 1px solid rgba(255, 255, 255, 0.25) !important;
border-radius: 4px !important;
}
/* --- Checkbox — checked durumu (gold) --- */
.popup-inner-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc,
.overlay-sliding-w-c-content-slider-bc .checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
background: #f28e1e !important;
border-color: #f28e1e !important;
}
/* --- Checkbox text --- */
.popup-inner-bc .checkbox-control-text-bc,
.overlay-sliding-w-c-content-slider-bc .checkbox-control-text-bc {
color: rgba(255, 255, 255, 0.7) !important;
}
.popup-inner-bc .checkbox-control-text-bc a,
.overlay-sliding-w-c-content-slider-bc .checkbox-control-text-bc a {
color: #f28e1e !important;
}
/* --- Validation states --- */
.popup-inner-bc .form-control-bc.invalid .form-control-input-bc,
.popup-inner-bc .form-control-bc.invalid .form-control-select-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-bc.invalid .form-control-input-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-bc.invalid .form-control-select-bc {
border-color: rgba(255, 59, 48, 0.6) !important;
}
.popup-inner-bc .form-control-bc.valid .form-control-input-bc,
.popup-inner-bc .form-control-bc.valid .form-control-select-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-bc.valid .form-control-input-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-bc.valid .form-control-select-bc {
border-color: rgba(52, 199, 89, 0.5) !important;
}
/* --- Error / validation mesajları --- */
.popup-inner-bc .form-control-message-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-message-bc {
color: #ff6b6b !important;
font-size: 12px !important;
}
/* --- Telefon alan kodu grubu --- */
.popup-inner-bc .form-controls-group-bc.telephone .form-controls-field-bc .form-control-select-bc,
.overlay-sliding-w-c-content-slider-bc .form-controls-group-bc.telephone .form-controls-field-bc .form-control-select-bc {
border-radius: 8px 0 0 8px !important;
}
.popup-inner-bc .form-controls-group-bc.telephone .form-controls-field-bc:last-child .form-control-input-bc,
.overlay-sliding-w-c-content-slider-bc .form-controls-group-bc.telephone .form-controls-field-bc:last-child .form-control-input-bc {
border-radius: 0 8px 8px 0 !important;
}
/* --- Datepicker icon --- */
.popup-inner-bc .dropdownIcon-bc,
.overlay-sliding-w-c-content-slider-bc .dropdownIcon-bc {
color: rgba(255, 255, 255, 0.4) !important;
}
/* --- Form arrow icon (dropdown) --- */
.popup-inner-bc .form-control-icon-bc,
.overlay-sliding-w-c-content-slider-bc .form-control-icon-bc {
color: rgba(255, 255, 255, 0.4) !important;
}
/* Popup header/title */
.popup-inner-bc .u-i-p-header-bc,
.popup-inner-bc .popup-t-head-bc {
background: rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
/* --- Overlay / Sliding Panel --- */
.overlay-sliding-wrapper-bc {
background: rgba(0, 0, 0, 0) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
.overlay-sliding-w-c-content-slider-bc {
background:
linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%),
rgba(14, 2, 0, 0.65) !important;
-webkit-backdrop-filter: saturate(180%) blur(40px) !important;
backdrop-filter: saturate(180%) blur(40px) !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
/* Nested overlay — solid */
.overlay-sliding-w-c-content-slider-bc .overlay-sliding-wrapper-bc {
background: rgba(0, 0, 0, 0.7) !important;
}
.overlay-sliding-w-c-content-slider-bc .overlay-sliding-w-c-content-slider-bc {
background: #1a1a1d !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* Overlay panel ici transparent */
.overlay-sliding-w-c-content-slider-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) {
background: transparent !important;
}
/* --- User Profile Panel Branding --- */
/* Bakiye karti
NOT: .popup-inner-bc prefix → wildcard transparent kuralini yenmek icin
Wildcard specificity: (0,1,7) — bu prefix ile: (0,2,0) → kazanir */
.popup-inner-bc .u-i-p-amounts-bc {
background: linear-gradient(145deg, rgba(26, 8, 0, 0.9) 0%, rgba(23, 4, 0, 0.95) 100%) !important;
border: 1px solid rgba(242, 142, 30, 0.15) !important;
border-radius: 16px !important;
overflow: hidden !important;
}
.u-i-p-a-title-bc {
color: #9a9a9a !important;
font-size: 11px !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
.u-i-p-a-amount-bc {
color: #f28e1e !important;
font-size: 24px !important;
font-weight: 700 !important;
}
/* Para Yatir / Cekim butonlari */
.u-i-p-a-buttons-bc {
display: flex !important;
gap: 8px !important;
margin-top: 12px !important;
}
.u-i-p-a-deposit-bc,
.u-i-p-a-withdraw-bc {
flex: 1 !important;
padding: 10px 16px !important;
border-radius: 10px !important;
font-size: 12px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
transition: all 0.25s ease !important;
}
.popup-inner-bc .u-i-p-a-deposit-bc {
background: linear-gradient(145deg, #f28e1e 0%, #d4a843 100%) !important;
color: #1a1a1d !important;
}
.popup-inner-bc .u-i-p-a-deposit-bc:hover {
background: linear-gradient(145deg, #ffd666 0%, #f28e1e 100%) !important;
box-shadow: 0 4px 16px rgba(242, 142, 30, 0.3) !important;
}
.popup-inner-bc .u-i-p-a-withdraw-bc {
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
color: #ffffff !important;
}
.popup-inner-bc .u-i-p-a-withdraw-bc:hover {
background: rgba(255, 255, 255, 0.12) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
}
/* Loyalty Points */
.popup-inner-bc .u-i-p-a-loyaltyPoint-bc {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.1) 0%, rgba(242, 142, 30, 0.05) 100%) !important;
border: 1px solid rgba(242, 142, 30, 0.2) !important;
border-radius: 10px !important;
padding: 12px 16px !important;
margin: 12px 0 !important;
}
.u-i-p-a-loyaltyPointText-bc {
color: #f28e1e !important;
font-weight: 600 !important;
}
/* User info section */
.popup-inner-bc .u-i-p-p-u-i-edit-button-bc {
background: rgba(255, 255, 255, 0.03) !important;
border-radius: 12px !important;
padding: 12px !important;
margin: 12px 0 !important;
}
.popup-inner-bc .u-i-p-p-u-i-avatar-holder-bc {
background: linear-gradient(145deg, #f28e1e 0%, #d4a843 100%) !important;
color: #1a1a1d !important;
font-weight: 700 !important;
}
.u-i-p-p-u-i-d-username-bc {
color: #ffffff !important;
font-weight: 600 !important;
}
.u-i-p-p-u-i-d-user-id-bc {
color: #9a9a9a !important;
font-size: 12px !important;
}
/* Menu satirlari */
.popup-inner-bc .u-i-p-l-head-bc {
background: rgba(255, 255, 255, 0.02) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
padding: 14px 16px !important;
transition: all 0.2s ease !important;
}
.popup-inner-bc .u-i-p-l-head-bc:hover {
background: rgba(242, 142, 30, 0.05) !important;
}
.u-i-p-l-head-bc .user-nav-icon {
color: #f28e1e !important;
font-size: 18px !important;
}
.u-i-p-l-h-title-bc {
color: #ffffff !important;
font-weight: 500 !important;
}
/* Promo code input */
.promoCodeWrapper-bc .form-control-input-bc {
background: rgba(26, 8, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 10px !important;
color: #ffffff !important;
}
.promoCodeWrapper-bc .form-control-input-bc:focus {
border-color: rgba(242, 142, 30, 0.4) !important;
}
/* Overlay Logout butonu */
.popup-inner-bc .userLogoutBtn {
background: rgba(255, 59, 48, 0.1) !important;
border: 1px solid rgba(255, 59, 48, 0.2) !important;
color: #ff3b30 !important;
border-radius: 10px !important;
padding: 12px 20px !important;
width: 100% !important;
margin-top: 16px !important;
transition: all 0.25s ease !important;
}
.popup-inner-bc .userLogoutBtn:hover {
background: rgba(255, 59, 48, 0.2) !important;
border-color: rgba(255, 59, 48, 0.4) !important;
}
/* ================================================================
§6. GLASSMORPHISM — Betslip, Search & Left Sidebar
================================================================ */
/* --- Betslip (Sag Panel) --- */
.betslip-full-content-bc {
background:
linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%),
rgba(14, 2, 0, 0.65) !important;
-webkit-backdrop-filter: saturate(180%) blur(40px) !important;
backdrop-filter: saturate(180%) blur(40px) !important;
border-left: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.betslip-full-content-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) {
background: transparent !important;
}
.bs-f-header-bc {
background: rgba(0, 0, 0, 0.2) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.bs-f-header-bc .second-tabs-bc .tab-bc {
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.bs-f-header-bc .second-tabs-bc .tab-bc.active {
background: rgba(242, 142, 30, 0.15) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
color: #f28e1e !important;
}
.bs-f-footer {
background: rgba(0, 0, 0, 0.25) !important;
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
/* --- Search Panel --- */
.layout-search-holder-bc {
background:
linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 50%, rgba(240,201,89,0.02) 100%),
rgba(14, 2, 0, 0.65) !important;
-webkit-backdrop-filter: saturate(180%) blur(40px) !important;
backdrop-filter: saturate(180%) blur(40px) !important;
border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.layout-search-holder-bc *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) {
background: transparent !important;
}
.layout-search-holder-bc .search-input-bc,
.layout-search-holder-bc .form-control-bc {
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.layout-search-holder-bc .search-input-bc:focus,
.layout-search-holder-bc .form-control-bc:focus {
border-color: rgba(242, 142, 30, 0.3) !important;
box-shadow: 0 0 0 2px rgba(242, 142, 30, 0.1) !important;
}
/* --- Left Sidebar (Spor Sayfası) --- */
.left-menu-container {
background:
linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%),
rgba(14, 2, 0, 0.75) !important;
-webkit-backdrop-filter: saturate(160%) blur(30px) !important;
backdrop-filter: saturate(160%) blur(30px) !important;
border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.left-menu-container *:not(input):not(button):not(select):not(textarea):not(img):not(svg):not(i) {
background: transparent !important;
}
/* --- Right Sidebar (Oto Bonus / Whatsapp / Canlı TV / Sosyal) --- */
/* Yatay scroll engelle — sidebar taşması */
body,
html,
.layout-bc {
overflow-x: hidden !important;
}
/* Container */
.sidebar-content {
z-index: 50 !important;
}
[dir=ltr] .sidebar-content:not(:has(.sidebar-item:hover)) {
transform: translate(135px) translateY(150%) !important;
}
[dir=ltr] .sidebar-content:has(.sidebar-item:hover) {
transform: translate(0) translateY(150%) !important;
}
/* Item — warm glassmorphism */
.sidebar-item {
cursor: pointer !important;
background: rgba(23, 4, 0, 0.75) !important;
-webkit-backdrop-filter: blur(16px) !important;
backdrop-filter: blur(16px) !important;
border-left: 0.5px solid rgba(255, 79, 0, 0.15) !important;
border-top: 0.5px solid rgba(255, 255, 255, 0.04) !important;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.3) !important;
transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
}
/* Item hover — warm glow */
.sidebar-item:hover {
background: rgba(125, 22, 0, 0.55) !important;
border-left-color: rgba(255, 79, 0, 0.4) !important;
box-shadow: -4px 0 12px rgba(255, 79, 0, 0.1) !important;
}
/* Image container — transparent (beyaz bg kaldır) */
.sidebar-item .sidebar-image {
background: transparent !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.sidebar-item .sidebar-image img {
width: 28px !important;
height: 28px !important;
border-radius: 6px !important;
object-fit: contain !important;
}
/* Title — warm muted */
.sidebar-item .sidebar-title {
color: rgba(255, 255, 255, 0.85) !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.sidebar-item:hover .sidebar-title {
color: #ffffff !important;
}
/* ================================================================
§7. HEADER — Custom Buttons (Enterprise Grade)
----------------------------------------------------------------
Strateji:
- ::before → SVG icon (font icon kill)
- ::after → display:none (base CSS separator line kill)
- → text label (span::after ile bos span'lara text inject)
Base CSS bilgi:
- ::after = separator line (position:absolute, width:1px, z-index:-1)
- ::before = BetConstruct-Icons font-family !important
- margin-inline-start:20px (butonlar arasi bosluk)
- a[class*=promotions] { background: rgba(var(--hero),1) }
================================================================ */
/* Header user nav — balance + profile spacing */
.nav-menu-container.header-user-nav {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.nav-menu-container.header-user-nav > .nav-menu-other {
display: flex !important;
align-items: center !important;
gap: 6px !important;
}
/* Profile avatar — etrafına boşluk */
.nav-menu-other.profileDetails a[aria-label="Profile Details"] {
margin: 8px !important;
padding: 4px !important;
}
/* Header user area — butonlar arası boşluk */
.header-bc .hdr-user-bc {
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.header-bc .hdr-user-bc .header-custom-buttons {
display: flex !important;
align-items: center !important;
gap: 8px !important;
}
/* BC base margin-inline-start override */
.header-bc .hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text {
margin-inline-start: 0 !important;
margin: 0 !important;
}
/* ---- Global Reset — tum butonlar ---- */
/* Base CSS: .btn.a-color { background: rgba(var(--oc-1),1) } → OVERRIDE */
.hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
height: 34px !important;
padding: 0 14px !important;
border-radius: 6px !important;
font-size: 0 !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
white-space: nowrap !important;
line-height: 1 !important;
position: relative !important;
/* Base CSS kill: .btn.a-color { background: rgba(var(--oc-1),1) } */
background: rgba(255, 255, 255, 0.08) !important;
border: 1px solid rgba(255, 255, 255, 0.12) !important;
box-shadow: none !important;
color: #ffffff !important;
}
/* ::before → SVG icon (bc-i font kill) */
.hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text::before {
font-family: sans-serif !important;
font-size: 0 !important;
content: '' !important;
display: inline-block !important;
width: 15px !important;
min-width: 15px !important;
height: 15px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
flex-shrink: 0 !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
line-height: 0 !important;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
}
/* ::after → KILL base CSS separator line */
.hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text::after {
display: none !important;
content: none !important;
}
/* → text label (visible) */
.hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text > span {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
line-height: 1 !important;
display: inline-block !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
margin: 0 !important;
margin-inline-start: 0 !important;
}
/* Bos span icin ::after text inject (BONUS TALEP, TELEGRAM) */
.hdr-user-bc .header-custom-buttons .btn.a-color.header-icon-text > span:empty::after {
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
line-height: 1 !important;
}
/* Mobil login'de eklenen Para Yatır butonu — desktop'ta gizle */
.oris-header-deposit {
display: none !important;
}
/* --- A. PARA YATIR — Gold Gradient CTA --- */
/* Para Yatırma — aria-label: "Para Yatırma", class: deposit-btn */
.hdr-user-bc .header-custom-buttons .btn.a-color.deposit-btn,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="Para Yatırma"],
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"] {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important;
box-shadow:
0 2px 12px rgba(242, 142, 30, 0.4),
inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.deposit-btn:hover,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="Para Yatırma"]:hover,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"]:hover {
background: linear-gradient(135deg, #ffd666 0%, #f28e1e 100%) !important;
box-shadow:
0 4px 24px rgba(242, 142, 30, 0.55),
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.deposit-btn::before,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="Para Yatırma"]::before,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2318181b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='1' x2='12' y2='23'/%3E%3Cpath d='M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6'/%3E%3C/svg%3E") !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.deposit-btn > span,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="Para Yatırma"] > span,
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="PARA YATIR"] > span {
color: #170400 !important;
}
/* --- B. BONUS TALEP — Warm Orange Gradient --- */
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3 {
background: linear-gradient(135deg, #ff9500 0%, #e67e00 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow:
0 2px 12px rgba(255, 149, 0, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3:hover {
background: linear-gradient(135deg, #ffaa33 0%, #ff9500 100%) !important;
box-shadow:
0 4px 24px rgba(255, 149, 0, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 12 20 22 4 22 4 12'/%3E%3Crect x='2' y='7' width='20' height='5'/%3E%3Cline x1='12' y1='22' x2='12' y2='7'/%3E%3Cpath d='M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z'/%3E%3Cpath d='M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z'/%3E%3C/svg%3E") !important;
}
/* BC zaten span'da "Bonus Talep" yaziyor — ::after text inject gereksiz, çift text oluyordu */
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-promotions-3 > span::after {
content: none !important;
}
/* --- C. TELEGRAM — Telegram Blue Gradient --- */
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram {
background: linear-gradient(135deg, #29b6f6 0%, #0288d1 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow:
0 2px 12px rgba(41, 182, 246, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram:hover {
background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%) !important;
box-shadow:
0 4px 24px rgba(41, 182, 246, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M11.944 0A12 12 0 1 0 24 12.056A12.01 12.01 0 0 0 11.944 0Zm5.573 8.192c-.21 1.992-.955 6.823-1.35 9.055c-.167.943-.497 1.258-.816 1.29c-.693.063-1.22-.458-1.89-.898c-1.052-.688-1.646-1.117-2.667-1.789c-1.18-.776-.415-1.202.258-1.898c.176-.183 3.236-2.967 3.295-3.22c.007-.032.014-.15-.057-.212s-.173-.044-.248-.026c-.106.026-1.793 1.14-5.062 3.345c-.479.329-.913.49-1.302.48c-.428-.008-1.252-.242-1.865-.442c-.752-.245-1.349-.374-1.297-.789c.027-.216.325-.437.893-.663c3.498-1.524 5.831-2.529 6.998-3.015c3.333-1.386 4.025-1.627 4.477-1.635c.099-.002.321.023.465.141a.506.506 0 0 1 .171.325c.016.093.036.306.02.472Z'/%3E%3C/svg%3E") !important;
}
/* BC span zaten text yaziyor — ::after inject gereksiz */
.hdr-user-bc .header-custom-buttons .btn.a-color.bc-i-telegram > span::after {
content: none !important;
}
/* --- D. ORTAKLIK — Emerald Green Gradient --- */
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"] {
background: linear-gradient(135deg, #4caf50 0%, #2e7d32 100%) !important;
border: 1px solid rgba(255, 255, 255, 0.15) !important;
box-shadow:
0 2px 12px rgba(76, 175, 80, 0.35),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"]:hover {
background: linear-gradient(135deg, #66bb6a 0%, #4caf50 100%) !important;
box-shadow:
0 4px 24px rgba(76, 175, 80, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E") !important;
}
.hdr-user-bc .header-custom-buttons .btn.a-color[aria-label="ORTAKLIK"] > span {
color: #ffffff !important;
}
/* ================================================================
§8. HEADER — Balance, Avatar & Dropdowns
================================================================ */
/* Balance display — Gold Pill */
.header-user-nav .nav-menu-other:first-child > li > a.nav-menu-item {
background: rgba(242, 142, 30, 0.06) !important;
border: 1px solid rgba(242, 142, 30, 0.25) !important;
border-radius: 8px !important;
padding: 0 14px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
transition: all 0.2s ease !important;
}
.header-user-nav .nav-menu-other:first-child > li > a.nav-menu-item:hover {
background: rgba(242, 142, 30, 0.12) !important;
border-color: rgba(242, 142, 30, 0.5) !important;
}
.balanceAmount {
color: #f28e1e !important;
font-size: 13px !important;
font-weight: 700 !important;
letter-spacing: 0.3px !important;
}
.currencySymbol {
color: rgba(242, 142, 30, 0.6) !important;
font-weight: 500 !important;
}
.hdr-user-info-content-bc {
background: transparent !important;
}
/* Profile Avatar — Gold Ring */
.header-user-nav .profileDetails > li > a {
width: 34px !important;
height: 34px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 50% !important;
background: rgba(242, 142, 30, 0.06) !important;
border: 1.5px solid rgba(242, 142, 30, 0.35) !important;
transition: all 0.25s ease !important;
position: relative !important;
}
.header-user-nav .profileDetails > li > a:hover {
background: rgba(242, 142, 30, 0.12) !important;
border-color: #f28e1e !important;
box-shadow: 0 0 20px rgba(242, 142, 30, 0.2) !important;
}
.hdr-user-avatar-icon-bc {
font-size: 16px !important;
color: #f28e1e !important;
}
.header-user-nav .profileDetails .backFace {
display: none !important;
}
/* User Dropdowns — Glass + Gold Accent */
.header-user-nav .nav-menu-sub {
background:
linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 100%),
rgba(14, 2, 0, 0.92) !important;
-webkit-backdrop-filter: saturate(200%) blur(40px) !important;
backdrop-filter: saturate(200%) blur(40px) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 10px !important;
box-shadow:
0 16px 48px rgba(0, 0, 0, 0.5),
0 4px 12px rgba(0, 0, 0, 0.3) !important;
padding: 6px !important;
min-width: 200px !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item {
color: rgba(255, 255, 255, 0.8) !important;
background: transparent !important;
border-radius: 6px !important;
padding: 8px 12px !important;
height: auto !important;
transition: all 0.15s ease !important;
display: flex !important;
align-items: center !important;
gap: 10px !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item:hover {
background: rgba(242, 142, 30, 0.08) !important;
color: #ffffff !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item::before {
display: none !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item > i {
color: #f28e1e !important;
font-size: 16px !important;
opacity: 0.6 !important;
transition: opacity 0.15s ease !important;
flex-shrink: 0 !important;
}
.header-user-nav .nav-menu-sub .nav-menu-item:hover > i {
opacity: 1 !important;
}
.header-user-nav .nav-menu-sub .checkbox-control-text-bc {
color: inherit !important;
font-size: 12px !important;
font-weight: 500 !important;
}
.header-user-nav .nav-menu-sub li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
}
/* Logout butonu */
.header-user-nav .logout-profile .userLogoutBtn {
background: rgba(255, 59, 48, 0.06) !important;
border: 1px solid rgba(255, 59, 48, 0.2) !important;
color: #ff453a !important;
border-radius: 6px !important;
padding: 8px 12px !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
font-size: 12px !important;
font-weight: 600 !important;
transition: all 0.2s ease !important;
margin-top: 4px !important;
}
.header-user-nav .logout-profile .userLogoutBtn:hover {
background: rgba(255, 59, 48, 0.12) !important;
border-color: rgba(255, 59, 48, 0.4) !important;
}
.header-user-nav .logout-profile .userLogoutIcon {
color: #ff453a !important;
font-size: 14px !important;
}
/* ================================================================
§9. AUTH BUTTONS (Giris / Kayit) — Premium
----------------------------------------------------------------
GİRİŞ: Ghost button — gold border + text, hover'da gold fill
KAYIT: Primary CTA — gold gradient, hover'da glow + lift
Her ikisinde de shimmer sweep efekti (::before)
================================================================ */
/* --- GİRİŞ — Ghost Premium --- */
.btn.sign-in {
padding: 0 22px !important;
height: 38px !important;
color: #f28e1e !important;
background: rgba(242, 142, 30, 0.04) !important;
border: 1.5px solid rgba(242, 142, 30, 0.45) !important;
border-radius: 8px !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
text-decoration: none !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
font-family: inherit !important;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow:
0 0 0 0 rgba(242, 142, 30, 0),
inset 0 1px 0 rgba(242, 142, 30, 0.06) !important;
}
/* GİRİŞ shimmer layer */
.btn.sign-in::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%) !important;
transition: left 0.5s ease !important;
z-index: 1 !important;
}
@media (hover: hover) {
.btn.sign-in:hover {
color: #170400 !important;
background: linear-gradient(135deg, #f28e1e 0%, #ffd666 50%, #f28e1e 100%) !important;
border-color: #f28e1e !important;
box-shadow:
0 4px 20px rgba(242, 142, 30, 0.35),
0 0 40px rgba(242, 142, 30, 0.08) !important;
transform: translateY(-1px) !important;
}
.btn.sign-in:hover::before {
left: 100% !important;
}
}
.btn.sign-in:active {
transform: translateY(0) scale(0.98) !important;
box-shadow: 0 1px 6px rgba(242, 142, 30, 0.2) !important;
transition-duration: 0.1s !important;
}
/* GİRİŞ span text — z-index shimmer ustunde */
.btn.sign-in > span {
position: relative !important;
z-index: 2 !important;
}
/* --- KAYIT — Primary Gold CTA --- */
.btn.register, .btn.btn-color {
padding: 0 24px !important;
height: 38px !important;
color: #170400 !important;
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
border: none !important;
border-radius: 8px !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 0.8px !important;
text-transform: uppercase !important;
position: relative !important;
overflow: hidden !important;
cursor: pointer !important;
transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
box-shadow:
0 2px 12px rgba(242, 142, 30, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}
/* KAYIT shimmer layer */
.btn.register::before, .btn.btn-color::before {
content: '' !important;
position: absolute !important;
top: 0 !important;
left: -100% !important;
width: 100% !important;
height: 100% !important;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.35) 50%, transparent 100%) !important;
transition: left 0.5s ease !important;
z-index: 1 !important;
}
@media (hover: hover) {
.btn.register:hover, .btn.btn-color:hover {
background: linear-gradient(135deg, #ffd666 0%, #f28e1e 100%) !important;
box-shadow:
0 6px 28px rgba(242, 142, 30, 0.45),
0 0 60px rgba(242, 142, 30, 0.12),
inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
transform: translateY(-2px) !important;
}
.btn.register:hover::before, .btn.btn-color:hover::before {
left: 100% !important;
}
}
.btn.register:active, .btn.btn-color:active {
transform: translateY(0) scale(0.98) !important;
box-shadow: 0 1px 6px rgba(242, 142, 30, 0.3) !important;
transition-duration: 0.1s !important;
}
/* KAYIT span text — z-index shimmer ustunde */
.btn.register > span, .btn.btn-color > span {
position: relative !important;
z-index: 2 !important;
}
/* ================================================================
§10. NAVIGATION OVERRIDES
================================================================
A. Badge'leri Gizle
B. Nav Item Padding & Layout
C. More Dropdown Düzeltmeleri
D. SVG Ikon Temel Stili
E. SVG Ikon Tanımları (19 menü)
F. Alt Çizgi Degrade
================================================================ */
/* ----------------------------------------------------------------
A. BADGE'LERİ GİZLE
----------------------------------------------------------------
data-badge="Yeni", "Jackpot", "En İyi", "Ücretsiz" — hepsini kaldır
---------------------------------------------------------------- */
.nav-menu-item[data-badge]::after {
display: none !important;
}
.nav-menu-item.badge-new[data-badge]::after,
.nav-menu-item.badge-jackpot[data-badge]::after,
.nav-menu-item.badge-top[data-badge]::after,
.nav-menu-item.badge-free[data-badge]::after {
display: none !important;
}
/* ----------------------------------------------------------------
B. NAV ITEM PADDING & LAYOUT
---------------------------------------------------------------- */
/* Nav menu item padding (§4 referans ile uyumlu) */
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item,
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item {
padding: 0 10px !important;
display: inline-flex !important;
align-items: center !important;
gap: 3px !important;
flex-direction: row !important;
}
/* ----------------------------------------------------------------
C. MORE DROPDOWN DÜZELTMELERİ
---------------------------------------------------------------- */
/* Nav menu hide-items (More dropdown) — hover temizle, padding ayarla */
.nav-menu-hide-items li:nth-child(n+13):hover a {
background: transparent !important;
box-shadow: inset 0 0px 0 0 rgba(var(--hero), 1) !important;
}
.nav-menu-hide-items li:nth-child(13) i {
display: none;
}
.nav-menu-hide-items li:nth-child(13) a {
padding: 0px 12px !important;
}
.nav-menu-hide-items li:nth-child(n+14) a {
padding: 0px 6px !important;
}
/* ----------------------------------------------------------------
D. SVG İKON TEMEL STİLİ
----------------------------------------------------------------
Tüm nav-menu-item'lara ::before ile SVG ikon eklenir.
---------------------------------------------------------------- */
/* BC'nin CMS inline SVG ikonlarını gizle (bizim ::before SVG'lerimiz var) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item > .CMSIconSVGWrapper,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item > .CMSIconSVGWrapper {
display: none !important;
}
/* Temel ikon stili (§4b referans ile uyumlu — filter yok, doğal SVG renk) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item::before,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item::before {
display: inline-block !important;
position: static !important;
width: 18px !important;
min-width: 18px !important;
height: 18px !important;
margin-right: 0 !important;
vertical-align: middle !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
opacity: 0.85 !important;
transition: opacity 0.2s ease !important;
filter: none !important;
pointer-events: none !important;
}
/* Hover — ikon parlaklaşır (referans: .ni:hover sadece opacity) */
.nav-menu-container.header-navigation:first-child .nav-menu > li:hover > .nav-menu-item::before,
.nav-menu-container.header-navigation:first-child .nav-menu-other:hover > .nav-menu-item::before {
opacity: 1 !important;
filter: none !important;
}
/* Active — ikon orb icinde (16px, orb merkezli, 4px gap text'e) */
.nav-menu-container.header-navigation:first-child .nav-menu > li > .nav-menu-item.active::before,
.nav-menu-container.header-navigation:first-child .nav-menu-other > .nav-menu-item.active::before {
opacity: 1 !important;
filter: none !important;
position: absolute !important;
left: 7.5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 16px !important;
min-width: 16px !important;
height: 16px !important;
z-index: 2 !important;
margin: 0 !important;
}
/* ----------------------------------------------------------------
E. SVG İKON TANIMLARI
----------------------------------------------------------------
href*= ve aria-label ile eşleştirme (desktop label'ları)
---------------------------------------------------------------- */
/* CANLI (Canlı Bahis) */
.nav-menu-item[href*="sports/live"]::before,
.nav-menu-item[aria-label="CANLI"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Cpath d='m17.65723 6.34277a.49995.49995 0 1 0 -.707.707 7.00219 7.00219 0 0 1 0 9.9004.49995.49995 0 1 0 .707.707 8.00181 8.00181 0 0 0 0-11.31446z'/%3E%3Cpath d='m20.48535 3.51465a.49995.49995 0 0 0 -.707.707 11.0007 11.0007 0 0 1 0 15.55664.49995.49995 0 1 0 .707.707 12.00033 12.00033 0 0 0 0-16.9707z'/%3E%3Cpath d='m14.12109 9.17188a.49982.49982 0 0 0 0 .707 2.99889 2.99889 0 0 1 0 4.24218.49995.49995 0 1 0 .707.707 3.99852 3.99852 0 0 0 0-5.65624.4998.4998 0 0 0 -.707.00006z'/%3E%3Cpath d='m1 12a10.92887 10.92887 0 0 1 3.22168-7.77832.49995.49995 0 0 0 -.707-.707 12.00033 12.00033 0 0 0 0 16.9707.49995.49995 0 1 0 .707-.707 10.92887 10.92887 0 0 1 -3.22168-7.77838z'/%3E%3Cpath d='m7.0498 6.34277a.49982.49982 0 0 0 -.707 0 8.00181 8.00181 0 0 0 0 11.31446.49995.49995 0 0 0 .707-.707 7.00219 7.00219 0 0 1 0-9.9004.4998.4998 0 0 0 0-.70706z'/%3E%3Cpath d='m9.87891 9.17188a.4998.4998 0 0 0 -.707 0 3.99852 3.99852 0 0 0 0 5.65624.49995.49995 0 0 0 .707-.707 2.99889 2.99889 0 0 1 0-4.24218.49982.49982 0 0 0 0-.70706z'/%3E%3C/svg%3E") !important;
}
/* SPOR (Spor Bahisleri) */
.nav-menu-item[href*="sports/pre-match"]::before,
.nav-menu-item[aria-label="SPOR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23FFFFFF'%3E%3Cpath d='m29.82 20.81-1.71 5.27a21.727 21.727 0 0 0 -6.49 1.58h-1.22l-2.22-6.85 5.82-4.23z'/%3E%3Cpath d='m8.71 17.03-4.64 3.37a19.777 19.777 0 0 1 2.86-8.82z'/%3E%3Cpath d='m18.55 28.45-1.36 1.65c-.01.01-.03.02-.04.03a9.958 9.958 0 0 0 -11.63-.49 19.647 19.647 0 0 1 -1.49-6.73l5.98-4.36 6.18 2.62z'/%3E%3Cpath d='m16.87 19.29-6.18-2.62-2.32-7.14a19.838 19.838 0 0 1 8.59-6.25l6.04 4.39v7.16z'/%3E%3Cpath d='m24 5.92-4.64-3.37a19.847 19.847 0 0 1 9.28 0z'/%3E%3Cpath d='m31.13 19.29-6.13-4.46v-7.16l6.04-4.39a19.838 19.838 0 0 1 8.59 6.25l-2.32 7.14z'/%3E%3Cpath d='m39.29 17.03 1.78-5.45a19.777 19.777 0 0 1 2.86 8.82z'/%3E%3Cpath d='m43.97 22.91a19.918 19.918 0 0 1 -1.56 6.91 21.91 21.91 0 0 0 -12.17-3.81l1.57-4.84 6.18-2.62z'/%3E%3Cpath d='m38 37a15.846 15.846 0 0 1 1.449-6.638 20.081 20.081 0 0 0 -18.9 0 15.929 15.929 0 0 1 0 13.276 20.081 20.081 0 0 0 18.9 0 15.846 15.846 0 0 1 -1.449-6.638zm-4 1h-1v1a1 1 0 0 1 -2 0v-1h-2v1a1 1 0 0 1 -2 0v-1h-1a1 1 0 0 1 0-2h1v-1a1 1 0 0 1 2 0v1h2v-1a1 1 0 0 1 2 0v1h1a1 1 0 0 1 0 2z'/%3E%3Cpath d='m45.281 35.048a20.15 20.15 0 0 0 -4.109-3.654v.006a13.987 13.987 0 0 0 0 11.2 20.14 20.14 0 0 0 4.108-3.653 3.028 3.028 0 0 0 .001-3.899z'/%3E%3Cpath d='m18.852 39.519a6.981 6.981 0 0 0 -6.333 6.333 8 8 0 0 0 6.333-6.333z'/%3E%3Cpath d='m13.121 40.121a8.954 8.954 0 0 1 5.854-2.607 7.986 7.986 0 0 0 -7.489-7.489 8.943 8.943 0 0 1 -8.461 8.461 7.986 7.986 0 0 0 7.489 7.489 8.954 8.954 0 0 1 2.607-5.854z'/%3E%3Cpath d='m9.481 30.148a8 8 0 0 0 -6.333 6.333 6.981 6.981 0 0 0 6.333-6.333z'/%3E%3C/svg%3E") !important;
}
/* SLOT (Slot Casino) */
.nav-menu-item[href*="casino/slots"]::before,
.nav-menu-item[aria-label="SLOT"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='%23FFFFFF'%3E%3Cg%3E%3Cpath d='m35 14h-26a3.009 3.009 0 0 0 -3 3v12.13a3.657 3.657 0 0 1 1-.13h30a3.657 3.657 0 0 1 1 .13v-12.13a3.009 3.009 0 0 0 -3-3zm-20.16 4.55a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03zm10 0a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03zm10 0a18.167 18.167 0 0 0 -1.9 3.79 18.549 18.549 0 0 0 -.95 3.8 1 1 0 0 1 -.99.86.708.708 0 0 1 -.14-.01 1 1 0 0 1 -.85-1.13 20.83 20.83 0 0 1 1.05-4.2 20.377 20.377 0 0 1 1.19-2.66h-2.25a1 1 0 0 1 0-2h4a1.006 1.006 0 0 1 .88.52 1.025 1.025 0 0 1 -.04 1.03z'/%3E%3Cpath d='m29.94 8.15-1.74 4.85h-12.44l-1.7-4.52a1.03 1.03 0 0 1 .28-1.11 1 1 0 0 1 1.13-.12l3.19 1.71 2.47-4.45a1 1 0 0 1 1.77.05l2.11 4.36 3.5-1.98a1 1 0 0 1 1.43 1.21z'/%3E%3Crect height='6' rx='1' width='6' x='38' y='34'/%3E%3Cpath d='m41 7a3 3 0 0 0 -3 3v2a3 3 0 0 0 6 0v-2a3 3 0 0 0 -3-3z'/%3E%3Cpath d='m41 36a1 1 0 0 1 -1-1v-21a1 1 0 0 1 2 0v21a1 1 0 0 1 -1 1z'/%3E%3Cpath d='m32 36h-20a1 1 0 0 0 0 2h20a1 1 0 0 0 0-2z'/%3E%3Cpath d='m37 30h-30a3 3 0 0 0 -3 3v8a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-8a3 3 0 0 0 -3-3zm-5 10h-20a3 3 0 0 1 0-6h20a3 3 0 0 1 0 6z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* CANLI CASİNO */
.nav-menu-item[href*="live-casino"]::before,
.nav-menu-item[aria-label*="CANLI CAS"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511.897 511.897' fill='%23FFFFFF'%3E%3Cpath d='m185.699 265.947c0-35.821 70-93 70-93s70 57.179 70 93c0 26.407-12.67 37-32 37-18.176 0-27.893-10.64-32.937-20.052 10.966 24.154 35.937 55.052 35.937 55.052h-82s24.97-30.898 35.937-55.052c-5.044 9.412-14.76 20.052-32.937 20.052-19.33 0-32-10.593-32-37zm326-10c.39 226.766-276.965 341.646-437.021 181.017-99.3-95.288-99.317-266.748.004-362.036 160.069-160.623 437.422-45.738 437.017 181.019zm-390.175-105.89-31.976-31.976c-27.106 32.612-44.804 73.299-48.915 117.866h45.241c3.768-32.193 16.505-61.683 35.65-85.89zm272.04-60.26c-32.611-27.106-73.299-44.804-117.865-48.915v45.241c32.193 3.768 61.683 16.504 85.89 35.65zm-157.865-48.916c-44.566 4.111-85.254 21.809-117.865 48.915l31.975 31.976c24.207-19.145 53.697-31.882 85.89-35.65zm-111 215.066c0 72.233 58.767 131 131 131 173.551-6.586 173.503-255.44-.002-262-72.232 0-130.998 58.766-130.998 131zm-6.865 166.15c32.611 27.106 73.299 44.804 117.865 48.915v-45.241c-32.193-3.768-61.683-16.504-85.89-35.649zm157.865 48.915c44.566-4.111 85.254-21.809 117.865-48.915l-31.975-31.976c-24.208 19.145-53.697 31.882-85.89 35.649zm146.15-77.199c27.107-32.612 44.804-73.299 48.916-117.866h-45.241c-3.768 32.193-16.504 61.683-35.649 85.89zm0-275.732-31.976 31.976c19.145 24.207 31.882 53.697 35.649 85.89h45.241c-4.11-44.567-21.807-85.254-48.914-117.866zm-332.3 275.732 31.975-31.976c-19.145-24.207-31.882-53.697-35.649-85.89h-45.242c4.112 44.566 21.809 85.254 48.916 117.866z'/%3E%3C/svg%3E") !important;
}
/* PROMOSYONLAR (Bonuslar) */
.nav-menu-item[href*="promotions"]::before,
.nav-menu-item[aria-label="PROMOSYONLAR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' fill='%23FFFFFF'%3E%3Cpath d='m296.6 90.5h-112v56.4h130.8v-37.6c0-10.3-8.4-18.8-18.8-18.8zm-263.1 0c-10.4 0-18.8 8.4-18.8 18.8v37.6h131.6v-56.4zm0 75.2v131.6c0 10.4 8.4 18.8 18.8 18.8h94v-150.4zm244.3 150.4c10.4 0 18.8-8.4 18.8-18.8v-131.6h-112v150.4zm-112.7-244.5c.1 0 .1.1.1.2h75.2c26 0 37.6-13 37.6-28.9s-11.7-28.9-37.6-28.9c-24.3 0-43.4 11.2-56.4 24.2-11.6-7.3-26.3-7.4-38-.4-13-12.9-32-23.9-56.1-23.9-26 0-37.6 13-37.6 28.9s11.6 28.9 37.6 28.9h75.2zm93.9-28c0 7.8-10.2 9.4-18.8 9.4h-42.7c-.1-.3-.3-.5-.4-.8 9.6-9.3 24-18 43.1-18 8.6 0 18.8 1.6 18.8 9.4zm-187.9 0c0-7.8 10.2-9.4 18.8-9.4 18.7 0 32.9 8.4 42.4 17.3-.3.5-.5 1-.8 1.5h-41.6c-8.6 0-18.8-1.7-18.8-9.4z'/%3E%3C/svg%3E") !important;
}
/* OYUNLAR */
.nav-menu-item[href*="/games"]::before,
.nav-menu-item[aria-label="OYUNLAR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 591.793 591.793' fill='%23FFFFFF'%3E%3Cg%3E%3Cpath d='m320.232 288.578 229.47-144.723c-8.674-13.502-20.456-24.729-34.36-32.742l-169.155-97.634c-31.118-17.972-69.462-17.972-100.581 0l-169.156 97.634c-12.21 7.055-22.798 16.602-31.075 28.02l237.369 149.446c11.463 7.185 26.025 7.185 37.488-.001zm-63.756-156.245c-.007-21.771 17.637-39.426 39.409-39.433 21.771-.007 39.426 17.637 39.433 39.409s-17.637 39.426-39.409 39.433c-.004 0-.008 0-.012 0-21.767-.001-39.415-17.643-39.421-39.409z'/%3E%3Cpath d='m293.662 308.288c-6.715-1.033-13.147-3.429-18.901-7.041l-237.26-149.385c-7.456 14.327-11.35 30.239-11.353 46.389v195.328c.009 35.934 19.183 69.135 50.302 87.102l169.156 97.658c14.635 8.459 31.168 13.087 48.068 13.454 0 0 0-.06 0-.097z'/%3E%3Cpath d='m556.768 157.007-228.553 144.24c-5.948 3.741-12.62 6.182-19.577 7.162v282.611c13.234-1.686 25.998-5.993 37.549-12.669l169.156-97.67c31.124-17.969 50.298-51.176 50.302-87.114v-195.316c-.004-14.222-3.03-28.28-8.877-41.244z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* E SPOR */
.nav-menu-item[href*="esports"]::before,
.nav-menu-item[aria-label="E SPOR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23FFFFFF'%3E%3Cpath d='m14.7 221c-1.8-7.9 9.9-10.8 12-2.9l11 45.1-12 3zm444.5-188.6c1.6 3.5 6.8 1.7 7.6-.9.3-.9.2-1.8-.1-2.7l-4.2-9c-1.1-2.4-3.9-2.4-5.9-1.1-1.7.8-2.5 2.8-1.7 4.6zm48.1 12.7s-6 2.8-6 2.8c-7.8 3.3-9.6-7.1-12.3-11.8l-3.3 1.5c2.6 5.5 8.8 18.8 11.4 24.5l14.9-6.9zm-244.7 70.1c-1.5 1.8-5.3 8.8-7.6 9.5l-14 6.5c-4 1.8-6.5 5.6-6.9 9.7l47.9-22.3zm-11.1 67.4c19.7-9.1 61.1-28.6 81.1-37.7 6.5-2.9 24.6-11.6 30.9-14.3l9.9-4.6c3-1.4 6.7-.2 8.1 2.8 1.3 2.7 3.4 4.6 6.1 5.4 2.7.7 5.4.4 7.8-1.1l93.3-59.8-.2-.4s0 0-.1 0c-3-6.5-11.1-23.8-14-30-1.1.5-4.3 2-5.4 2.5l-231.3 107.4z'/%3E%3C/svg%3E") !important;
}
/* SANAL SPOR */
.nav-menu-item[href*="virtual-sports"]::before,
.nav-menu-item[aria-label="SANAL SPOR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60' fill='%23FFFFFF'%3E%3Cpath d='m30.749 20.19c2.82 0 5.11-2.29 5.11-5.11s-2.29-5.12-5.11-5.12-5.11 2.3-5.11 5.12 2.29 5.11 5.11 5.11z'/%3E%3Cpath d='m12.729 21.88c-1.38 1.32-1.99 3.23-1.62 5.1.36 1.85 1.62 3.38 3.37 4.08l6.73 2.71-1.88 7.88c-.25 1.02.32 2.06 1.31 2.4.22.08.44.11.67.11.8 0 1.56-.48 1.88-1.26l3.59-8.69c.84-2.05 0-4.38-1.97-5.42l-4.41-2.32c.8-.89 1.79-1.6 3.01-2.15l.65 2.8c.32 1.37 1.56 2.28 2.96 2.17l6.5-.5c1.05-.09 1.87-.97 1.87-2.02 0-1.06-.79-1.93-1.85-2.02l-5.27-.45s-.01 0-.01-.01l-.22-2.64c-2.26-.93-3.95-3.01-4.31-5.51-3.85.5-7.55 2.43-11 5.74z'/%3E%3Cpath d='m6.159 30.76c-.18.27-.21.62-.09.92 2.77 6.87 7.85 18.36 10.9 18.36h.03c.07 0 .14-.01.21-.03l8.01-1.96c5.74-1.41 10.56-5.03 13.25-9.93 1.79-3.29 4.27-5.05 5.17-5.61l5.97 2.07c1.21.43 2.66.07 3.53-.89.59-.65.9-1.49.86-2.38-.05-.89-.44-1.71-1.1-2.3l-6.37-5.73.33-3.55c.04-.37-.14-.73-.46-.93-.31-.21-.71-.21-1.04-.03-1.94 1.13-2.85 3.05-3.22 4.07-1.77.29-3.57.88-5.38 1.74.4.63.63 1.38.63 2.19 0 2.07-1.62 3.83-3.7 4.01l-4.75.37c.29 1.23.21 2.56-.31 3.82l-3.59 8.69c-.62 1.52-2.09 2.5-3.73 2.5-.48 0-.93-.08-1.35-.23-1.95-.67-3.07-2.72-2.57-4.76l1.47-6.19-5.13-2.06c-1.39-.56-2.56-1.5-3.38-2.7l-3.38.09c-.32.01-.63.17-.81.45z'/%3E%3C/svg%3E") !important;
}
/* TURNUVALAR */
.nav-menu-item[href*="tournaments"]::before,
.nav-menu-item[aria-label="TURNUVALAR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") !important;
}
/* JACKPOTLAR */
.nav-menu-item[href*="jackpot"]::before,
.nav-menu-item[aria-label="JACKPOTLAR"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E") !important;
}
/* ORİSBET CRASH */
.nav-menu-item[href*="crash"]::before,
.nav-menu-item[aria-label*="CRASH"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.28 4.5-12.28s-6.88-.9-12.28 4.5c-2.15 2.15-3.7 5.89-3.7 5.89l5.59 5.59zM17.65 14.81c-.26.66-.07 1.34.55 1.81l-4.05 4.05-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l-.84 1.33zM14.5 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5 19c-.55.55-1.87.76-2.87.89C2.26 20.87 2.47 19.55 3 19c.55-.55 1.5-.55 2.05 0S5.55 18.45 5 19z'/%3E%3C/svg%3E") !important;
}
/* TOMBALA */
.nav-menu-item[href*="tombala"]::before,
.nav-menu-item[aria-label="TOMBALA"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z'/%3E%3C/svg%3E") !important;
}
/* ZEPPELİN */
.nav-menu-item[href*="zeppeli"]::before,
.nav-menu-item[aria-label*="ZEPPEL"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M9.19 6.35c-2.04 2.29-3.44 5.58-3.57 5.89L2 10.69l4.05-4.05c.47-.47 1.15-.68 1.81-.55l1.33.26zM11.17 17s3.74-1.55 5.89-3.7c5.4-5.4 4.5-12.28 4.5-12.28s-6.88-.9-12.28 4.5c-2.15 2.15-3.7 5.89-3.7 5.89l5.59 5.59zM17.65 14.81c-.26.66-.07 1.34.55 1.81l-4.05 4.05-1.55-3.62c.31-.13 3.6-1.53 5.89-3.57l-.84 1.33zM14.5 9c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zM5 19c-.55.55-1.87.76-2.87.89C2.26 20.87 2.47 19.55 3 19c.55-.55 1.5-.55 2.05 0S5.55 18.45 5 19z'/%3E%3C/svg%3E") !important;
}
/* BONUS TALEP */
.nav-menu-item[href*="orisbonus.xyz"]::before,
.nav-menu-item[aria-label="BONUS TALEP"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M20 6h-2.18c.11-.31.18-.65.18-1 0-1.66-1.34-3-3-3-1.05 0-1.96.54-2.5 1.35L12 4l-.5-.65C10.96 2.54 10.05 2 9 2 7.34 2 6 3.34 6 5c0 .35.07.69.18 1H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-5-2c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM9 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm11 15H4v-2h16v2zm0-5H4V8h5.08L7 10.83 8.62 12 12 7.4l3.38 4.6L17 10.83 14.92 8H20v6z'/%3E%3C/svg%3E") !important;
}
/* SALLA KAZAN */
.nav-menu-item[href*="salla"]::before,
.nav-menu-item[aria-label*="SALLA"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM7.5 18c-.83 0-1.5-.67-1.5-1.5S6.67 15 7.5 15s1.5.67 1.5 1.5S8.33 18 7.5 18zm0-9C6.67 9 6 8.33 6 7.5S6.67 6 7.5 6 9 6.67 9 7.5 8.33 9 7.5 9zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm4.5 4.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm0-9c-.83 0-1.5-.67-1.5-1.5S15.67 6 16.5 6s1.5.67 1.5 1.5S17.33 9 16.5 9z'/%3E%3C/svg%3E") !important;
}
/* VIPCLUB */
.nav-menu-item[href*="loyalty-points"]::before,
.nav-menu-item[aria-label="VIPCLUB"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M5 16L3 5l5.5 5L12 4l3.5 6L21 5l-2 11H5zm14 3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1v-1h14v1z'/%3E%3C/svg%3E") !important;
}
/* ÖZEL BAHIS */
.nav-menu-item[href*="ozeloran"]::before,
.nav-menu-item[aria-label*="ÖZEL BAH"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.933333 16.933334' fill='%23FFFFFF'%3E%3Cg transform='translate(0 -280.067)'%3E%3Cpath d='m8.521435 280.59067c-.09679.006-.1826419.0641-.2237581.15193l-.3240114.69143-.7586107.0889c-.2233745.0265-.3139387.30192-.1498627.45579l.5575909.52245-.1503786.74827c-.043011.22022.190373.39066.3870563.28267l.6692107-.36794.666107.37414c.1963579.10936.4310327-.0604.3886068-.28112l-.1441767-.74879.5622395-.51831c.16524-.15293.07617-.42921-.1472776-.45682l-.7570603-.0951-.31936-.6935c-.037433-.0819-.1139507-.13914-.2030889-.15192-.017621-.002-.035459-.003-.053226-.002zm-4.2333334.52917c-.09679.006-.1826418.0641-.2237581.15192l-.3240114.69143-.7586107.0889c-.2233745.0265-.3139387.30191-.1498626.45578l.5575908.52245-.1503786.74828c-.043011.22022.190373.39066.3870564.28267l.6692106-.36794.6661071.37414c.1963578.10936.4310327-.0604.3886067-.28112l-.1441767-.74879.5622396-.51832c.1652402-.15292.076166-.42921-.1472777-.45682l-.7570602-.0951-.3193601-.6935c-.037433-.0819-.1139507-.13914-.2030888-.15193-.017621-.002-.035459-.003-.053226-.002zm8.4666664 0c-.09679.006-.182642.0641-.223758.15192l-.324011.69143-.758611.0889c-.223374.0265-.313939.30191-.149863.45578l.557591.52245-.150378.74828c-.04301.22022.190373.39066.387056.28267l.669211-.36794.666107.37414c.196358.10936.431032-.0604.388606-.28112l-.144176-.74879.562239-.51832c.165241-.15292.07617-.42921-.147277-.45682l-.757061-.0951-.31936-.6935c-.03743-.0819-.11395-.13914-.203088-.15193-.01762-.002-.03546-.003-.05323-.002zm-4.2948274 4.20646c-.2717986 0-.5362946.028-.7958164.0708l1.0857203.48111 1.2138793-.31212c-.4735804-.15404-.978326-.23983-1.5037832-.23978zm-1.5937019.29869c-.6948514.2441-1.3247105.63978-1.8422647 1.16375l-.025321 2.01176 1.4123168.60359 1.8107422-1.3007.2222076-1.78129zm3.8612633.29093-1.7637154.45321-.214974 1.76526 1.7792194 1.3069 1.58595-.48266.250113-1.61333c-.431509-.59414-.988732-1.08361-1.636593-1.42938zm-6.2388965 1.48002c-.5031052.71807-.8129746 1.57859-.8640286 2.51044l.8438753-1.02629zm8.3075035.61546-.168465 1.07952.670761.87127c-.03037-.69947-.206925-1.35923-.502296-1.95079zm-4.3294507.56999-.00265.002-.00106-.001-1.7084226 1.2268.0005292.001-.0005292.00053.2201413.68885.00265.008c.9950424-.0533 1.9623617-.0546 2.9636456-.004l.00265-.008c.0002646.00002.0007938-.00002.00106 0l.2201414-.66611zm-3.6530068.71262-1.1647858 1.41697c.00479.0421.012197.0837.018098.12558.9919308-.13713 1.9015154-.23725 2.7636549-.30025l-.2020543-.63355zm7.4372705.17519-1.566828.47335-.194821.5886c.86083.0608 1.772177.15933 2.768307.29714.0021-.0144.0052-.0285.0072-.0429zm-3.7930478 1.5012c-1.6586888.003-3.3577795.18777-5.4591004.50022l.4004945 1.59732c4.2573972-.64506 5.9302571-.64313 10.1797407 0l.400492-1.59577c-2.141757-.32209-3.861388-.50477-5.5216268-.50177zm-5.7929278 1.34668-1.96112099.51677c-.24407554.0663-.26503054.40434-.0310065.50023l.89813599.36483-.60151425.76171c-.15656719.19872.0282628.48277.27337005.42013l2.814815-.74207c.1422056-.0369.2271157-.18261.1891348-.32453l-.088366-.33383c-.3022732.0439-.5872215.0834-.9213903.13488-.135001.0206-.2635011-.0649-.2966243-.19741zm11.6447646.01-.271817 1.09089c-.03314.13271-.161959.21829-.29714.1974-.349779-.0538-.649346-.0955-.964282-.14107l-.08992.34003c-.03765.14175.04719.28709.189135.32401l2.814299.74259c.246197.0656.433771-.22052.275436-.42013l-.603581-.76171.898652-.36535c.232985-.0963.212096-.43296-.03101-.49971zm-6.6936458.78445c-.3036649.0144-.5496083.0317-.7999518.0517l-.2439141.37672.8268229 1.3503c.3483822.0803.7032149.13236 1.0609184.13436.45466-.002.9043723-.0803 1.3404876-.20774l.7441408-1.3255-.273886-.31884c-.2737911-.0231-.540925-.0429-.8712652-.0597-.3535971-.0161-.632042-.024-.9074388-.0238-.2673509.00016-.5372127.008-.8759138.0225zm4.2834588.41909-.859896.1602-.456819.81442c.486545-.24714.930553-.57646 1.316715-.97462zm-6.8714145.006c.461055.47358 1.0026941.85344 1.6009355 1.10845l-.5327835-.86917z'/%3E%3C/g%3E%3C/svg%3E") !important;
}
/* TV / TV GAMES */
.nav-menu-item[href*="limitsiz"]::before,
.nav-menu-item[href*="tv-games"]::before,
.nav-menu-item[aria-label="TV"]::before,
.nav-menu-item[aria-label="TV GAMES"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v2h8v-2h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.1-.9-2-2-2zm0 14H3V5h18v12z'/%3E%3C/svg%3E") !important;
}
/* TELEGRAM DESTEK */
.nav-menu-item[href*="t.me/"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='m9.417 15.181-.397 5.584c.568 0 .814-.244 1.109-.537l2.663-2.545 5.518 4.041c1.012.564 1.725.267 1.998-.931l3.622-16.972.001-.001c.321-1.496-.541-2.081-1.527-1.714l-21.29 8.151c-1.453.564-1.431 1.374-.247 1.741l5.443 1.693 12.643-7.911c.595-.394 1.136-.176.691.218z'/%3E%3C/svg%3E") !important;
}
/* BİZE ULAŞIN */
.nav-menu-item[href*="orisbizeulasin"]::before,
.nav-menu-item[aria-label*="ULAŞ"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E") !important;
}
/* SPOR TURNUVASI */
.nav-menu-item[aria-label="SPOR TURNUVASI"]::before {
content: "" !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FFFFFF'%3E%3Cpath d='M19 5h-2V3H7v2H5c-1.1 0-2 .9-2 2v1c0 2.55 1.92 4.63 4.39 4.94.63 1.5 1.98 2.63 3.61 2.96V19H7v2h10v-2h-4v-3.1c1.63-.33 2.98-1.46 3.61-2.96C19.08 12.63 21 10.55 21 8V7c0-1.1-.9-2-2-2zM5 8V7h2v3.82C5.84 10.4 5 9.3 5 8zm14 0c0 1.3-.84 2.4-2 2.82V7h2v1z'/%3E%3C/svg%3E") !important;
}
/* ----------------------------------------------------------------
F. ALT ÇİZGİ DEGRADE
----------------------------------------------------------------
Nav bar altına ince gold degrade çizgi
---------------------------------------------------------------- */
.nav-menu-container.header-navigation:first-child::after {
content: '' !important;
position: absolute !important;
bottom: 0 !important;
left: 10% !important;
right: 10% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent 0%, rgba(242, 142, 30, 0.5) 50%, transparent 100%) !important;
pointer-events: none !important;
}
/* ================================================================
§11. BRAND COLOR OVERRIDES (Gold Accent)
================================================================ */
.tab-nav-item-bc {
color: #fcecc2 !important;
}
.notification-new-item {
background: #f28e1e !important;
display: flex !important;
align-items: center !important;
padding: 10px !important;
color: #000 !important;
border-radius: var(--border-radius) !important;
font-size: 12px !important;
}
.entrance-f-error-message-bc {
display: flex !important;
justify-content: center !important;
margin-bottom: 5px !important;
padding: 5px !important;
color: rgba(var(--b-sc), 1) !important;
border-radius: var(--border-radius) !important;
font-size: 12px !important;
background: rgb(240 201 89 / 44%) !important;
}
.notification-new-item-icon {
color: #ff3449 !important;
}
.checkbox-control-input-bc:checked ~ .checkbox-control-icon-bc {
background: #f28e1e !important;
}
.carousel-count-arrow-container i {
width: 25px !important;
height: 20px !important;
cursor: pointer !important;
background: #f28e1e !important;
color: #000 !important;
border-radius: var(--border-radius) !important;
transition: background var(--default-transition-duration) !important;
}
.second-tabs-bc .tab-bc:hover, .second-tabs-bc .tab-bc.active {
background: #f28e1e !important;
}
.count-odd-animation:after {
content: attr(data-badge) !important;
position: absolute !important;
width: 15px !important;
height: 15px !important;
color: rgba(var(--hero-sc), 1) !important;
background: #f28e1e !important;
border-radius: 50% !important;
text-align: center !important;
font-size: 8px !important;
line-height: 15px !important;
font-style: normal !important;
font-family: var(--font-family) !important;
}
.button.hero {
background-color: #f28e1e !important;
color: #000000 !important;
}
/* ================================================================
§12. CASINO & GAMES
----------------------------------------------------------------
A. Oyun Kartlari (casino-game-item, casinoGameItem)
B. Skeleton Loading (Oris Logo Pulse)
C. Provider Itemlari (providerItemsInner)
D. Oyun & Provider Badge'leri (badge-new, badge-top, ...)
E. Kategori Icerikleri (casinoCategoryContent)
F. Provider Blok & Filtre
G. Arama Input (searchInputWrp)
H. Oyun Sonuclari (gameResultsContainer)
I. Online Oyuncu Sayisi
J. Oyun Detaylari Popup (casinoGameDetails)
K. Selected Provider Item
L. Provider Row & Basliklar
M. Icon Button Block
N. Bos Durum & Hata Mesajlari
O. Tumunu Goster (showAllCount)
================================================================ */
/* ============================================================
A. OYUN KARTLARI (casino-game-item, casinoGameItem)
============================================================ */
/* Ana oyun kartı — HER İKİ FORMAT */
.casino-game-item,
.casinoGameItem {
background: rgba(26, 8, 0, 0.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23f28e1e'/%3E%3Ctext x='42' y='58' text-anchor='middle' font-family='Helvetica' font-size='52' font-weight='800' fill='%23170400'%3EO%3C/text%3E%3C/svg%3E") center / 36px no-repeat !important;
border: 1px solid rgba(242, 142, 30, 0.15) !important;
border-radius: var(--border-radius) !important;
overflow: hidden !important;
position: relative !important;
box-shadow:
0 4px 12px rgba(0, 0, 0, 0.4),
0 0 0 1px rgba(255, 255, 255, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.casino-game-item:hover,
.casinoGameItem:hover {
border-color: rgba(242, 142, 30, 0.3) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 20px rgba(242, 142, 30, 0.1) !important;
transform: translateY(-2px) !important;
}
}
/* Oyun resmi */
.casino-game-item-image-bc,
.casinoGameItemImage {
transition: transform 0.3s ease, filter 0.3s ease !important;
}
/* Hover overlay block */
.casino-game-item-block,
.casinoGameItemBlock {
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.75) 100%) !important;
}
/* Oyun adı (hover'da görünen) */
.casino-game-item-label-bc,
.casinoGameItemLabelBc {
color: #ffffff !important;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
}
/* Favori icon */
.casino-game-item-fav-bc,
.casinoGameItemFavBc {
color: rgba(255, 255, 255, 0.7) !important;
transition: all 0.25s ease !important;
}
.casino-game-item-fav-bc:hover,
.casino-game-item-fav-bc.active,
.casinoGameItemFavBc:hover,
.casinoGameItemFavBc.active {
color: #f28e1e !important;
text-shadow: 0 0 8px rgba(242, 142, 30, 0.5) !important;
}
/* Icon wrapper (hover icons) */
.casinoGameIconsWrp i {
color: rgba(255, 255, 255, 0.8) !important;
transition: color 0.2s ease !important;
}
.casinoGameIconsWrp i:hover {
color: #f28e1e !important;
}
.casinoGameIconsWrp i.active.iconFavorite {
color: #f28e1e !important;
}
/* Oyun butonları */
.casinoGameButtons .button {
border-radius: 8px !important;
transition: all 0.25s ease !important;
}
.casinoBtnWrp .button:not(.outlined) {
background: linear-gradient(145deg, #f28e1e 0%, #d4a843 100%) !important;
color: #1a1a1d !important;
box-shadow: 0 4px 12px rgba(242, 142, 30, 0.3) !important;
}
.casinoBtnWrp .button:not(.outlined):hover {
background: linear-gradient(145deg, #ffd666 0%, #f28e1e 100%) !important;
box-shadow: 0 6px 16px rgba(242, 142, 30, 0.4) !important;
}
.casinoBtnWrp .button.outlined {
border-color: rgba(255, 255, 255, 0.5) !important;
color: #ffffff !important;
}
.casinoBtnWrp .button.outlined:hover {
background: rgba(255, 255, 255, 0.1) !important;
border-color: rgba(255, 255, 255, 0.8) !important;
}
/* Bet limitleri */
.casinoGameBetLimitsContainer {
background: rgba(23, 4, 0, 0.95) !important;
}
.casinoGameBetLimitsContainer:before {
background: rgba(242, 142, 30, 0.05) !important;
}
.casinoGameBetLimitsLabelBc {
color: rgba(183, 183, 183, 0.8) !important;
}
.casinoGameBetLimits {
color: #f28e1e !important;
}
/* Oyun kartı içerik wrapper */
.casino-game-item-content,
.casinoGameItemContent {
background: transparent !important;
}
/* Oyun kartı wrapper */
.casinoGameItemWrp {
background: transparent !important;
}
/* Casino games grid */
.casinoCategoryGames {
background: transparent !important;
}
/* Casino tab active */
.casino-info-block .main-tabs-bc .tab-bc.active {
color: rgba(var(--hero-sc), 1) !important;
background: #f28e1e !important;
box-shadow: none !important;
}
/* Horizontal slider item hover/active */
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc:hover,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
color: rgba(var(--hero-sc), 1) !important;
background: #f28e1e !important;
}
.casino-horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
color: rgba(var(--hero-sc), 1) !important;
background: #f28e1e !important;
}
/* Kategori ikonları */
.horizontalCategoryItem i {
position: relative !important;
line-height: 1.1 !important;
transition: color .24s !important;
color: #000000 !important;
z-index: 1 !important;
}
.horCatItemTitle {
position: relative !important;
z-index: 1 !important;
color: #000000 !important;
white-space: normal !important;
flex: 1 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
display: -webkit-box !important;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
word-break: break-word !important;
transition: color .24s !important;
}
.horizontalCategoryItem {
position: relative !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
height: 100% !important;
background-color: #f28e1e !important;
overflow: hidden !important;
transition: background-color .12s !important;
}
/* Container + wrapper — koyu arkaplan kaldır
.casinoCategoryChooserContainer {
background: transparent !important;
}
*/
.casinoCategoryChooserContainer .horizontalSliderWrapper {
background: #f28e1e !important;
border-radius: 10px !important;
overflow: hidden !important;
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalSliderWrapper:before {
background: #f28e1e !important;
}
/* Wrapper item — koyu gap kaldır */
.horizontalCategoryItemWrp {
background: #f28e1e !important;
}
[class*=is-web] .horizontalCategoryItemWrp.active .horizontalCategoryItem:before,
[class*=is-web] .horizontalCategoryItemWrp:hover .horizontalCategoryItem:before {
background: #f28e1e !important;
}
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:hover:before,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp.active:before,
[class*=is-web] .casinoCategoryChooserContainer .horizontalCategoryItemWrp:active:before {
background: radial-gradient(circle at 50% 86%, rgb(233 203 107), rgb(233 203 107 / 20%), rgba(var(--hero), 0), rgba(var(--b-sc), 0)) !important;
}
/* Nav okları — gold uyumlu */
.casinoCategoryChooserContainer .horizontalSliderNav {
background: rgba(242, 142, 30, 0.95) !important;
color: #1a1a1d !important;
}
/* ============================================================
B. SKELETON LOADING — ORİS LOGO + ÇİFT HALKA
============================================================ */
/* Oyun kartı skeleton placeholder */
.skeleton-loader-game-cube {
background: #170400 !important;
border-color: rgba(242, 142, 30, 0.1) !important;
position: relative !important;
}
/* Oris logo + çift halka + PULSE FADE */
.skeleton-loader-game-cube::after {
content: "O" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 44px !important;
height: 44px !important;
background: none !important;
background-image: none !important;
font-family: 'Helvetica Neue', Arial, sans-serif !important;
font-size: 36px !important;
font-weight: 800 !important;
color: #f28e1e !important;
line-height: 44px !important;
text-align: center !important;
border-radius: 50% !important;
box-shadow: none !important;
animation: orisLogoSonar 2.5s ease-in-out infinite !important;
z-index: 2 !important;
}
.skeleton-loader-game-cube::before {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 44px !important;
height: 44px !important;
margin-top: -22px !important;
margin-left: -22px !important;
border-radius: 50% !important;
border: 1px solid rgba(242, 142, 30, 0.5) !important;
background: none !important;
animation: orisWave 3s cubic-bezier(0, 0.2, 0.8, 1) infinite !important;
z-index: 1 !important;
}
@keyframes orisLogoSonar {
0%, 100% { opacity: 1; transform: translate(-50%, -50%) scale(1); text-shadow: 0 0 8px rgba(242, 142, 30, 0.4); }
50% { opacity: 0.65; transform: translate(-50%, -50%) scale(0.92); text-shadow: 0 0 28px rgba(242, 142, 30, 1), 0 0 56px rgba(255, 79, 0, 0.5); }
}
@keyframes orisWave {
0% { transform: scale(1); opacity: 0.5; }
100% { transform: scale(2); opacity: 0; }
}
/* Diğer skeleton loader'lar */
.skeleton-loader-slider-cube,
.skeleton-loader-big-button,
.skeleton-loader-banner,
.skeleton-loader-full-banner {
background: #170400 !important;
position: relative !important;
}
.skeleton-loader-slider-cube::after,
.skeleton-loader-big-button::after,
.skeleton-loader-banner::after,
.skeleton-loader-full-banner::after {
content: "O" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
width: 36px !important;
height: 36px !important;
background: none !important;
background-image: none !important;
font-family: 'Helvetica Neue', Arial, sans-serif !important;
font-size: 28px !important;
font-weight: 800 !important;
color: #f28e1e !important;
line-height: 36px !important;
text-align: center !important;
border-radius: 50% !important;
box-shadow: none !important;
animation: orisLogoSonar 2.5s ease-in-out infinite !important;
z-index: 2 !important;
}
.skeleton-loader-slider-cube::before,
.skeleton-loader-big-button::before,
.skeleton-loader-banner::before,
.skeleton-loader-full-banner::before {
content: "" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
width: 36px !important;
height: 36px !important;
margin-top: -18px !important;
margin-left: -18px !important;
border-radius: 50% !important;
border: 1px solid rgba(242, 142, 30, 0.5) !important;
background: none !important;
animation: orisWave 3s cubic-bezier(0, 0.2, 0.8, 1) infinite !important;
z-index: 1 !important;
}
/* Provider items loader shimmer */
.providerItemsInnerLoader {
background: linear-gradient(110deg, #1a0800 0%, #1a0800 40%, #1a0800 50%, #1a0800 60%, #1a0800 100%) !important;
background-size: 200% 100% !important;
animation: shimmerOris 1.5s ease-in-out infinite !important;
}
/* ============================================================
C. PROVIDER İTEMLARI (providerItemsInner)
============================================================ */
/* Provider item (non-active) */
.providerItemsInner:not(.active) {
background: linear-gradient(to bottom, rgba(45, 45, 48, 0.9), rgba(26, 8, 0, 0.8)) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
color: #b7b7b7 !important;
box-shadow: inset 0.5px 0.5px rgba(255, 255, 255, 0.1) !important;
}
/* Provider item (active/selected) */
.providerItemsInner.active {
background: linear-gradient(to bottom, #f28e1e, #d4a843) !important;
color: #1a1a1d !important;
border: 1px solid #fff !important;
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.3), 0 4px 12px rgba(242, 142, 30, 0.3) !important;
}
/* Provider item hover */
[class*=is-web] .providerItemsInner:hover {
background: linear-gradient(to bottom, rgba(242, 142, 30, 0.9), rgba(212, 168, 67, 0.8)) !important;
color: #1a1a1d !important;
}
/* Provider item button/text */
.providerItemsBtn {
color: inherit !important;
}
.providerListRowName {
color: inherit !important;
}
/* ============================================================
D. OYUN & PROVIDER BADGE'LERİ
============================================================ */
/* Badge genel stili */
.providerBadgeBlock:after,
.casino-game-item:after {
border-radius: 4px !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
/* NEW badge */
.providerBadgeBlock.badge-new:after,
.casino-game-item.badge-new:after {
background: linear-gradient(135deg, #7f194f 0%, #5a1238 100%) !important;
}
/* TOP badge */
.providerBadgeBlock.badge-top:after,
.casino-game-item.badge-top:after {
background: linear-gradient(135deg, #6e3a85 0%, #4d2860 100%) !important;
}
/* HOT badge */
.providerBadgeBlock.badge-hot:after,
.casino-game-item.badge-hot:after {
background: linear-gradient(135deg, #e32020 0%, #b01818 100%) !important;
}
/* JACKPOT badge */
.providerBadgeBlock.badge-jackpot:after,
.casino-game-item.badge-jackpot:after {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
color: #1a1a1d !important;
}
/* PROMO badge */
.providerBadgeBlock.badge-promo:after,
.casino-game-item.badge-promo:after {
background: linear-gradient(135deg, #186360 0%, #0f4a47 100%) !important;
}
/* EXCLUSIVE badge */
.providerBadgeBlock.badge-exclusive:after,
.casino-game-item.badge-exclusive:after {
background: linear-gradient(135deg, #53934f 0%, #3d6d3a 100%) !important;
}
/* FREE badge */
.providerBadgeBlock.badge-free:after,
.casino-game-item.badge-free:after {
background: linear-gradient(135deg, #1077c3 0%, #0a5a96 100%) !important;
}
/* TOURNAMENT badge */
.providerBadgeBlock.badge-tournament:after,
.casino-game-item.badge-tournament:after {
background: linear-gradient(135deg, #3b26ac 0%, #2a1b7d 100%) !important;
}
/* TRENDING badge */
.providerBadgeBlock.badge-trending:after,
.casino-game-item.badge-trending:after {
background: linear-gradient(135deg, #3b1c6b 0%, #2a144d 100%) !important;
}
/* ORTAK badge */
.providerBadgeBlock.badge-ortak:after,
.casino-game-item.badge-ortak:after {
background: linear-gradient(135deg, #7000ff 0%, #5200bd 100%) !important;
}
/* ============================================================
E. KATEGORİ İÇERİK (casinoCategoryContent)
============================================================ */
.casinoCategoryContent {
background: linear-gradient(to bottom, rgba(45, 45, 48, 0.5), rgba(23, 4, 0, 0.3), transparent) !important;
border-color: rgba(242, 142, 30, 0.08) !important;
}
/* Kategori başlığı */
.casinoCategoryHead {
border-bottom-color: rgba(242, 142, 30, 0.15) !important;
}
.casinoCategoryHeadIcon {
color: #f28e1e !important;
}
.casinoCategoryHeadTitle {
color: #e8e8e8 !important;
}
/* Daha fazla göster linki */
.casinoCategoryMoreBc {
color: rgba(242, 142, 30, 0.7) !important;
transition: color 0.2s ease !important;
}
.casinoCategoryMoreBc:hover {
color: #f28e1e !important;
}
/* ============================================================
F. PROVIDER BLOK & FİLTRE
============================================================ */
/* Provider content — BC base bg override */
.casinoProviderContent {
background: rgba(var(--b), 1) !important;
}
/* Provider items container */
.providerItemsContainer {
background: transparent !important;
border: none !important;
border-radius: none !important;
}
/* Provider block holder */
.casinoProviderBlockHolder {
background: transparent !important;
border: none !important;
border-radius: none !important;
}
/* Provider items holder */
.providerItemsHolder {
background: transparent !important;
}
/* Provider search and reset row */
.providerSearchAndReset {
background: transparent !important;
}
/* Provider reset row */
.providerResetRow {
background: transparent !important;
border-bottom: none !important;
}
/* Provider text button */
.providerTxtBtnMob {
background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(26, 8, 0, 0.8)) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: #b7b7b7 !important;
}
/* Provider button */
.providerBtn {
background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(26, 8, 0, 0.8)) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}
.providerBtn:before {
background: linear-gradient(135deg, #f28e1e, #d4a843) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
/* Provider filter button */
.providerFilterBtnMob {
background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(26, 8, 0, 0.8)) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}
.providerFilterBtnMob.active,
.providerBtn.active {
background: linear-gradient(145deg, #f28e1e, #d4a843) !important;
border-color: rgba(242, 142, 30, 0.5) !important;
color: #1a1a1d !important;
}
/* Provider filter text */
.providerFilter {
color: #b7b7b7 !important;
}
/* Provider count text */
.providerCountTxt {
color: rgba(183, 183, 183, 0.8) !important;
}
/* Selected provider badge */
.providerSelected {
background: linear-gradient(145deg, #f28e1e, #d4a843) !important;
}
/* ============================================================
G. ARAMA INPUT (searchInputWrp)
============================================================ */
.searchInputWrp {
background-color: rgba(23, 4, 0, 0.95) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
}
.searchInputWrp:after {
background: linear-gradient(rgba(45, 45, 48, 0.5), rgba(26, 8, 0, 0.3)) !important;
}
.searchInputWrp.active {
border-color: rgba(242, 142, 30, 0.3) !important;
}
.searchInput {
color: #e8e8e8 !important;
}
.searchInput::placeholder {
color: #6a6a6a !important;
}
.searchInputIcon {
color: #9a9a9a !important;
}
.searchInputIcon:before {
background: linear-gradient(135deg, #f28e1e, #d4a843) !important;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent !important;
}
/* ============================================================
H. OYUN SONUÇLARI (gameResultsContainer)
============================================================ */
.gameResultsContainer {
background: rgba(23, 4, 0, 0.85) !important;
border-radius: 0 0 var(--border-radius) var(--border-radius) !important;
}
.gameResultsContainer:before {
background: rgba(26, 8, 0, 0.9) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
.gameResultSingle {
color: #e8e8e8 !important;
}
/* ============================================================
I. ONLINE OYUNCU SAYISI (onlinePlayersCount)
============================================================ */
.onlinePlayersCount {
background: rgba(23, 4, 0, 0.8) !important;
color: #e8e8e8 !important;
}
.onlinePlayersCount:before {
background: rgba(26, 8, 0, 0.6) !important;
}
.onlinePlayersCount > i {
color: #4ade80 !important;
}
/* ============================================================
J. OYUN DETAYLARI POPUP (casinoGameDetails)
============================================================ */
.casinoGameDetailsContent {
background-color: rgba(23, 4, 0, 0.98) !important;
}
.casinoGameDetailsTitle {
color: #ffffff !important;
}
.casinoGameDetailsDescTxt {
color: rgba(183, 183, 183, 0.8) !important;
}
.casGameDetailsRightInfoTitle {
color: #e8e8e8 !important;
}
.casGameDetailsLimitsMin {
color: #9a9a9a !important;
}
.casGameDetailsLimitsMinValue {
color: #f28e1e !important;
}
.casinoGameDetailsProvTitle {
color: #b7b7b7 !important;
}
/* Tab wrapper */
.casinoGameTabsWrp {
background-color: rgba(26, 8, 0, 0.95) !important;
}
/* ============================================================
K. SELECTED PROVIDER ITEM
============================================================ */
.selectedProviderItem {
background: linear-gradient(rgba(45, 45, 48, 0.8), rgba(26, 8, 0, 0.7)) !important;
border-color: rgba(242, 142, 30, 0.15) !important;
}
.selectedProviderItemName {
color: #e8e8e8 !important;
}
.selectedProviderItem i {
color: #9a9a9a !important;
}
.selectedProviderItem i:hover {
color: #f28e1e !important;
}
/* ============================================================
L. PROVIDER ROW & BAŞLIKLAR
============================================================ */
.casinoProviderRow {
background: rgba(23, 4, 0, 0.98) !important;
}
.casinoProviderBlockTitle span {
color: #e8e8e8 !important;
}
.casinoProviderBlockTitle i {
color: #b7b7b7 !important;
background: linear-gradient(rgba(242, 142, 30, 0.15), rgba(242, 142, 30, 0.08)) !important;
border-color: rgba(242, 142, 30, 0.2) !important;
}
.casinoGameListTitle {
color: #e8e8e8 !important;
}
/* Provider type icons */
.providerTypeIconWrp i {
background: linear-gradient(#f28e1e, #d4a843) !important;
-webkit-background-clip: text !important;
}
.providerTypeIconWrp i.active {
background: linear-gradient(#f28e1e, #d4a843) !important;
-webkit-background-clip: text !important;
}
/* ============================================================
M. ICON BUTTON BLOCK
============================================================ */
.iconButtonBlock {
background: linear-gradient(rgba(45, 45, 48, 0.9), rgba(26, 8, 0, 0.8)) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: #b7b7b7 !important;
}
.iconButtonBlock:hover,
.iconButtonBlock.active {
background: linear-gradient(145deg, #f28e1e, #d4a843) !important;
color: #1a1a1d !important;
}
/* ============================================================
N. BOŞ DURUM & HATA MESAJLARI
============================================================ */
.casinoSearchNoResults {
color: #6a6a6a !important;
}
.casinoSearchNoResultsLabel {
color: #9a9a9a !important;
}
.emptyTextBc {
color: #6a6a6a !important;
}
/* Empty provider list */
.emptyProviderListWrp {
color: #6a6a6a !important;
}
/* ============================================================
O. TÜMÜNÜ GÖSTER (showAllCount)
============================================================ */
.casinoGameItemShowAllInner {
background: rgba(23, 4, 0, 0.9) !important;
border: 1px solid rgba(242, 142, 30, 0.2) !important;
}
.showAllCount {
color: #f28e1e !important;
text-shadow: 0 0 15px rgba(242, 142, 30, 0.4) !important;
}
/* ============================================================
P. TURNUVALAR
============================================================ */
.casinoTournamentInfoSectionTitleBc {
color: #000 !important;
font-weight: bold !important;
}
.casinoTournamentSectionContentTitleBc {
color: #000 !important;
font-weight: bold !important;
}
.casinoTournamentSectionElStatusBc[data-status="3"] {
color: #333 !important;
}
/* ============================================================
Q. ÖZEL OYUNLAR (justiceGames)
============================================================ */
.justiceGames {
background: transparent !important;
border: none !important;
padding: 0 16px !important;
margin-bottom: 10px !important;
}
.justiceGamesInner {
background: transparent !important;
}
.justiceGamesTitleRow {
background: transparent !important;
border: none !important;
padding: 15px 0 10px 0 !important;
margin: 0 !important;
}
/* Dekoratif çizgiyi gizle */
.justiceGamesTitleRow::before,
.justiceGamesTitleRow::after,
.justiceGamesTitle::before,
.justiceGamesTitle::after,
.justiceGames::before,
.justiceGames::after,
div.justiceGamesTitleRow::before,
div.justiceGamesTitleRow::after {
display: none !important;
content: none !important;
background: none !important;
background-image: none !important;
border: none !important;
width: 0 !important;
height: 0 !important;
opacity: 0 !important;
}
/* Başlık text */
.justiceGamesTitle,
.justiceGamesTitleRow .justiceGamesTitle,
.justiceGamesTitleRow > .justiceGamesTitle,
p.justiceGamesTitle,
.justiceGamesTitleRow p.justiceGamesTitle {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: normal !important;
line-height: 1.4 !important;
background: none !important;
background-image: none !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
/* Daha fazlası linki */
.justiceGames .view-see-more,
.justiceGames .page-view-more {
color: rgba(255, 255, 255, 0.6) !important;
}
.justiceGames .view-see-more:hover,
.justiceGames .page-view-more:hover {
color: #f28e1e !important;
}
/* Justice game item */
.justiceGameItem {
background: rgba(26, 8, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-radius: 10px !important;
transition: all 0.25s ease !important;
}
.justiceGameItem:hover {
border-color: rgba(242, 142, 30, 0.2) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}
/* ============================================================
R. KATEGORİ BAŞLIKLARI (page-view-more) — Tüm kategoriler
============================================================ */
/* Kategori başlık container */
.page-view-more {
background: transparent !important;
}
/* Kategori başlık text (YENİ OYUNLAR vb.) */
.view-title-more {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
}
/* DAHA FAZLASI linki */
.view-see-more {
color: rgba(255, 255, 255, 0.6) !important;
transition: color 0.2s ease !important;
}
.view-see-more:hover {
color: #f28e1e !important;
}
/* Ok ikonu */
.view-arrow-more {
color: rgba(255, 255, 255, 0.6) !important;
transition: color 0.2s ease, transform 0.2s ease !important;
}
.page-view-more:hover .view-arrow-more {
color: #f28e1e !important;
transform: translateX(3px) !important;
}
/* Oyun kartları scroll container */
.games-horiz {
background: transparent !important;
}
.games-horiz-scroll {
background: transparent !important;
}
/* Oyun grid satır container — justiceGames ile aynı spacing */
.games-content {
background: transparent !important;
border: none !important;
padding: 0 16px !important;
margin-bottom: 10px !important;
}
/* Games-content başlıkları — justiceGames ile birebir aynı */
.games-content .page-view-more {
background: transparent !important;
border: none !important;
padding: 15px 0 10px 0 !important;
margin: 0 !important;
}
.games-content .page-view-more::before,
.games-content .page-view-more::after {
display: none !important;
content: none !important;
}
.games-content .view-title-more {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 400 !important;
text-transform: uppercase !important;
letter-spacing: normal !important;
line-height: 1.4 !important;
background: none !important;
background-image: none !important;
-webkit-text-fill-color: #ffffff !important;
text-shadow: none !important;
}
.games-content .view-see-more {
color: rgba(255, 255, 255, 0.6) !important;
}
.games-content .view-see-more:hover {
color: #f28e1e !important;
}
/* ================================================================
§13. SPORTS BETTING & BONUS (+ Öne Çıkan Etkinlikler)
================================================================ */
/* ----------------------------------------------------------------
A. ÖNE ÇIKAN ETKİNLİKLER (Featured Games)
----------------------------------------------------------------
Mobile §7 + §17-F birleştirilmiş, desktop hover efektleri eklendi
---------------------------------------------------------------- */
/* Section container */
.featuredGames {
margin-bottom: 20px !important;
}
/* Section başlığı */
.featuredGames .page-view-more {
padding: 12px 16px !important;
}
.featuredGames .view-title-more {
color: #f28e1e !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
}
/* --- Kart Container — mobil referans birebir --- */
.featuredGameItem,
.carouselWrapper .featuredGameItem,
.swiper-slide .featuredGameItem,
div.featuredGameItem {
background: linear-gradient(79.63deg, #310e07 21.4%, #e32800 162.65%) !important;
border: none !important;
border-radius: 10px !important;
overflow: hidden !important;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.featuredGameItem:hover {
border-color: rgba(242, 142, 30, 0.3) !important;
box-shadow:
0 8px 32px rgba(0, 0, 0, 0.4),
0 0 20px rgba(242, 142, 30, 0.06),
inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
transform: translateY(-2px) !important;
}
}
.featuredGameItem:active {
transform: translateY(0) scale(0.99) !important;
transition-duration: 0.1s !important;
}
/* --- Kart Header (lig bilgisi) — mobil referans --- */
.featuredGameItemHeader,
.featuredGameItem .featuredGameItemHeader {
background: transparent !important;
border-bottom: none !important;
padding: 12px 12px 0 !important;
height: auto !important;
}
.featuredGameItemHeader::before {
display: none !important;
}
/* Spor ikonu — mobil referans */
.featuredGameItemSportAliasIcon,
.featuredGameItem .featuredGameItemSportAliasIcon {
color: #ffdcb5 !important;
font-size: 16px !important;
}
/* Lig ismi — mobil referans */
.featuredGameItemCompetitionName,
.featuredGameItem .featuredGameItemCompetitionName {
color: #ffdcb5 !important;
font-size: 11px !important;
font-weight: 500 !important;
}
/* --- Kart Body — mobil referans --- */
.featuredGameItemBody,
.featuredGameItem .featuredGameItemBody {
background: transparent !important;
padding: 6px 12px 0 !important;
}
/* Body divider kaldır — mobil referans */
.featuredGameItem .featuredGameItemBody::after,
.carouselWrapper .featuredGameItem .featuredGameItemBody::after {
display: none !important;
}
/* Takım isimleri */
.featuredGameItemPlayer {
color: #e0e0e0 !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.featuredGameItemPlayerName {
color: #ffffff !important;
}
/* Maç saati — mobil referans: #ff8c42 */
.featuredGameItemTime,
.featuredGameItem .featuredGameItemTime,
.featuredGameItemTimeBlock,
.featuredGameItem .featuredGameItemTimeBlock {
color: #ff8c42 !important;
font-size: 11px !important;
font-weight: 500 !important;
}
.featuredGameItemTime > time:first-child,
.featuredGameItem .featuredGameItemTime > time:first-child {
color: #ff8c42 !important;
font-weight: 600 !important;
font-size: 11px !important;
}
/* --- Live Badge --- */
.featuredGameItemIsLive {
background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important;
color: #ffffff !important;
border-radius: 6px !important;
font-weight: 600 !important;
box-shadow: 0 2px 8px rgba(255, 52, 73, 0.35) !important;
animation: livePulse 2s ease-in-out infinite !important;
}
@keyframes livePulse {
0%, 100% { box-shadow: 0 2px 8px rgba(255, 52, 73, 0.35); }
50% { box-shadow: 0 2px 12px rgba(255, 52, 73, 0.55); }
}
/* --- Bahis Butonları (Oranlar) — mobil referans birebir --- */
.featuredGameItem .market-group-holder-bc,
.carouselWrapper .featuredGameItem .market-group-holder-bc {
gap: 4px !important;
padding: 8px 12px 10px !important;
border-top: 1px solid rgba(255, 150, 100, 0.2) !important;
margin-top: 6px !important;
}
.featuredGameItem .market-group-holder-bc .market-group-item-bc + .market-group-item-bc {
margin-inline-start: 0 !important;
}
/* Odds buton — referans: #2a0b05, 6px radius */
.featuredGameItem .market-bc,
.carouselWrapper .featuredGameItem .market-bc,
.swiper-slide .featuredGameItem .market-bc {
background: #2a0b05 !important;
border: none !important;
border-radius: 6px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
padding: 6px 0 !important;
transition: all 0.2s ease !important;
}
@media (hover: hover) {
.featuredGameItem .market-bc:hover {
background: rgba(255, 79, 0, 0.2) !important;
}
}
.featuredGameItem .market-bc:active,
.featuredGameItem .market-bc.active {
background: rgba(255, 79, 0, 0.3) !important;
}
.featuredGameItem .market-bc:active {
transform: translateY(0) scale(0.97) !important;
transition-duration: 0.1s !important;
}
.featuredGameItem .market-bc.active {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.25) 0%, rgba(242, 142, 30, 0.1) 100%) !important;
border-color: #f28e1e !important;
box-shadow: 0 0 12px rgba(242, 142, 30, 0.15) !important;
}
.featuredGameItem .market-name-bc {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 11px !important;
}
.featuredGameItem .market-odd-bc {
color: #f28e1e !important;
font-size: 14px !important;
font-weight: 700 !important;
transition: color 0.2s ease !important;
}
/* Boost ikonu */
.featuredGameItem .market-icon-bc.bc-i-boost {
color: #34c759 !important;
}
/* --- Pagination (Swiper) --- */
.featuredGamesContent .swiper-pagination {
color: rgba(255, 255, 255, 0.5) !important;
font-size: 12px !important;
}
.featuredGamesContent .swiper-pagination-current {
color: #f28e1e !important;
font-weight: 600 !important;
}
/* ----------------------------------------------------------------
B. GENEL SPORTS BETTING & BONUS
---------------------------------------------------------------- */
.market-bc:not(.disabled-market-bc):hover {
color: #000 !important;
background: #f28e1e !important;
}
@keyframes marketActiveBorder {
0% { border-color: #f28e1e; }
50% { border-color: #f28e1e; }
100% { border-color: #f28e1e; }
}
.market-bc.active {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 50%, #f28e1e 100%) !important;
border: 1.5px solid #f28e1e !important;
animation: marketActiveBorder 2s ease-in-out infinite !important;
}
.market-bc.active .market-odd-bc,
.market-bc.active .market-name-bc,
.market-bc.active .market-icon-bc {
color: #ffffff !important;
}
.left-menu-container .second-tabs-bc .tab-bc:hover,
.left-menu-container .second-tabs-bc .tab-bc.active {
color: #000 !important;
background: #f28e1e !important;
}
.popular-matches-bc {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
.accordion-items-resize span {
width: 11.11%;
}
.accordion-items-resize span button {
width: calc(100% - 8px) !important;
border: 1px solid #f28e1e;
max-width: calc(100% - 8px) !important;
}
/* --- Sport Bonus Turkish Text --- */
.sportBonusList-bc .sport-casino-bonus {
position: relative !important;
}
.sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-total {
font-size: 1rem !important;
color: #FFFFFF !important;
}
.sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable {
font-size: 0;
line-height: 0;
}
.sportBonusList-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable::after {
content: "Kalan Çevrim";
color: #FFF;
font-size: 1rem;
line-height: normal;
}
.sportBonusList-bc .sportBonusFundPrice-bc.sportBonusFundPrice-total {
font-size: 1rem !important;
color: green !important;
}
.sportBonusList-bc .countdown-banner-date {
font-size: 0.75rem !important;
}
.sportBonusList-bc .countdown-banner-names {
font-size: 0.5rem !important;
font-weight: normal !important;
}
.sportBonusList-bc .countdown-banner-counter + .countdown-banner-counter:before {
font-size: 0.5rem !important;
top: 1px !important;
left: -10px !important;
}
.sportBonusList-bc .sportBonusFundPrice-bc.sportBonusFundPrice-withdrawable {
font-size: 1rem !important;
color: red !important;
}
/* ----------------------------------------------------------------
C. SPOR SAYFASI — KAPSAMLI GÖRSEL STİLLER
----------------------------------------------------------------
Mobile §17 + §17.1 port — desktop UX iyileştirmeleri eklendi.
hover: hover media query ile dokunmatik cihaz güvenliği.
---------------------------------------------------------------- */
/* --- Sport Type Chips (Futbol, Basketbol, etc.) --- */
.horizontal-sl-list-bc .horizontal-sl-item-bc,
.sports-horizontal-sl-list-bc .horizontal-sl-item-bc {
background: rgba(23, 4, 0, 0.95) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 20px !important;
color: #b7b7b7 !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.horizontal-sl-list-bc .horizontal-sl-item-bc:hover,
.sports-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
background: rgba(242, 142, 30, 0.12) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
}
}
.horizontal-sl-list-bc .horizontal-sl-item-bc.active,
.sports-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.2) 0%, rgba(242, 142, 30, 0.08) 100%) !important;
border-color: #f28e1e !important;
color: #f28e1e !important;
box-shadow: 0 0 16px rgba(242, 142, 30, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
.horizontal-sl-item-bc .horizontal-sl-icon-bc {
color: inherit !important;
opacity: 0.8 !important;
transition: opacity 0.25s ease !important;
}
.horizontal-sl-item-bc:hover .horizontal-sl-icon-bc,
.horizontal-sl-item-bc.active .horizontal-sl-icon-bc {
opacity: 1 !important;
}
.horizontal-sl-item-bc .horizontal-sl-count-bc {
background: rgba(242, 142, 30, 0.15) !important;
color: #f28e1e !important;
font-size: 10px !important;
font-weight: 600 !important;
padding: 2px 6px !important;
border-radius: 10px !important;
margin-left: 6px !important;
}
.horizontal-sl-item-bc.active .horizontal-sl-count-bc {
background: rgba(242, 142, 30, 0.25) !important;
}
/* --- Country/League Accordion List --- */
.sp-sub-list-bc {
background: rgba(23, 4, 0, 0.6) !important;
border-radius: 8px !important;
margin-bottom: 6px !important;
overflow: hidden !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
}
.sp-s-l-head-bc {
background: rgba(23, 4, 0, 0.9) !important;
padding: 10px 14px !important;
display: flex !important;
align-items: center !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
border-bottom: 1px solid transparent !important;
}
.sp-s-l-head-bc:hover {
background: rgba(242, 142, 30, 0.08) !important;
}
.sp-sub-list-bc.active > .sp-s-l-head-bc,
.sp-sub-list-bc.open > .sp-s-l-head-bc {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.15) 0%, rgba(242, 142, 30, 0.05) 100%) !important;
border-bottom-color: rgba(242, 142, 30, 0.15) !important;
box-shadow: inset 3px 0 0 #f28e1e !important;
}
.sp-s-l-head-bc .sp-s-l-h-flag-bc {
width: 20px !important;
height: 14px !important;
margin-right: 10px !important;
border-radius: 2px !important;
flex-shrink: 0 !important;
}
.sp-s-l-head-bc .sp-s-l-h-title-bc {
color: #e0e0e0 !important;
font-size: 13px !important;
font-weight: 500 !important;
flex: 1 !important;
transition: color 0.25s ease !important;
}
.sp-s-l-head-bc:hover .sp-s-l-h-title-bc {
color: #ffffff !important;
}
.sp-sub-list-bc.active > .sp-s-l-head-bc .sp-s-l-h-title-bc,
.sp-sub-list-bc.open > .sp-s-l-head-bc .sp-s-l-h-title-bc {
color: #f28e1e !important;
}
.sp-s-l-head-bc .sp-s-l-h-count-bc {
color: #9a9a9a !important;
font-size: 12px !important;
margin-right: 8px !important;
}
.sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc {
color: #6a6a6a !important;
font-size: 10px !important;
transition: all 0.25s ease !important;
}
.sp-s-l-head-bc:hover .sp-s-l-h-arrow-icon-bc {
color: #b7b7b7 !important;
}
.sp-sub-list-bc.active > .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.open > .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc {
color: #f28e1e !important;
transform: rotate(180deg) !important;
}
.sp-sub-list-bc .sp-s-l-content-bc {
background: rgba(14, 2, 0, 0.6) !important;
}
.sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc {
padding: 10px 14px 10px 44px !important;
color: #b7b7b7 !important;
font-size: 13px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc:hover {
background: rgba(242, 142, 30, 0.06) !important;
color: #ffffff !important;
}
.sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc.active,
.sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc.selected {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.14) 0%, rgba(242, 142, 30, 0.06) 100%) !important;
color: #f28e1e !important;
box-shadow: inset 3px 0 0 #f28e1e !important;
}
.sp-sub-list-bc .sp-s-l-content-bc .sp-s-l-item-bc:last-child {
border-bottom: none !important;
}
/* --- Accordion Sub Items --- */
.sp-s-l-b-c-item-bc {
background: rgba(26, 8, 0, 0.8) !important;
border-radius: 6px !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sp-s-l-b-c-item-bc:hover {
background: rgba(242, 142, 30, 0.08) !important;
}
.sp-s-l-b-c-item-bc.active,
.sp-s-l-b-c-item-bc.selected {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.12) 0%, rgba(242, 142, 30, 0.05) 100%) !important;
box-shadow: inset 3px 0 0 #f28e1e !important;
}
.sp-s-l-b-c-item-bc.active .sp-s-l-b-c-i-title-bc,
.sp-s-l-b-c-item-bc.selected .sp-s-l-b-c-i-title-bc {
color: #f28e1e !important;
}
.sp-s-l-b-c-i-title-bc {
color: #b7b7b7 !important;
}
.sp-s-l-b-c-i-g-count-bc {
color: #6a6a6a !important;
}
.sp-s-l-b-c-i-g-live-count-bc {
background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important;
color: #ffffff !important;
border-radius: 6px !important;
box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important;
}
/* --- Action Buttons (YAKLAŞAN MAÇLAR, POPÜLER MAÇLAR, etc.) --- */
.special-games-button {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
padding: 10px !important;
width: 100% !important;
box-sizing: border-box !important;
}
.special-games-button .btn {
padding: 10px 12px !important;
border-radius: 8px !important;
font-size: 10px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
background: rgba(23, 4, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
color: #b7b7b7 !important;
box-shadow: none !important;
}
@media (hover: hover) {
.special-games-button .btn:hover {
background: rgba(26, 8, 0, 1) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
color: #f28e1e !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}
.special-games-button .btn:active {
background: rgba(242, 142, 30, 0.1) !important;
transform: translateY(0) !important;
}
}
.special-games-button .btn > i {
font-size: 14px !important;
color: #f28e1e !important;
}
.special-games-button .btn:first-child {
grid-column: span 2 !important;
}
/* --- Favourite Teams Widget --- */
.favouriteTeamsWidget {
background: rgba(23, 4, 0, 0.8) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 12px !important;
padding: 16px !important;
margin-bottom: 12px !important;
}
.favouriteTeamsWidget .widget-title,
.favouriteTeamsWidgetTitle {
color: #e0e0e0 !important;
font-size: 14px !important;
font-weight: 600 !important;
margin-bottom: 12px !important;
}
.favouriteTeamItemInner {
background: rgba(26, 8, 0, 0.95) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
transition: border-color 0.2s ease !important;
}
.favouriteTeamItemInner:hover {
border-color: rgba(242, 142, 30, 0.5) !important;
}
.addYourFavouritesBtn,
.addYourFavouritesBtn.btn {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.15) 0%, rgba(242, 142, 30, 0.05) 100%) !important;
border: 1px dashed rgba(242, 142, 30, 0.4) !important;
border-radius: 10px !important;
padding: 14px 16px !important;
color: #f28e1e !important;
font-size: 13px !important;
font-weight: 500 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}
@media (hover: hover) {
.addYourFavouritesBtn:hover,
.addYourFavouritesBtn.btn:hover {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.25) 0%, rgba(242, 142, 30, 0.1) 100%) !important;
border-color: rgba(242, 142, 30, 0.6) !important;
box-shadow: 0 0 16px rgba(242, 142, 30, 0.12) !important;
transform: translateY(-1px) !important;
}
}
.addYourFavouritesBtn i,
.addYourFavouritesBtn .icon,
.addYourFavouritesBtn.btn > i {
font-size: 16px !important;
color: #f28e1e !important;
}
/* --- Time Filter Dropdown --- */
.filter-sports-bc {
background: rgba(23, 4, 0, 0.95) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 8px !important;
padding: 8px 12px !important;
color: #b7b7b7 !important;
font-size: 12px !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
}
.filter-sports-bc:hover {
border-color: rgba(242, 142, 30, 0.3) !important;
color: #ffffff !important;
}
.filter-sports-bc.active,
.filter-sports-bc:focus {
border-color: #f28e1e !important;
color: #f28e1e !important;
outline: none !important;
}
.filter-sports-bc .filter-arrow,
.filter-sports-bc::after {
color: #6a6a6a !important;
transition: color 0.25s ease !important;
}
.filter-sports-bc:hover .filter-arrow,
.filter-sports-bc:hover::after {
color: #b7b7b7 !important;
}
/* --- Time Filter Buttons --- */
.time-filter-button-bc {
background: rgba(26, 8, 0, 0.9) !important;
border-color: rgba(255, 255, 255, 0.1) !important;
color: #b7b7b7 !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}
.time-filter-button-bc:hover {
background: rgba(242, 142, 30, 0.1) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
color: #ffffff !important;
}
.time-filter-button-bc.active {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
border-color: #f28e1e !important;
color: #170400 !important;
font-weight: 600 !important;
box-shadow: 0 2px 8px rgba(242, 142, 30, 0.3) !important;
}
/* --- Sports Page Container Background --- */
.sportsbook-wrapper,
.sports-page-container,
.pre-match-container {
background: #170400 !important;
}
/* --- Match Cards --- */
.s-g-row-bc,
.sport-game-row-bc {
background: rgba(23, 4, 0, 0.7) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-bottom: none !important;
border-radius: 8px !important;
margin-bottom: 8px !important;
padding-bottom: 8px !important;
position: relative !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.s-g-row-bc::after,
.sport-game-row-bc::after {
content: '' !important;
position: absolute !important;
bottom: -4px !important;
left: 10% !important;
right: 10% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(242, 142, 30, 0.15) 30%, rgba(242, 142, 30, 0.25) 50%, rgba(242, 142, 30, 0.15) 70%, transparent) !important;
}
@media (hover: hover) {
.s-g-row-bc:hover,
.sport-game-row-bc:hover {
background: rgba(23, 4, 0, 0.95) !important;
border-color: rgba(242, 142, 30, 0.15) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3),
0 0 0 1px rgba(242, 142, 30, 0.06) !important;
}
}
.s-g-row-bc .sgr-team-name-bc,
.sport-game-row-bc .team-name {
color: #e0e0e0 !important;
font-size: 13px !important;
}
.s-g-row-bc .sgr-time-bc,
.sport-game-row-bc .match-time {
color: #9a9a9a !important;
font-size: 11px !important;
}
.s-g-row-bc .market-odd-bc,
.sport-game-row-bc .odd-value {
color: #f28e1e !important;
font-weight: 700 !important;
font-size: 13px !important;
}
.s-g-row-bc .market-name-bc,
.sport-game-row-bc .market-name {
color: #9a9a9a !important;
font-size: 10px !important;
}
/* Live indicator — pulse efekti */
.s-g-row-bc .live-indicator,
.sport-game-row-bc .is-live {
background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important;
color: #ffffff !important;
padding: 2px 6px !important;
border-radius: 4px !important;
font-size: 9px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important;
animation: livePulse 2s ease-in-out infinite !important;
}
@keyframes livePulse {
0%, 100% { box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3); }
50% { box-shadow: 0 2px 12px rgba(255, 52, 73, 0.5); }
}
/* ============================================================
§17.1 Competition / Match Kartları
============================================================ */
.competition-bc {
background: rgba(23, 4, 0, 0.85) !important;
border-color: rgba(255, 255, 255, 0.06) !important;
border-radius: 10px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2),
inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
transition: box-shadow 0.3s ease, border-color 0.3s ease !important;
}
@media (hover: hover) {
.competition-bc:hover {
border-color: rgba(255, 255, 255, 0.1) !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3),
0 0 0 1px rgba(242, 142, 30, 0.05),
inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}
}
.competition-wrapper-bc {
background: rgba(23, 4, 0, 0.7) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
border-radius: 10px !important;
}
.c-segment-holder-bc {
position: relative !important;
margin-bottom: 5px !important;
padding: 4px 5px !important;
border-radius: 6px !important;
}
.c-segment-holder-bc::after {
content: '' !important;
position: absolute !important;
bottom: -3px !important;
left: 10% !important;
right: 10% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(242, 142, 30, 0.15) 30%, rgba(242, 142, 30, 0.25) 50%, rgba(242, 142, 30, 0.15) 70%, transparent) !important;
}
.c-segment-holder-bc:last-child::after {
display: none !important;
}
.c-segment-holder-bc.head {
background: rgba(26, 8, 0, 0.9) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
padding: 5px 6px !important;
}
.c-segment-holder-bc.info {
background: rgba(23, 4, 0, 0.7) !important;
padding: 3px 5px !important;
}
/* --- Takım Alanı --- */
.c-teams-bc {
background: rgba(23, 4, 0, 0.5) !important;
}
.c-team-info-team-bc {
color: #ffffff !important;
font-weight: 500 !important;
letter-spacing: 0.01em !important;
}
.c-team-info-score-bc {
color: #f28e1e !important;
font-weight: 700 !important;
text-shadow: 0 0 8px rgba(242, 142, 30, 0.4),
0 0 20px rgba(242, 142, 30, 0.15) !important;
}
/* --- Tarih & Saat --- */
.c-info-content-bc {
color: #b7b7b7 !important;
}
.c-info-content-bc i {
color: #f28e1e !important;
opacity: 0.7 !important;
}
/* --- İkonlar --- */
.c-info-icon-bc {
color: #9a9a9a !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.c-info-icon-bc:hover {
color: #f28e1e !important;
transform: scale(1.1) !important;
}
.c-info-icon-bc.bc-i-favorite,
.c-info-icon-bc.bc-i-star,
.c-info-icon-bc.active,
.bc-i-favorite.active,
.bc-i-star.active {
color: #f28e1e !important;
filter: drop-shadow(0 0 4px rgba(242, 142, 30, 0.4)) !important;
}
/* --- Market Sayısı (+491 gibi) --- */
.c-info-more-bc {
color: #f28e1e !important;
font-weight: 700 !important;
background: rgba(242, 142, 30, 0.1) !important;
padding: 2px 8px !important;
border-radius: 10px !important;
border: 1px solid rgba(242, 142, 30, 0.15) !important;
transition: all 0.25s ease !important;
}
.c-info-more-bc:hover {
color: #ffffff !important;
background: rgba(242, 142, 30, 0.2) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
}
/* ============================================================
Market / Oran Butonları (§17.1 B — §13B ile birleşik)
============================================================ */
.market-bc {
background: rgba(26, 8, 0, 0.95) !important;
border-color: rgba(255, 255, 255, 0.08) !important;
border-radius: 6px !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.market-bc.disabled-market-bc {
background: rgba(26, 8, 0, 0.5) !important;
opacity: 0.5 !important;
}
/* Active glow (§13B solid gold + glow shadow) */
.market-bc.active {
box-shadow: 0 0 12px rgba(242, 142, 30, 0.25),
inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}
@media (hover: hover) {
.market-bc:not(.disabled-market-bc):hover {
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(242, 142, 30, 0.2) !important;
}
.market-bc:not(.disabled-market-bc):active {
transform: translateY(0) scale(0.97) !important;
transition-duration: 0.1s !important;
}
}
.market-odd-bc,
.market-coefficient-bc {
color: #f28e1e !important;
font-weight: 700 !important;
}
.market-name-bc {
color: #9a9a9a !important;
}
.market-arrow-up-down-bc.is-up {
color: #16c72e !important;
}
.market-arrow-up-down-bc.is-down {
color: #ff3449 !important;
}
.market-coefficient-bc {
transition: background 0.3s ease !important;
}
/* ============================================================
Tab Sistemi (§17.1 G)
============================================================ */
/* Tab Type 1 (Underline) */
.tabsBcWrp.type1 {
border-color: rgba(255, 255, 255, 0.08) !important;
}
.tabsBcWrp.type1 .tabsBcItemTxt {
color: #9a9a9a !important;
transition: color 0.2s ease !important;
}
.tabsBcWrp.type1 .tabsBcItem:hover .tabsBcItemTxt {
color: #b7b7b7 !important;
}
.tabsBcWrp.type1 .tabsBcItem.active .tabsBcItemTxt {
color: #f28e1e !important;
font-weight: 600 !important;
}
.tabsBcWrp.type1 .tabItemBg {
background: #f28e1e !important;
border-radius: 2px 2px 0 0 !important;
box-shadow: 0 -2px 8px rgba(242, 142, 30, 0.3) !important;
}
/* Tab Type 2 (Pill) */
.tabsBcWrp.type2 {
background: rgba(26, 8, 0, 0.9) !important;
border-radius: 8px !important;
}
.tabsBcWrp.type2 .tabsBcItemTxt {
color: #9a9a9a !important;
transition: color 0.2s ease !important;
}
.tabsBcWrp.type2 .tabsBcItem:hover {
background: rgba(255, 255, 255, 0.05) !important;
}
.tabsBcWrp.type2 .tabsBcItem.active .tabsBcItemTxt {
color: #170400 !important;
font-weight: 600 !important;
}
.tabsBcWrp.type2 .tabItemBg {
background: #f28e1e !important;
border-radius: 6px !important;
}
/* ============================================================
Geri Navigasyon (§17.1 H)
============================================================ */
.backNavBlock > i,
.back-nav-bc > i {
color: #f28e1e !important;
}
.backNavTitle,
.back-nav-title-bc-h1 {
color: #e0e0e0 !important;
}
.back-nav-bc {
color: #b7b7b7 !important;
transition: color 0.2s ease !important;
}
.back-nav-bc:hover {
color: #f28e1e !important;
}
/* ============================================================
Maç Detay Sayfası (§17.1 I)
============================================================ */
.game-details-container-inner-bc {
background: linear-gradient(180deg, rgba(23, 4, 0, 0.95) 0%, rgba(23, 4, 0, 0.98) 100%) !important;
border-radius: 12px !important;
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3),
inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.game-details-c-head-time-bc {
background: rgba(242, 142, 30, 0.15) !important;
color: #f28e1e !important;
border-radius: 6px !important;
}
.game-d-c-h-c-r-sport-league-bc {
color: #9a9a9a !important;
}
.game-d-c-b-r-c-team-name-bc {
color: #f2f2f2 !important;
}
.game-details-c-b-r-c-score-item-bc.point {
color: #ffffff !important;
font-weight: 700 !important;
}
.game-details-c-b-r-c-score-item-bc.title {
color: #9a9a9a !important;
}
.game-details-c-live-i-item-bc {
background: rgba(0, 0, 0, 0.4) !important;
color: rgba(255, 255, 255, 0.8) !important;
border-radius: 8px !important;
transition: all 0.2s ease !important;
}
.game-details-c-live-i-item-bc:hover {
background: rgba(242, 142, 30, 0.2) !important;
color: #f28e1e !important;
}
.game-details-c-live-i-item-bc.active {
background: rgba(255, 255, 255, 0.9) !important;
color: #170400 !important;
}
/* ============================================================
SGM — Single Game Markets (§17.1 J)
============================================================ */
/* --- SGM Body Container --- */
.sgm-body-bc {
background: rgba(14, 2, 0, 0.6) !important;
border-radius: 0 0 10px 10px !important;
padding: 8px !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
/* --- Market Grup Başlık (Toplam Goller, Maç Sonucu, vb.) --- */
.sgm-markets-head-bc {
background: linear-gradient(135deg, rgba(26, 8, 0, 0.95) 0%, rgba(23, 4, 0, 0.85) 100%) !important;
border-radius: 8px !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
padding: 12px 14px !important;
margin-bottom: 4px !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sgm-markets-head-bc:hover {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.1) 0%, rgba(242, 142, 30, 0.04) 100%) !important;
border-color: rgba(242, 142, 30, 0.12) !important;
}
.sgm-m-h-title-bc {
color: #ffffff !important;
font-weight: 500 !important;
}
.sgm-m-h-title-bc i {
color: #f28e1e !important;
opacity: 0.8 !important;
}
/* --- Market Grup Alt Başlık (Üst/Alt, 1/X/2) --- */
.sgm-market-g-head-bc {
background: rgba(26, 8, 0, 0.9) !important;
color: #b7b7b7 !important;
border-radius: 8px 8px 0 0 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.sgm-market-g-head-bc:hover {
background: rgba(242, 142, 30, 0.08) !important;
color: #e0e0e0 !important;
}
.sgm-market-g-head-bc.active {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.15) 0%, rgba(242, 142, 30, 0.05) 100%) !important;
border-color: rgba(242, 142, 30, 0.2) !important;
color: #f28e1e !important;
box-shadow: inset 3px 0 0 #f28e1e !important;
}
.sgm-market-g-h-title-label > span {
background: #f28e1e !important;
color: #170400 !important;
border-radius: 4px !important;
font-weight: 600 !important;
}
/* --- Market Grup Oran Satırları --- */
.sgm-market-g-item-bc {
background: rgba(23, 4, 0, 0.7) !important;
border-radius: 0 0 8px 8px !important;
padding: 6px !important;
gap: 4px !important;
}
.sgm-market-g-i-cell-bc.market-bc {
background: rgba(26, 8, 0, 0.95) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 6px !important;
padding: 8px 12px !important;
margin-bottom: 3px !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
}
.sgm-market-g-i-cell-bc.market-bc::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 15% !important;
right: 15% !important;
height: 1px !important;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.06) 50%, transparent) !important;
}
/* --- Başlık Satırı (Üst, Alt, 1, X, 2 vb.) --- */
.sgm-market-g-i-cell-bc.market-bc.m-g-header {
background: linear-gradient(135deg, rgba(242, 142, 30, 0.08) 0%, rgba(242, 142, 30, 0.03) 100%) !important;
border-color: rgba(242, 142, 30, 0.12) !important;
pointer-events: none !important;
}
.sgm-market-g-i-cell-bc.market-bc.m-g-header .market-name-bc {
color: #f28e1e !important;
font-weight: 600 !important;
font-size: 12px !important;
text-transform: uppercase !important;
letter-spacing: 0.03em !important;
}
.sgm-market-g-i-cell-bc.market-bc .market-name-bc {
color: #9a9a9a !important;
font-size: 11px !important;
}
.sgm-market-g-i-cell-bc.market-bc .market-odd-bc {
color: #f28e1e !important;
font-weight: 700 !important;
}
@media (hover: hover) {
.sgm-market-g-i-cell-bc.market-bc:hover {
background: rgba(242, 142, 30, 0.1) !important;
border-color: rgba(242, 142, 30, 0.25) !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.sgm-market-g-i-cell-bc.market-bc:hover .market-odd-bc {
color: #ffffff !important;
}
.sgm-market-g-i-cell-bc.market-bc:hover .market-name-bc {
color: #b7b7b7 !important;
}
}
.sgm-market-g-i-cell-bc.market-bc.active {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
border-color: #f28e1e !important;
box-shadow: 0 0 12px rgba(242, 142, 30, 0.3) !important;
}
.sgm-market-g-i-cell-bc.market-bc.active .market-odd-bc,
.sgm-market-g-i-cell-bc.market-bc.active .market-name-bc {
color: #ffffff !important;
}
/* Score List */
.scoreListMode {
background: rgba(23, 4, 0, 0.7) !important;
border-radius: 0 0 8px 8px !important;
}
.scoreListItem {
background: rgba(26, 8, 0, 0.9) !important;
color: #b7b7b7 !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-radius: 6px !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.scoreListItem:hover {
background: rgba(242, 142, 30, 0.12) !important;
border-color: rgba(242, 142, 30, 0.2) !important;
transform: translateY(-1px) !important;
}
}
.scoreListItem.active {
background: linear-gradient(135deg, #f28e1e 0%, #d4a843 100%) !important;
color: #170400 !important;
font-weight: 600 !important;
border-color: #f28e1e !important;
box-shadow: 0 2px 8px rgba(242, 142, 30, 0.3) !important;
}
/* ============================================================
Market Slider (§17.1 K)
============================================================ */
.marketSlider {
background: linear-gradient(135deg, rgba(23, 4, 0, 0.9) 0%, rgba(23, 4, 0, 0.7) 100%) !important;
border-color: rgba(255, 255, 255, 0.06) !important;
border-radius: 8px !important;
}
.marketSliderHeader,
.marketSliderTitle {
color: #b7b7b7 !important;
}
.marketHolderTime {
color: #9a9a9a !important;
}
/* ============================================================
Express / Günün Kombinesi (§17.1 L)
============================================================ */
.express-day-content {
background: rgba(26, 8, 0, 0.8) !important;
border-radius: 8px 8px 0 0 !important;
}
.express-day-game {
color: #e0e0e0 !important;
}
.express-day-team {
color: #9a9a9a !important;
}
.express-day-player {
color: #b7b7b7 !important;
}
.express-day-player-odd {
color: #f28e1e !important;
font-weight: 600 !important;
}
.express-day-player-odd.remove {
color: #ff3449 !important;
}
.express-day-footer {
background: rgba(26, 8, 0, 0.6) !important;
color: #6a6a6a !important;
border-radius: 0 0 8px 8px !important;
}
.express-day-more {
color: #f28e1e !important;
}
.express-bets {
color: #ff3449 !important;
}
/* ============================================================
Switch / Toggle (§17.1 M)
============================================================ */
.SwitchBlockTxt {
color: #9a9a9a !important;
transition: color 0.2s ease !important;
}
.SwitchBlockInner {
background: rgba(255, 255, 255, 0.15) !important;
border-radius: 11px !important;
transition: background 0.3s ease !important;
}
.SwitchBlockInner::before {
background: #9a9a9a !important;
border-radius: 50% !important;
transition: all 0.3s ease !important;
}
.SwitchBlockInner.active {
background: rgba(242, 142, 30, 0.3) !important;
}
.SwitchBlockInner.active::before {
background: #f28e1e !important;
}
/* ============================================================
Competition Details (§17.1 O)
============================================================ */
.competition-details-section {
border-radius: 8px !important;
}
.competition-details-header {
background: rgba(26, 8, 0, 0.9) !important;
transition: background 0.2s ease !important;
}
.competition-details-header:hover,
.competition-details-header.active {
background: rgba(242, 142, 30, 0.1) !important;
}
.competition-details-header p {
color: #e0e0e0 !important;
}
.competition-details-header span {
color: #6a6a6a !important;
}
.competition-details-info-container {
background: rgba(23, 4, 0, 0.8) !important;
color: #6a6a6a !important;
}
.competition-details-more-icon {
color: #f28e1e !important;
}
/* ============================================================
Comp Name / Fav Row (§17.1 P)
============================================================ */
.comp-name-fav-row-bc {
background: rgba(26, 8, 0, 0.9) !important;
border-radius: 8px 8px 0 0 !important;
}
.comp-title-w-bc {
color: #e0e0e0 !important;
}
.comp-live-title-bc {
background: linear-gradient(135deg, #ff3449 0%, #d6051b 100%) !important;
color: #ffffff !important;
border-radius: 6px !important;
box-shadow: 0 2px 6px rgba(255, 52, 73, 0.3) !important;
animation: livePulse 2s ease-in-out infinite !important;
}
.comp-fav-icon-bc {
color: #6a6a6a !important;
transition: color 0.2s ease !important;
}
.comp-fav-icon-bc:hover,
.comp-fav-icon-bc.active {
color: #f28e1e !important;
}
/* ============================================================
Competition Wrapper Content (§17.1 Q)
============================================================ */
.competitionWrapperContent {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0.04) 100%) !important;
border-radius: 8px !important;
}
.competitionWrapperTitle {
color: #e0e0e0 !important;
}
/* ================================================================
§14. PROMOTIONS
----------------------------------------------------------------
A. Kategori Tablari (promotion-horizontal-sl-list-bc)
B. Promosyon Kartlari (promotionsListEl-bc)
C. Bilgilendirme Widget (informative-widget)
D. Bonus Detay (sportBonusDetailsWrapper)
================================================================ */
/* ============================================================
A. KATEGORİ TABLARI
============================================================ */
/* Tab container */
.promotion-horizontal-sl-list-bc {
background: transparent !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
padding: 0 16px !important;
}
/* Tab item */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc {
background: transparent !important;
color: #9a9a9a !important;
border: none !important;
border-radius: 8px !important;
padding: 8px 16px !important;
transition: all 0.25s ease !important;
}
/* Tab hover */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc:hover {
color: rgba(var(--hero-sc), 1) !important;
background: rgba(242, 142, 30, 0.9) !important;
}
/* Tab active */
.promotion-horizontal-sl-list-bc .horizontal-sl-item-bc.active {
color: rgba(var(--hero-sc), 1) !important;
background: #f28e1e !important;
font-weight: 600 !important;
}
/* Tab icon */
.promotion-horizontal-sl-list-bc .horizontal-sl-icon-bc {
color: inherit !important;
}
/* Tab title */
.promotion-horizontal-sl-list-bc .horizontal-sl-title-bc {
color: inherit !important;
}
/* ============================================================
B. PROMOSYON KARTLARI
============================================================ */
/* Grid layout */
.promotionsList-bc:not(.gridView) {
grid-template-columns: repeat(4, 1fr) !important;
gap: 16px !important;
padding: 16px !important;
}
/* Kart wrapper */
.promotionsListEl-bc {
background: rgba(26, 8, 0, 0.95) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-radius: 12px !important;
overflow: hidden !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.promotionsListEl-bc:hover {
border-color: rgba(242, 142, 30, 0.25) !important;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 16px rgba(242, 142, 30, 0.08) !important;
transform: translateY(-2px) !important;
}
}
/* Kart görseli */
.promotionsArticleThumbnail-bc {
object-fit: contain !important;
border-radius: 0 !important;
transition: transform 0.3s ease !important;
}
@media (hover: hover) {
.promotionsListEl-bc:hover .promotionsArticleThumbnail-bc {
transform: scale(1.03) !important;
}
}
/* Kart başlığı */
.promotions-article-title {
color: #ffffff !important;
font-size: 14px !important;
font-weight: 500 !important;
padding: 12px 14px !important;
line-height: 1.4 !important;
}
/* ============================================================
C. BİLGİLENDİRME WİDGET (informative-widget)
============================================================ */
.informative-widget {
background: rgba(26, 8, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.06) !important;
border-radius: 12px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
}
.informative-widget:hover {
border-color: rgba(242, 142, 30, 0.2) !important;
}
.informative-widget-link {
color: #ffffff !important;
}
.informative-widget-container {
background: transparent !important;
}
.informative-widget-container span {
color: #b7b7b7 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
/* ============================================================
D. BONUS DETAY (sportBonusDetailsWrapper)
============================================================ */
/* Kalan -> Kalan Cevrim (text replacement) */
.sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable {
font-size: 0 !important;
line-height: 0 !important;
}
.sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-withdrawable::after {
content: "Kalan Cevrim";
font-size: 1rem !important;
line-height: normal !important;
color: #FFF !important;
}
/* Yapılan bahis başlığı */
.sportBonusDetailsWrapper-bc .sportBonusFundTitle-bc.sportBonusFundTitle-total {
font-size: 1rem !important;
color: #FFFFFF !important;
}
/* Fiyat renkleri */
.sportBonusDetailsWrapper-bc .sportBonusFundPrice-bc.sportBonusFundPrice-total {
font-size: 1rem !important;
color: #4ade80 !important;
}
.sportBonusDetailsWrapper-bc .sportBonusFundPrice-bc.sportBonusFundPrice-withdrawable {
font-size: 1rem !important;
color: #ef4444 !important;
}
/* ============================================================
E. PROMOSYON DETAY POPUP
============================================================ */
/* Popup container */
.promotion-details-popup .popup-inner-bc {
max-width: 720px !important;
border-radius: 16px !important;
overflow: hidden !important;
}
/* Popup header bar */
.promotion-details-popup .overlay-header {
background: rgba(23, 4, 0, 0.95) !important;
border-bottom: 1px solid rgba(242, 142, 30, 0.15) !important;
padding: 16px 20px !important;
}
/* Popup başlık */
.promotion-details-popup .back-nav-title-bc-h1 {
color: #f28e1e !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
}
/* Close butonu */
.promotion-details-popup .e-p-close-icon-bc {
color: #9a9a9a !important;
transition: color 0.2s ease !important;
}
.promotion-details-popup .e-p-close-icon-bc:hover {
color: #f28e1e !important;
}
/* Detay container — dikey layout (görsel üst, içerik alt) */
.promotion-details-container {
background: #170400 !important;
display: flex !important;
flex-direction: column !important;
padding: 0 !important;
}
/* Banner görseli — tam genişlik üstte */
.promotion-details-header {
background: transparent !important;
width: 100% !important;
}
.promotion-details-img {
width: 100% !important;
height: auto !important;
display: block !important;
border-radius: 0 !important;
object-fit: cover !important;
border-bottom-left-radius: 1rem !important;
border-bottom-right-radius: 1rem !important;
border-bottom: 2px solid;
}
/* İçerik alanı — tam genişlik */
.promotion-details-info {
padding: 20px 24px !important;
color: #b7b7b7 !important;
font-size: 14px !important;
line-height: 1.7 !important;
width: 100% !important;
box-sizing: border-box !important;
grid-row: unset !important;
padding-inline-start: 24px !important;
}
.promotion-details-info p {
color: #b7b7b7 !important;
margin-bottom: 8px !important;
}
.promotion-details-info ul {
padding-left: 20px !important;
}
.promotion-details-info li {
color: #b7b7b7 !important;
margin-bottom: 6px !important;
line-height: 1.6 !important;
}
/* ---- SPOILER / ACCORDION ---- */
/* Spoiler kart — glassmorphism */
.promotion-details-info .spoiler {
background: rgba(26, 8, 0, 0.55) !important;
backdrop-filter: saturate(180%) blur(20px) !important;
-webkit-backdrop-filter: saturate(180%) blur(20px) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 12px !important;
margin-bottom: 8px !important;
overflow: hidden !important;
transition: border-color 0.25s ease, background 0.25s ease !important;
}
.promotion-details-info .spoiler + .spoiler {
border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}
/* Checkbox — görünmez ama tıklanabilir */
.promotion-details-info .spoiler > input[type="checkbox"] {
opacity: 0 !important;
cursor: pointer !important;
}
/* İçerik varsayılan KAPALI */
.promotion-details-info .spoiler-content {
height: 0 !important;
overflow: hidden !important;
padding: 0 18px !important;
}
/* Checkbox checked → İçerik AÇ */
.promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-content {
height: auto !important;
padding: 6px 18px 16px !important;
}
/* Spoiler başlık — trophy sol, chevron sağ */
.promotion-details-info .spoiler-title {
color: #e0e0e0 !important;
font-size: 14px !important;
font-weight: 600 !important;
padding: 14px 44px 14px 18px !important;
padding-inline-start: 18px !important;
padding-inline-end: 44px !important;
transition: color 0.2s ease !important;
}
/* BC ::before chevron → sağ tarafa taşı */
.promotion-details-info .spoiler-title::before {
left: auto !important;
right: 16px !important;
color: #6a6a6a !important;
font-size: 9px !important;
transition: color 0.2s ease, transform 0.3s ease !important;
}
/* Trophy ikon — başlık başında (order: -1 ile sola) */
.promotion-details-info .spoiler-title::after {
content: '' !important;
display: inline-block !important;
width: 18px !important;
height: 18px !important;
margin-inline-end: 10px !important;
margin-inline-start: 0 !important;
order: -1 !important;
flex-shrink: 0 !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239a9a9a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9 3 12 8 12 8'/%3E%3Cpath d='M16.5 8a2.5 2.5 0 0 0 0-5C15 3 12 8 12 8'/%3E%3C/svg%3E") no-repeat center / contain !important;
vertical-align: middle !important;
opacity: 0.4 !important;
transition: opacity 0.2s ease !important;
}
/* Hover — glassmorphism parlama */
.promotion-details-info .spoiler:hover {
border-color: rgba(242, 142, 30, 0.12) !important;
background: rgba(26, 8, 0, 0.7) !important;
}
.promotion-details-info .spoiler:hover .spoiler-title {
color: #ffffff !important;
}
.promotion-details-info .spoiler:hover .spoiler-title::before {
color: #9a9a9a !important;
}
.promotion-details-info .spoiler:hover .spoiler-title::after {
opacity: 0.6 !important;
}
/* Açık durumda — gold aksan */
.promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title {
color: #f28e1e !important;
}
.promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title::before {
color: #f28e1e !important;
}
.promotion-details-info .spoiler > input[type="checkbox"]:checked ~ .spoiler-title::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f28e1e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M12 8v13'/%3E%3Cpath d='M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7'/%3E%3Cpath d='M7.5 8a2.5 2.5 0 0 1 0-5C9 3 12 8 12 8'/%3E%3Cpath d='M16.5 8a2.5 2.5 0 0 0 0-5C15 3 12 8 12 8'/%3E%3C/svg%3E") !important;
opacity: 0.85 !important;
}
/* ---- SPOILER İÇERİK — UL/OL/LI STİLLERİ ---- */
.promotion-details-info .spoiler-content p {
color: #b7b7b7 !important;
font-size: 13px !important;
line-height: 1.7 !important;
margin-bottom: 6px !important;
}
/* UL — gold dot bullet */
.promotion-details-info .spoiler-content ul {
list-style: none !important;
padding-left: 0 !important;
margin: 8px 0 !important;
}
.promotion-details-info .spoiler-content ul > li {
position: relative !important;
color: #b7b7b7 !important;
font-size: 13px !important;
line-height: 1.7 !important;
padding: 6px 12px 6px 22px !important;
border-radius: 6px !important;
transition: background 0.2s ease !important;
}
.promotion-details-info .spoiler-content ul > li::before {
content: '' !important;
position: absolute !important;
left: 6px !important;
top: 14px !important;
width: 6px !important;
height: 6px !important;
border-radius: 50% !important;
background: rgba(242, 142, 30, 0.5) !important;
transition: background 0.2s ease !important;
}
.promotion-details-info .spoiler-content ul > li:hover {
background: rgba(255, 255, 255, 0.03) !important;
}
.promotion-details-info .spoiler-content ul > li:hover::before {
background: #f28e1e !important;
}
/* OL — gold numaralı liste */
.promotion-details-info .spoiler-content ol {
list-style: none !important;
padding-left: 0 !important;
margin: 8px 0 !important;
counter-reset: spoiler-ol !important;
}
.promotion-details-info .spoiler-content ol > li {
position: relative !important;
color: #b7b7b7 !important;
font-size: 13px !important;
line-height: 1.7 !important;
padding: 6px 12px 6px 30px !important;
border-radius: 6px !important;
counter-increment: spoiler-ol !important;
transition: background 0.2s ease !important;
}
.promotion-details-info .spoiler-content ol > li::before {
content: counter(spoiler-ol) !important;
position: absolute !important;
left: 4px !important;
top: 6px !important;
width: 20px !important;
height: 20px !important;
border-radius: 50% !important;
background: rgba(242, 142, 30, 0.1) !important;
color: #f28e1e !important;
font-size: 11px !important;
font-weight: 700 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: background 0.2s ease !important;
}
.promotion-details-info .spoiler-content ol > li:hover {
background: rgba(255, 255, 255, 0.03) !important;
}
.promotion-details-info .spoiler-content ol > li:hover::before {
background: rgba(242, 142, 30, 0.2) !important;
}
/* Genel LI + LI margin (BC override) */
.promotion-details-info .spoiler-content ul > li + li,
.promotion-details-info .spoiler-content ol > li + li {
margin-top: 2px !important;
}
/* ================================================================
§15. FOOTER
----------------------------------------------------------------
Desktop port of mobile §19 footer redesign.
JS module (centParent.js): accordion, mobile-app card, marquee.
================================================================ */
/* --- A. CONTAINER --- */
.layout-footer-holder-bc,
.footerWrapper {
/* background: #170400 !important; */
padding-bottom: 20px !important;
}
.footerContainer {
padding: 0 9px !important;
}
.footerContainerWrapper {
background: transparent !important;
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
.footerContainerWrapper::before,
.footerContainerWrapper::after {
display: none !important;
}
.footerWrapper {
padding: 0 9px !important;
overflow: visible !important;
box-shadow: none !important;
}
/* --- A2. FOOTER HEADER — yatay: logo | social | saat+dil --- */
/* Header — tek satır, yatay yayılmış */
.footerHeader {
display: flex !important;
flex-wrap: nowrap !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 16px !important;
padding: 12px 0 !important;
width: 100% !important;
}
/* Logo — solda */
[data-oris-flogo] {
display: flex !important;
align-items: center !important;
padding: 0 !important;
flex-shrink: 0 !important;
}
/* Yıl — silindi, CSS kalıntısı */
[data-oris-fyear] {
display: none !important;
}
/* Social links — ortada, flex:1 ile boşluğu doldur */
.footerInnerLeftCol {
display: flex !important;
justify-content: center !important;
flex: 1 !important;
padding: 0 !important;
margin: 0 !important;
}
/* Saat + dil — sağda */
.footerInfoColumn {
justify-content: flex-end !important;
flex: 0 0 auto !important;
gap: 12px !important;
align-items: center !important;
}
/* Saat + dil seçici — sağa yasla, aralarında boşluk */
.footerInfoColumn {
justify-content: flex-end !important;
flex: 0 0 auto !important;
gap: 12px !important;
}
/* Saat/dil arasındaki BC separator — boşluk ver */
.footerInfoColumn > * {
margin: 0 !important;
}
.footerInfoColumn > *:not(:last-child) {
margin-right: 8px !important;
}
/* --- B. SUPPORT BUTTON --- */
.footerTopButtonGroup {
padding: 0 !important;
margin-bottom: 12px !important;
grid-column-gap: 0 !important;
}
.footerTopButtonGroup .supportButton {
width: 100% !important;
background: linear-gradient(135deg, #f28e1e 0%, #f28e1e 100%) !important;
border: none !important;
border-radius: 10px !important;
color: #000 !important;
padding: 12px 12px 12px 36px !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.5px !important;
text-transform: uppercase !important;
position: relative !important;
}
.footerTopButtonGroup .supportButton::before {
content: "" !important;
position: absolute !important;
left: 12px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 18px !important;
height: 18px !important;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10V8.5a5.5 5.5 0 0111 0V10' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='1.5' y='9.5' width='3' height='4.5' rx='1.5' fill='%23000'/%3E%3Crect x='13.5' y='9.5' width='3' height='4.5' rx='1.5' fill='%23000'/%3E%3Cpath d='M14.5 14v1a2 2 0 01-2 2H10' stroke='%23000' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* --- C. SOCIAL LINKS — mobil referans birebir (.f-social + .soc-icon) --- */
.footerSocialLinks {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 18px !important;
padding: 4px 0 10px !important;
margin: 0 !important;
list-style: none !important;
flex-wrap: nowrap !important;
}
/* referans: .soc-icon — 23x23, transparan, border yok */
.footerSocialLink {
width: 23px !important;
height: 23px !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
transition: opacity 0.18s, transform 0.12s cubic-bezier(0.22,1,0.36,1) !important;
overflow: visible !important;
}
/* referans: .soc-icon a — 23x23, overflow visible */
.footerSocialLink a {
width: 23px !important;
height: 23px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: relative !important;
overflow: visible !important;
color: #f28e1e !important;
font-size: 14px !important;
background: transparent !important;
border-radius: 0 !important;
box-shadow: none !important;
border: none !important;
}
/* referans: .soc-icon:hover — opacity 0.8 */
.footerSocialLink:hover {
opacity: 0.8 !important;
background: transparent !important;
border: none !important;
}
/* referans: .soc-icon:active — scale(0.85) */
.footerSocialLink:active {
transform: scale(0.85) !important;
}
/* Dil seçici BC base ::after separator — kaldır */
.footerInfoColumn .languageDropdown::after,
.footerInfoColumn .languageDropdown::before,
.footerInfoColumn::after,
.footerInfoColumn::before {
display: none !important;
content: none !important;
}
/* --- D. LANGUAGE DROPDOWN --- */
.footerInfoColumn {
padding: 0 !important;
margin: 0 !important;
display: flex !important;
justify-content: flex-end !important;
flex: 0 0 auto !important;
align-items: center !important;
gap: 12px !important;
}
.footerInfoColumn .languageDropdown {
width: auto !important;
min-width: 90px !important;
background: rgba(255, 255, 255, 0.05) !important;
border: 1px solid rgba(242, 142, 30, 0.15) !important;
border-radius: 20px !important;
padding: 0 12px !important;
}
.footerInfoColumn .languageDropdown .form-control-label-bc.inputs {
height: 32px !important;
}
.footerInfoColumn .languageDropdown .form-control-select-bc {
font-size: 11px !important;
color: #b7b7b7 !important;
background: transparent !important;
padding-top: 0 !important;
line-height: 32px !important;
}
.footerInfoColumn .languageDropdown .form-control-icon-bc {
color: #f28e1e !important;
font-size: 10px !important;
}
.footerInfoColumn .languageDropdown .ftr-lang-bar-flag-bc {
width: 16px !important;
height: 16px !important;
}
.footerInfoColumn .languageDropdown .selectPlaceholder {
border-top: none !important;
border-bottom: none !important;
}
.layout-footer-holder-bc .turkey {
background-position: 0 91.40% !important;
}
/* --- E2. DESKTOP FOOTER ROW (accordion + mobile app side by side) --- */
.oris-footer-row {
display: flex !important;
gap: 20px !important;
align-items: flex-start !important;
margin: 16px 0 !important;
}
.oris-footer-row .footerLinksSection {
flex: 1 1 auto !important;
min-width: 0 !important;
}
/* App kartları — sabit genişlik, sıkışmasın */
.oris-footer-row .oris-mobile-app {
flex: 0 0 auto !important;
}
/* --- E2b. MOBILE APP CARD — mobil referans birebir (.mob-app) --- */
.oris-mobile-app {
width: 20rem !important;
min-width: 20rem !important;
flex-shrink: 0 !important;
margin: 0 !important;
/* referans: radial-gradient(circle 368px at 50% 100%, #FF4F00 0%, rgba(242,142,30,0) 65.5%), #242427 */
background: radial-gradient(circle 368px at 50% 100%, #FF4F00 0%, rgba(242,142,30,0) 65.5%), #1a0800 !important;
border-radius: 16px !important;
position: relative !important;
overflow: hidden !important;
height: 148px !important;
box-shadow: 0 4px 4.5px rgba(0, 0, 0, 0.25) !important;
}
/* referans: .mob-app-in */
.oris-app-content {
position: relative !important;
z-index: 2 !important;
padding: 20px 13px 11px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
box-sizing: border-box !important;
}
/* referans: .mob-app-title 24px 700 */
.oris-app-content h2 {
font-size: 24px !important;
font-weight: 700 !important;
margin: 0 !important;
line-height: 0.941 !important;
color: #fff !important;
text-shadow: none !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* referans: .hl color:#f19021 */
.oris-gold {
color: #f19021 !important;
}
/* referans: .mob-app-desc 13px 500 */
.oris-app-content p {
font-size: 13px !important;
font-weight: 500 !important;
color: #ffdcb5 !important;
line-height: 0.941 !important;
margin: 8px 0 0 !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* referans: .mob-app-btn — 72x16.56, #f28e1e, 6.48px font */
.oris-download-btn {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
background: #f28e1e !important;
color: #000 !important;
padding: 0 6px 0 8px !important;
border-radius: 8.28px !important;
font-size: 6.48px !important;
font-weight: 500 !important;
width: 72px !important;
height: 16.56px !important;
margin-top: 11px !important;
margin-bottom: 0 !important;
border: 0.3px solid #f0c959 !important;
box-shadow: 0 2.88px 2.88px rgba(0, 0, 0, 0.25) !important;
line-height: 1 !important;
text-decoration: none !important;
white-space: nowrap !important;
cursor: pointer !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* referans: .mob-app-stores gap:6px */
.oris-store-buttons {
display: flex !important;
gap: 6px !important;
margin-top: auto !important;
}
/* referans: .store-btn — 60x20, #000, border:#a6a6a6 */
.oris-store-btn {
display: flex !important;
align-items: center !important;
gap: 4px !important;
background-color: #000 !important;
border: 0.5px solid #a6a6a6 !important;
border-radius: 6px !important;
padding: 3px 6px !important;
height: 20px !important;
width: 60px !important;
box-sizing: border-box !important;
text-decoration: none !important;
cursor: pointer !important;
}
.oris-store-icon {
width: 10px !important;
height: 12px !important;
flex-shrink: 0 !important;
}
/* referans: .store-text 4.5px, small 2.5px */
.oris-store-text {
font-size: 4.5px !important;
color: #fff !important;
line-height: 1 !important;
display: flex !important;
flex-direction: column !important;
}
.oris-store-text small {
font-size: 2.5px !important;
display: block !important;
color: #fff !important;
}
.oris-store-text span {
font-size: 4.5px !important;
font-weight: 500 !important;
color: #fff !important;
white-space: nowrap !important;
}
/* Phone görsel — JS class: .oris-app-phone (NOT .oris-app-image!) */
/* referans: .mob-app-phone — absolute, right:0, top:0, height:172px, width:257px */
.oris-app-phone {
position: absolute !important;
right: 0 !important;
top: 0 !important;
width: auto !important;
height: 100% !important;
z-index: 0 !important;
pointer-events: none !important;
object-fit: contain !important;
}
/* Telegram SVG logo — JS class: .oris-app-image.oris-tg-image */
.oris-app-image {
position: absolute !important;
right: 0 !important;
top: 0 !important;
width: 148px !important;
height: 148px !important;
z-index: 0 !important;
pointer-events: none !important;
}
.oris-app-image svg {
width: 100% !important;
height: auto !important;
}
/* referans: .mob-app-btn-text — absolute left:7.92, centered */
.oris-btn-text {
position: absolute !important;
left: 7.92px !important;
top: 50% !important;
transform: translateY(-50%) !important;
white-space: nowrap !important;
}
/* referans: .mob-btn-circ — butonun sağ tarafında circle ok */
.oris-btn-circ {
position: absolute !important;
left: 54.72px !important;
top: 1.44px !important;
width: 13.68px !important;
height: 13.68px !important;
}
.oris-btn-circ-bg {
position: absolute !important;
top: 0 !important;
left: -2.88px !important;
width: 19.44px !important;
height: 19.44px !important;
max-width: none !important;
}
.oris-btn-circ-arr {
position: absolute !important;
left: 5.38px !important;
top: 3.96px !important;
width: 3.6px !important;
height: 5.76px !important;
max-width: none !important;
z-index: 1 !important;
}
/* --- HOVER / ACTIVE EFEKTLERİ (mobil referanstan port) --- */
/* Mobil App kart — hover glow */
.oris-mobile-app {
cursor: pointer !important;
transition: box-shadow 0.26s ease-out !important;
}
.oris-mobile-app:hover {
box-shadow: 0 8px 28px rgba(0,0,0,0.45), inset 0 0 32px rgba(255,79,0,0.08) !important;
}
/* Active — brightness düşür */
.oris-mobile-app:active .oris-app-content {
filter: brightness(0.80) !important;
transition: filter 0.12s ease-out !important;
}
/* Phone — hover parla + gölge */
.oris-app-phone {
transition: filter 0.28s ease-out !important;
}
.oris-mobile-app:hover .oris-app-phone {
filter: brightness(1.08) drop-shadow(0 4px 12px rgba(255,79,0,0.25)) !important;
}
.oris-mobile-app:active .oris-app-phone {
filter: brightness(0.85) !important;
}
/* CTA arrow sweep — hover'da ok animasyonu */
@keyframes cta-ping-desktop {
0% { transform: translateX(0); opacity: 1; }
30% { transform: translateX(3px); opacity: 0; }
31% { transform: translateX(-2px); opacity: 0; }
65%,100% { transform: translateX(0); opacity: 1; }
}
.oris-mobile-app:hover .oris-btn-circ-arr {
animation: cta-ping-desktop 1.2s cubic-bezier(0.4,0,0.2,1) 0.1s infinite !important;
}
/* Button micro-press */
.oris-download-btn {
transition: transform 0.12s cubic-bezier(0.2,0,0,1) !important;
overflow: hidden !important;
}
.oris-mobile-app:active .oris-download-btn {
transform: scale(0.93) !important;
}
/* Telegram kart — hover glow (mavi) */
.oris-telegram-app {
cursor: pointer !important;
transition: box-shadow 0.26s ease-out !important;
}
.oris-telegram-app:hover {
box-shadow: 0 8px 28px rgba(0,0,0,0.45), inset 0 0 32px rgba(42,171,238,0.10) !important;
}
/* Telegram logo — hover büyüt */
.oris-telegram-app .oris-app-image svg {
transition: transform 0.36s ease-out !important;
}
.oris-telegram-app:hover .oris-app-image svg {
transform: scale(1.07) !important;
}
/* Telegram — active */
.oris-telegram-app:active .oris-app-content {
filter: brightness(0.82) !important;
transition: filter 0.12s ease-out !important;
}
.oris-telegram-app:active .oris-app-image svg {
transform: scale(0.94) !important;
transition: transform 0.12s ease-out !important;
}
/* Telegram CTA ok sweep */
.oris-telegram-app:hover .oris-btn-circ-arr {
animation: cta-ping-desktop 1.2s cubic-bezier(0.4,0,0.2,1) 0.1s infinite !important;
}
.oris-telegram-app:active .oris-download-btn {
transform: scale(0.93) !important;
}
@keyframes orisPhoneFloat {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-6px); }
}
/* --- E2c. TELEGRAM APP CARD — referans: .tg-app birebir --- */
.oris-telegram-app {
/* referans: radial-gradient(circle 368px at 50% 100%, #1a6fa8 0%, rgba(42,171,238,0) 65.5%), #1a2535 */
background: radial-gradient(circle 368px at 50% 100%, #1a6fa8 0%, rgba(42,171,238,0) 65.5%), #1a2535 !important;
}
.oris-tg-blue {
color: #29b6f6 !important;
}
.oris-telegram-app h2 {
text-shadow: 0 0 8.4px rgba(41, 182, 246, 0.49) !important;
}
.oris-telegram-app p {
color: #b3e5fc !important;
}
.oris-tg-btn {
background-color: #2AABEE !important;
color: #000 !important;
border: 0.3px solid #7dd4f5 !important;
width: 80px !important;
}
.oris-tg-arrow {
background: linear-gradient(180deg, #fff 0%, #2AABEE 100%) !important;
}
.oris-tg-arrow svg path {
stroke: #1a2a3a !important;
}
.oris-tg-store-btn {
border-color: #2AABEE !important;
background-color: rgba(42, 171, 238, 0.15) !important;
}
.oris-tg-image {
width: 148px !important;
height: 148px !important;
right: 0 !important;
top: 0 !important;
bottom: auto !important;
}
.oris-tg-image svg {
width: 100% !important;
height: auto !important;
}
/* --- E. FOOTER LINK COLUMNS (desktop: open, left-aligned) --- */
.footerLinksSection {
border: none !important;
margin: 0 !important;
padding: 0 !important;
}
.footerLinkCols {
display: flex !important;
flex-direction: row !important;
gap: 24px !important;
justify-content: flex-start !important;
}
.footerLinkCol {
background: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
box-shadow: none !important;
overflow: visible !important;
flex: 1 !important;
}
.footerLinkColTitle {
display: block !important;
width: 100% !important;
padding: 0 0 8px !important;
margin: 0 0 4px !important;
background: transparent !important;
color: rgb(240, 201, 89) !important;
font-size: 11px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
cursor: default !important;
pointer-events: none !important;
border: none !important;
border-bottom: 0.5px solid rgba(242, 142, 30, 0.15) !important;
line-height: 1 !important;
letter-spacing: 0.5px !important;
}
/* No chevron on desktop */
.footerLinkColTitle::after {
display: none !important;
}
.footerLinkColLinks {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
max-height: none !important;
overflow: visible !important;
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
border-top: none !important;
}
.footerLinkColEl {
display: block !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.footerLinkColEl a {
display: block !important;
padding: 0 !important;
color: #7a7a7a !important;
font-size: 11px !important;
font-weight: 400 !important;
line-height: 1.2 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
/* Base CSS separator kaldır */
.footerLinkColEl::after {
display: none !important;
}
.footerLinkColEl a:hover {
color: #f28e1e !important;
}
/* GCB badge gizle */
/* DMCA / GCB badge — göster */
a[href*="cert.gcb.cw"] {
display: inline-block !important;
opacity: 0.8 !important;
}
/* Ödeme marquee sol/sağ ok butonları — kaldır */
.layout-footer-holder-bc .horizontalSliderNav {
display: none !important;
}
/* --- F. PAYMENT MARQUEE --- */
@keyframes paymentMarquee {
0% { transform: translateX(0); }
100% { transform: translateX(-100%); }
}
/* Container — :has() fallback ile */
.sliderContent:has(.horizontalSliderWrapper),
.horizontalSliderWrapper {
overflow: hidden !important;
}
.sliderContent:has(.horizontalSliderWrapper) {
padding: 4px 0 !important;
margin: 0 !important;
border: none !important;
}
.sliderContent:has(.horizontalSliderWrapper) .sliderTitle,
.horizontalSliderWrapper ~ .sliderTitle {
display: none !important;
}
/* Row — klonlar hazır olmadan animasyon başlamaz */
.horizontalSliderRow {
display: flex !important;
flex-wrap: nowrap !important;
gap: 16px !important;
width: max-content !important;
}
/* Animasyon SADECE klonlar oluştuktan sonra (data-dup="1") */
.horizontalSliderRow[data-dup="1"] {
animation: paymentMarquee 35s linear infinite !important;
}
/* Elem */
.horizontalSliderElem {
flex-shrink: 0 !important;
background: transparent !important;
}
/* Img — hem horizontalSliderImg hem sliderImage yapısı */
.horizontalSliderImg,
.layout-footer-holder-bc .sliderSingleEl .sliderImage img,
.layout-footer-holder-bc .horizontalSliderRow .sliderImage img {
display: block !important;
height: 27px !important;
width: auto !important;
max-width: 100px !important;
opacity: 0.7 !important;
filter: none !important;
}
/* App indirme linkleri gizle — BC native (mobil CSS ile aynı) */
.layout-footer-holder-bc a.sliderImage[href="http://t1.t2m.io/mobilapp"],
a[href*="cutt.ly/Orismobilgiris"] {
display: none !important;
}
/* Bizim app kartlarındaki store butonları — geri aç */
.oris-mobile-app a[href*="cutt.ly/Orismobilgiris"],
[data-oris-app] a[href*="cutt.ly/Orismobilgiris"],
.oris-mobile-app a.oris-store-btn {
display: flex !important;
}
/* --- F2. PARTNERS / SLIDER SECTIONS --- */
/* Base CSS separator kaldır */
.sliderGroup::before {
display: none !important;
}
.sliderContent {
padding: 4px 0 !important;
margin: 0 !important;
border: none !important;
overflow: visible !important;
}
.sliderContent:not(:last-child) {
margin-bottom: 4px !important;
}
/* horizontalList gradient overlay kaldır */
.sliderGroup .horizontalList::before,
.sliderGroup .horizontalList::after {
display: none !important;
}
.sliderContent .sliderTitle {
font-size: 9px !important;
color: #555 !important;
letter-spacing: 1px !important;
margin-bottom: 4px !important;
}
.sliderGroup {
padding: 8px 0 0 !important;
}
.ftr-head-bc {
margin-bottom: 4px !important;
padding-bottom: 0 !important;
border-bottom: none !important;
}
.ftr-partners-row-bc {
box-shadow: none !important;
padding: 4px 0 !important;
}
.ftr-partners-row-inner-bc {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: wrap !important;
margin-top: 0 !important;
}
.ftr-partners-row-inner-bc img,
.ftr-partners-row-inner-bc > div > div > a > img {
display: inline-flex !important;
height: 30px !important;
width: auto !important;
opacity: 0.5 !important;
filter: none !important;
}
/* Footer payment images (mevcut desktop kuralı) */
.ftr-payments-row-img-bc {
width: 113px !important;
height: 50px;
margin: 5px;
padding: 1px !important;
cursor: pointer;
}
#root > div.layout-footer-holder-bc > div > div > div > div.sliderGroup > div:nth-child(1) > div > div:nth-child(2) > div > a > img {
width: 42% !important;
margin: 0 auto !important;
}
.payment-logo {
max-width: 100% !important;
max-height: 100% !important;
}
/* Partner row 2-3 gizle */
.ftr-partners-row-inner-bc a {
background: none !important;
width: auto !important;
height: auto !important;
}
.ftr-partners-row-inner-bc:not(.partners-logo-scroll) {
justify-content: center !important;
}
.ftr-partners-row-bc .ftr-partners-row-inner-bc:nth-child(2) {
display: none;
}
.ftr-partners-row-bc .ftr-partners-row-inner-bc:nth-child(3) {
display: none;
}
.payment-info-bc .description-c-row-bc {
display: none;
}
/* --- F2. SLIDER WRAPPERS — mobil ile aynı: gizleme yok, overflow kontrol --- */
/* Mobilde de gizlenmiyor, sadece overflow ayarı var */
.sliderGroup .sliderContent:first-child .horizontalSliderWrapper {
overflow: visible !important;
}
.sliderContent:has(.horizontalSliderWrapper) .horizontalSliderWrapper {
overflow: hidden !important;
}
/* Antigua + DMCA yan yana — ortak sliderGroup'u flex row yap */
.sliderContent:first-child > .sliderGroup {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 16px !important;
}
/* Antigua badge küçült */
.sliderGroup .sliderSingleElWrapper:first-child {
display: flex !important;
justify-content: center !important;
flex: 0 0 auto !important;
}
.sliderGroup .sliderSingleElWrapper:first-child img {
max-height: 60px !important;
width: auto !important;
opacity: 0.7 !important;
}
/* DMCA wrapper — görünür, yan yana */
.sliderGroup .horizontalSliderWrapper {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
}
/* Legal text — tam genişlik alta */
.sliderGroup .sliderSingleElWrapper:last-child {
flex: 1 0 100% !important;
}
/* --- G. LICENSE --- */
.ftr-copy-rights-bc {
padding: 4px 0 !important;
background: transparent !important;
border: none !important;
margin: 0 !important;
}
.ftr-copy-rights-bc p {
color: #666 !important;
font-size: 9px !important;
font-weight: 400 !important;
line-height: 1.3 !important;
text-align: center !important;
margin: 0 0 2px !important;
}
.ftr-copy-rights-bc p:last-child {
margin-bottom: 0 !important;
}
.ftr-copy-rights-bc a {
color: #b7944a !important;
}
/* --- H. COPYRIGHT --- */
.copyRightBlock {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
padding: 8px 0 0 !important;
background: transparent !important;
margin: 0 !important;
box-shadow: none !important;
border: none !important;
}
/* Base CSS separator kaldır */
.footerWarning {
flex-direction: row !important;
width: auto !important;
padding: 0 !important;
margin: 0 !important;
}
.footerWarning::before {
display: none !important;
}
.footerWarningAge {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 24px !important;
height: 24px !important;
flex: 0 0 auto !important;
border-color: #f28e1e !important;
border-style: solid !important;
border-radius: 50% !important;
color: #ffffff !important;
font-weight: 700 !important;
}
.footerWarningText {
display: none !important;
}
.footerCopyrights {
color: #555 !important;
font-size: 10px !important;
font-weight: 500 !important;
margin: 0 !important;
line-height: 1.3 !important;
text-align: center !important;
}
/* Footer divider/separator kaldır */
.footerCopyrightLinks {
box-shadow: none !important;
border: none !important;
padding: 0 !important;
}
.footerContainerWrapper:not(:first-child) {
box-shadow: none !important;
}
/* --- CANLI DESTEK text replacement --- */
.footer-bc .live-chat-adviser-bc span {
width: 35%;
color: #7b612300;
}
.footer-bc .live-chat-adviser-bc span::before {
content: "CANLI DESTEK";
position: absolute;
margin-top: 1px;
color: #000;
}
/* ================================================================
§16. DESKTOP CUSTOM SLIDER
----------------------------------------------------------------
Injected by DOM Rules orchestrator into .hm-row-bc.has-slider
================================================================ */
/* Orijinal BC slider'ini CSS ile hemen gizle */
.hm-row-bc.has-slider > div:first-child .slider-bc {
display: none !important;
}
.oris-desktop-slider {
width: 100%;
position: relative;
border-radius: 12px;
overflow: hidden;
isolation: isolate;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 4px 24px rgba(0,0,0,0.5),
0 0 0 1px rgba(240,201,89,0.15);
transition: box-shadow 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
/* Glass shine sweep overlay */
.oris-desktop-slider::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 4;
pointer-events: none;
background: linear-gradient(
105deg,
transparent 0%,
transparent 35%,
rgba(242, 142, 30, 0.08) 42%,
rgba(242, 142, 30, 0.15) 50%,
rgba(255, 255, 255, 0.12) 52%,
rgba(242, 142, 30, 0.08) 58%,
transparent 65%,
transparent 100%
);
background-size: 250% 100%;
background-position: 200% 0;
transition: none;
border-radius: inherit;
}
@media (hover: hover) {
.oris-desktop-slider:hover {
transform: translateY(-3px);
box-shadow: 0 8px 32px rgba(0,0,0,0.5),
0 0 0 1px rgba(240,201,89,0.3),
0 0 30px rgba(240,201,89,0.08);
}
.oris-desktop-slider:hover::after {
animation: sliderGlassShine 3s ease-in-out infinite;
}
}
@keyframes sliderGlassShine {
0% { background-position: 200% 0; }
30% { background-position: -100% 0; }
100% { background-position: -100% 0; }
}
.oris-desktop-slider .oris-slider-container {
position: relative;
overflow: hidden;
border-radius: 12px;
/* Safari overflow+border-radius+transform fix */
-webkit-mask-image: -webkit-radial-gradient(white, black);
mask-image: radial-gradient(white, black);
isolation: isolate;
}
.oris-desktop-slider .oris-slider-track {
display: flex;
transition: -webkit-transform 0.5s cubic-bezier(0.4,0,0.2,1),
transform 0.5s cubic-bezier(0.4,0,0.2,1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.oris-desktop-slider .oris-slide {
flex: 0 0 100%;
min-width: 100%;
max-width: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
user-select: none;
-webkit-user-select: none;
aspect-ratio: 3170 / 895;
}
.oris-desktop-slider .oris-slide video,
.oris-desktop-slider .oris-slide img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 12px;
-webkit-user-drag: none;
}
/* --- Slider Track Bar + Node (mobil referans: .slider-track + .slider-node) --- */
.oris-slider-trackbar {
position: relative;
width: 100%;
height: 2px;
margin: 0;
background: linear-gradient(90deg,
transparent 0%,
rgba(255,255,255,0.08) 15%,
rgba(255,255,255,0.18) 50%,
rgba(255,255,255,0.08) 85%,
transparent 100%);
overflow: visible;
}
.oris-slider-node {
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 2px;
border-radius: 2px;
background: linear-gradient(90deg, transparent, #f28e1e 30%, #ffb020 50%, #f28e1e 70%, transparent);
left: 16.6%;
transition: left 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.oris-slider-node::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 5px;
height: 5px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 5px 2px rgba(255,200,80,0.9), 0 0 10px 4px rgba(255,100,0,0.55);
animation: node-breathe-desktop 1.8s ease-in-out infinite;
}
@keyframes node-breathe-desktop {
0%, 100% { opacity: 0.8; transform: translate(-50%, -50%) scale(1); }
50% { opacity: 1; transform: translate(-50%, -50%) scale(1.25); }
}
/* Skeleton shimmer */
.oris-desktop-slider .oris-slide-skeleton {
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(30,30,33,0.7) 25%,
rgba(42,42,45,0.5) 50%,
rgba(30,30,33,0.7) 75%);
background-size: 200% 100%;
animation: orisDesktopShimmer 1.5s infinite;
border-radius: 12px;
}
.oris-desktop-slider .oris-slide.loaded .oris-slide-skeleton {
display: none;
}
.oris-desktop-slider .oris-slide-loader {
display: none;
}
@keyframes orisDesktopShimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Slide index badge */
.oris-desktop-slider .oris-slider-index {
position: absolute;
bottom: 12px;
right: 12px;
background: rgba(0,0,0,0.45);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: rgba(255,255,255,0.85);
font-size: 11px;
padding: 4px 10px;
border-radius: 10px;
font-family: var(--font-family), sans-serif;
letter-spacing: 0.5px;
z-index: 5;
pointer-events: none;
}
/* Arrow Buttons */
.oris-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 40px;
height: 40px;
border: none;
border-radius: 50%;
background: rgba(0,0,0,0.5);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.25s ease, background 0.2s ease;
padding: 0;
}
.oris-desktop-slider:hover .oris-slider-arrow {
opacity: 1;
}
.oris-slider-arrow:hover {
background: rgba(240,201,89,0.85);
color: #000;
}
.oris-slider-prev {
left: 12px;
}
.oris-slider-next {
right: 12px;
}
/* --- Injected Header (DOM Rules) --- */
.hm-row-bc:has(> .oris-injected-header) {
grid-template-rows: auto !important;
}
.oris-injected-header {
display: flex;
align-items: center;
padding: 0 16px;
grid-column: 1 / -1;
}
.oris-injected-header .oris-casino-title {
display: flex;
align-items: center;
gap: 8px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.oris-injected-header .oris-casino-title svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}
/* --- Desktop Mini Slider (3fr column) --- */
.hm-row-bc.has-slider > div:nth-child(2) .slider-bc {
display: none !important;
}
.oris-mini-slider {
width: 100%;
height: 100%;
position: relative;
border-radius: 12px;
overflow: hidden;
isolation: isolate;
transform: translateZ(0);
box-shadow: 0 4px 24px rgba(0,0,0,0.5),
0 0 0 1px rgba(240,201,89,0.15);
}
.oris-mini-slider .oris-slider-container {
position: relative;
overflow: hidden;
border-radius: 12px;
height: 100%;
-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.oris-mini-slider .oris-slider-track {
display: flex;
height: 100%;
transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
will-change: transform;
}
.oris-mini-slider .oris-slide {
flex: 0 0 100%;
position: relative;
overflow: hidden;
cursor: pointer;
height: 100%;
}
.oris-mini-slider .oris-slide img,
.oris-mini-slider .oris-slide video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.oris-mini-slider .oris-slide-skeleton {
position: absolute;
inset: 0;
background: linear-gradient(135deg, #170400 25%, #2a2a2d 50%, #170400 75%);
background-size: 200% 200%;
animation: oris-skeleton-pulse 1.5s ease-in-out infinite;
z-index: 0;
}
.oris-mini-slider .oris-slide.loaded .oris-slide-skeleton {
display: none;
}
.oris-mini-slider .oris-slide-loader {
display: none;
}
.oris-mini-slider .oris-slide:not(.loaded) .oris-slide-loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
border: 2px solid rgba(240,201,89,0.3);
border-top-color: #f28e1e;
border-radius: 50%;
animation: oris-spin 0.8s linear infinite;
z-index: 1;
}
.oris-mini-slider .oris-slider-index {
position: absolute;
bottom: 8px;
right: 8px;
background: rgba(0,0,0,0.55);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
color: rgba(255,255,255,0.85);
font-size: 10px;
padding: 3px 8px;
border-radius: 8px;
font-family: var(--font-family), sans-serif;
letter-spacing: 0.5px;
z-index: 5;
pointer-events: none;
}
/* Hover effects — glass shine + gold glow */
.oris-mini-slider::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
transparent 40%,
rgba(255,255,255,0.06) 50%,
transparent 60%
);
opacity: 0;
transition: opacity 0.4s ease;
z-index: 3;
pointer-events: none;
border-radius: 12px;
}
.oris-mini-slider:hover::before {
opacity: 1;
}
.oris-mini-slider:hover {
box-shadow: 0 4px 24px rgba(0,0,0,0.5),
0 0 0 1px rgba(240,201,89,0.3),
0 0 20px rgba(240,201,89,0.08);
}
/* ================================================================
§17. MISCELLANEOUS
================================================================ */
/* Min deposit/withdraw gizle */
.showMinDep, .showMindep, .SHOWMINDEP,
.showMinWit, .showMinwit, .SHOWMINWIT {
display: none;
}
/* Payment logo sizing */
.payment-logo {
max-width: 100% !important;
max-height: 100% !important;
}
/* Payment info description gizle */
.payment-info-bc .description-c-row-bc {
display: none;
}
/* Header ustu banner gizle */
#root > div.layout-header-holder-bc > div {
display: none !important;
}
#root > div.layout-header-holder-bc > div > div:nth-child(2) > div > div {
display: none !important;
}
/* Header logo */
.header-icon > img {
width: 89px !important;
height: 39px !important;
object-fit: contain;
border-radius: 4px;
}
/* Product banner */
[class*=is-web] .hdr-dynamic-content .product-banner-container-bc .product-banner-info-bc.product-banner-bc {
height: 23px !important;
}
.hdr-dynamic-content .product-banner-container-bc {
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr)) !important;
margin-top: 5px !important;
padding-top: 0px !important;
}
.hdr-dynamic-content .e-p-close-icon-bc {
top: 5px !important;
}
/* Horizontal slider image */
[class*=is-web] .horizontalSliderElem .horizontalSliderImg {
opacity: 1 !important;
filter: none !important;
}
/* Content width force */
#root > div.layout-content-holder-bc > div:nth-child(2) {
width: 100% !important;
}
#root > div.layout-content-holder-bc > div:nth-child(3) {
width: 100% !important;
}
/* Widget/upcoming games gizle */
#root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.widget-scroll-container {
display: none !important;
}
#root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.upcoming-games-container {
display: none !important;
}
#root > div.layout-content-holder-bc > div:nth-child(11) > div > div > div.page-view-more {
width: 100% !important;
}
/* GCB/DMCA badge — göster */
a[href*="cert.gcb.cw"] {
display: inline-block !important;
opacity: 0.8 !important;
}
/* Provider / Promotions / Features wrapper — dikey scroll engelle */
.horizontal-sl-list-bc,
.casino-horizontal-sl-list-bc,
.promotion-horizontal-sl-list-bc {
overflow-y: hidden !important;
overflow-x: auto !important;
max-height: none !important;
}
/* Wrapper container — dikey taşma engelle */
.hm-row-bc .horizontal-sl-content-bc,
.hm-row-bc .horizontalSliderWrapper {
overflow-y: hidden !important;
overflow-x: auto !important;
}
/* ================================================================
§18. SKELETON LOADING & LOADERS
================================================================
A. BC Skeleton Loader'lar (game-cube, slider-cube, banner, vb.)
B. Oris Widget Skeleton Shimmer (category, casino lobby, slider)
C. Provider Items Loader
D. Keyframe Animasyonları
================================================================ */
/* ----------------------------------------------------------------
A. BC SKELETON LOADER'LAR — Oris Logo + Çift Halka
----------------------------------------------------------------
BC'nin default skeleton'larını override eder.
Merkeze Oris logosu + altın çift halka + pulse animasyonu.
---------------------------------------------------------------- */
/* --- Oyun kartı skeleton --- */
.skeleton-loader-game-cube {
background: #170400 !important;
border-color: rgba(242, 142, 30, 0.1) !important;
position: relative !important;
}
/* Oris "O" + sonar dalga — §18 duplicate, üstteki ile aynı */
/* (üstte §2'de tanımlı, burada sadece §18 bölüm uyumu için tekrar) */
/* ----------------------------------------------------------------
B. ORİS WİDGET SKELETON SHİMMER
----------------------------------------------------------------
DOM Rules widget'ları (category buttons, casino lobby, slider)
için shimmer overlay — yüklendikten sonra kaybolur.
---------------------------------------------------------------- */
/* --- Slider skeleton shimmer --- */
.oris-slide-skeleton {
position: absolute;
inset: 0;
background: linear-gradient(90deg,
rgba(23, 4, 0, 0.7) 25%,
rgba(42, 42, 45, 0.5) 50%,
rgba(23, 4, 0, 0.7) 75%);
background-size: 200% 100%;
animation: orisShimmer 1.5s infinite;
border-radius: inherit;
z-index: 5;
pointer-events: none;
}
.oris-slide-loader {
display: none;
}
.oris-slide.loaded .oris-slide-skeleton {
display: none;
}
/* Category Buttons skeleton → §19-G'de tanımlı */
/* Casino Lobby Cards skeleton → §20-P'de tanımlı */
/* ----------------------------------------------------------------
C. PROVIDER ITEMS LOADER
---------------------------------------------------------------- */
.providerItemsInnerLoader {
background: linear-gradient(
110deg,
#1a0800 0%,
#1a0800 40%,
#1a0800 50%,
#1a0800 60%,
#1a0800 100%
) !important;
background-size: 200% 100% !important;
animation: shimmerOris 1.5s ease-in-out infinite !important;
}
/* ----------------------------------------------------------------
D. KEYFRAME ANİMASYONLARI
---------------------------------------------------------------- */
/* Oris Logo pulse — skeleton loader'larda kullanılır */
@keyframes orisLogoSonar {
0%, 100% {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
50% {
opacity: 0.3;
transform: translate(-50%, -50%) scale(0.95);
}
}
/* Widget shimmer sweep — skeleton overlay'larda kullanılır */
@keyframes orisShimmer {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* Provider loader shimmer */
@keyframes shimmerOris {
0% { background-position: 200% 0; }
100% { background-position: -200% 0; }
}
/* ================================================================
§19. CATEGORY BUTTONS WIDGET (Desktop Premium)
================================================================
Slider altında 4 kategori kartı: Canlı Casino, Slot, Spor, Crash
Mobile: 2-sütun 110px kart → Desktop: 4-sütun 170px kart, 2x ikon
================================================================ */
/* --- A. Container --- */
.oris-category-buttons {
width: 100% !important;
margin: 0 !important;
padding: 0 16px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
position: relative;
z-index: 2;
}
.oris-category-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
column-gap: 14px;
row-gap: 14px;
}
/* --- B. Card --- */
.oris-category-card {
position: relative;
width: 100%;
height: 170px;
background: linear-gradient(122deg, var(--oris-bg, #101012) 18%, var(--oris-bg, #101012) 21%, var(--oris-accent, #f28e1e) 98%);
border-radius: 14px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
cursor: pointer;
display: block;
text-decoration: none;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.4s ease;
}
/* Category ellipse — mobil referans: 79px, absolute, kart içinde */
.oris-category-ellipse {
position: absolute !important;
bottom: -4px !important;
right: 10px !important;
width: 79px !important;
height: auto !important;
z-index: 2 !important;
pointer-events: none !important;
opacity: 0.7 !important;
}
/* Glow overlay */
.oris-category-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(135deg, transparent 40%, rgba(242, 142, 30, 0.04) 100%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
z-index: 1;
}
.oris-category-card::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow:
inset -4px 3px 16px -8px var(--oris-accent, #f28e1e),
inset 3px 0 12px -5px var(--oris-accent, #f28e1e);
pointer-events: none;
opacity: 0.6;
transition: box-shadow 0.4s ease, opacity 0.4s ease;
}
/* --- Mobil referans: card-border-glow pulsing border --- */
@keyframes card-border-glow-desktop {
0%, 100% {
box-shadow:
0 0 0 1.5px rgba(255,160,40,0.7),
0 0 12px 3px rgba(255,100,0,0.45),
0 4px 18px rgba(0,0,0,0.5);
}
50% {
box-shadow:
0 0 0 1.5px rgba(255,220,80,0.95),
0 0 22px 7px rgba(255,140,0,0.7),
0 4px 18px rgba(0,0,0,0.5);
}
}
/* Mobil referans: img-breathe */
@keyframes img-breathe-desktop {
0%, 100% { transform: scale(1.0) translateX(0) translateY(0); }
50% { transform: scale(1.055) translateX(-1px) translateY(-1px); }
}
/* --- Hover — Mobil .lit efektleri desktop port --- */
@media (hover: hover) {
/* Card — pulsing border glow (referans: card-border-glow) */
.oris-category-card:hover {
animation: card-border-glow-desktop 1.6s ease-in-out infinite;
transform: translateY(-3px);
}
/* Bloom overlay — radial gradient (referans: .cat-card-bloom) */
.oris-category-card:hover::before {
opacity: 1;
background: radial-gradient(
ellipse 75% 65% at 68% 52%,
rgba(255,190,80,0.20) 0%,
rgba(255,110,20,0.10) 50%,
transparent 80%
);
}
/* Inner glow intensifies */
.oris-category-card:hover::after {
opacity: 1;
box-shadow:
inset -6px 4px 22px -4px var(--oris-accent, #f28e1e),
inset 4px 0 18px -3px var(--oris-accent, #f28e1e),
inset 0 0 28px -6px rgba(242, 142, 30, 0.2);
}
/* Image breathe animasyonu (referans: img-breathe) */
.oris-category-card:hover .oris-category-image {
animation: img-breathe-desktop 2.4s ease-in-out infinite;
filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.45))
drop-shadow(0 0 16px rgba(242, 142, 30, 0.12));
}
/* Brightness lift (referans: .cat-card.lit .cat-card-bg brightness:1.20) */
.oris-category-card:hover .oris-category-content {
filter: brightness(1.15) saturate(1.1);
}
/* Shadow stretches */
.oris-category-card:hover .oris-category-shadow {
transform: rotate(-9.5deg) scaleX(1.2);
opacity: 0.75;
}
/* Title gold glow */
.oris-category-card:hover .oris-category-content h3 {
text-shadow: 0 0 16px rgba(242, 142, 30, 0.35);
}
/* CTA arrow sweep (referans: cta-ping) */
.oris-category-card:hover .oris-play-now svg {
animation: cta-ping-desktop 1.2s cubic-bezier(0.4,0,0.2,1) 0.1s infinite;
}
/* Play Now gap widens */
.oris-category-card:hover .oris-play-now {
gap: 8px;
}
}
/* --- Active (click) --- */
.oris-category-card:active {
transform: scale(0.97);
box-shadow:
0 2px 8px rgba(0, 0, 0, 0.3),
0 0 24px rgba(242, 142, 30, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
.oris-category-card:active::after {
opacity: 1;
box-shadow:
inset -7px 5px 24px -3px var(--oris-accent, #f28e1e),
inset 5px 0 20px -2px var(--oris-accent, #f28e1e),
inset 0 0 36px -6px rgba(242, 142, 30, 0.35);
transition: box-shadow 0.08s ease, opacity 0.08s ease;
}
.oris-category-card:active .oris-category-image {
transform: scale(1.06) translateY(-4px);
transition: transform 0.1s ease;
}
.oris-category-card:active .oris-category-content h3 {
text-shadow: 0 0 20px rgba(242, 142, 30, 0.45);
}
.oris-category-card:active .oris-play-now svg {
transform: translateX(4px);
}
/* --- C. Content --- */
.oris-category-content {
position: relative;
z-index: 2;
padding: 18px 0 20px 18px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oris-category-content h3 {
font-size: 28px;
font-weight: 400;
line-height: 0.94;
color: var(--oris-title, #ffffff);
margin: 0;
transition: text-shadow 0.4s ease;
}
/* --- D. Play Now Button --- */
.oris-play-now {
display: flex;
align-items: center;
gap: 5px;
color: var(--oris-accent, #f28e1e);
font-size: 11px;
font-weight: 500;
line-height: 1;
transition: gap 0.35s ease;
}
.oris-play-now svg {
width: 8px;
height: 8px;
flex-shrink: 0;
transition: transform 0.2s ease;
}
/* --- E. Category Image (2x büyük — desktop) --- */
.oris-category-image {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
object-fit: contain;
max-width: 240px;
max-height: 190px;
width: auto;
height: auto;
transform-origin: bottom center;
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
filter 0.4s ease;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
}
/* Per-card image sizes (2x mobile) */
.oris-category-card:nth-child(1) .oris-category-image { width: 196px; height: 184px; }
.oris-category-card:nth-child(2) .oris-category-image { width: 226px; height: 170px; }
.oris-category-card:nth-child(3) .oris-category-image { width: 184px; height: 172px; }
.oris-category-card:nth-child(4) .oris-category-image { width: 234px; height: 168px; }
/* --- F. Shadow --- */
.oris-category-shadow {
position: absolute;
bottom: -10px;
right: 20px;
width: 120px;
height: 22px;
z-index: 0;
transform: rotate(-9.5deg);
overflow: visible;
transition: transform 0.4s ease, opacity 0.4s ease;
opacity: 1;
}
.oris-category-shadow img {
width: 100%;
height: 100%;
}
/* --- G. Skeleton --- */
.oris-category-card .oris-skeleton-shimmer {
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(90deg,
rgba(23, 4, 0, 0.7) 25%,
rgba(42, 42, 45, 0.5) 50%,
rgba(23, 4, 0, 0.7) 75%);
background-size: 200% 100%;
animation: orisShimmer 1.5s infinite;
z-index: 5;
pointer-events: none;
}
.oris-category-card.oris-loaded .oris-skeleton-shimmer {
display: none;
}
/* --- H. Arrow Bounce Keyframe --- */
@keyframes arrowBounce {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(4px); }
}
/* ================================================================
§20. CASINO LOBBY — Game Sections (Desktop Premium)
================================================================
Mobile §21'den port edildi — tüm casino lobby widget kartları
Providers, Promos, Tournaments, Selected, Games, Leagues
Desktop: büyük kartlar, premium hover efektleri, geniş gap
================================================================ */
/* --- A. Lobby Container --- */
.oris-casino-lobby {
padding: 0 16px !important;
display: block !important;
gap: 0 !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* --- B. Section Container & Header --- */
.oris-casino-section {
padding: 16px 0 10px;
overflow: visible;
}
.oris-casino-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
padding: 0;
}
.oris-casino-title {
display: flex;
align-items: center;
gap: 8px;
color: #ffffff;
font-size: 14px;
font-weight: 500;
line-height: 1;
}
.oris-casino-title svg {
width: 20px;
height: 20px;
flex-shrink: 0;
}
/* --- C. Navigation Arrows --- */
.oris-casino-arrows {
display: flex;
}
.oris-casino-arrows button {
width: 42px;
height: 28px;
background: rgba(217, 217, 217, 0);
border: 0.5px solid rgba(254, 247, 255, 0.46);
color: #ffffff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
transition: background 0.2s ease, border-color 0.2s ease;
}
.oris-casino-arrows button:first-child {
border-radius: 12px 0 0 12px;
border-right: none;
}
.oris-casino-arrows button:last-child {
border-radius: 0 12px 12px 0;
}
.oris-casino-arrows button svg {
width: 5px;
height: 9px;
}
@media (hover: hover) {
.oris-casino-arrows button:hover {
background: rgba(242, 142, 30, 0.12);
border-color: rgba(242, 142, 30, 0.4);
}
}
/* --- D. Games Scroll --- */
.oris-games-scroll {
display: flex;
gap: 14px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 24px;
margin-top: -24px;
padding-bottom: 6px;
cursor: grab;
}
.oris-games-scroll::-webkit-scrollbar {
display: none;
}
.oris-games-scroll.grabbing {
cursor: grabbing;
}
/* --- E. Game Card --- */
.oris-game-card {
flex: 0 0 160px;
width: 160px;
height: 216px;
border-radius: 12px;
overflow: hidden;
display: block;
text-decoration: none;
position: relative;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.3s ease;
}
.oris-game-card img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 12px;
}
/* Video thumbnails */
.oris-casino-lobby video {
pointer-events: none;
}
.oris-game-card video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 12px;
}
/* --- Game Card Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-game-card:hover {
transform: translateY(-5px) scale(1.03);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px rgba(242, 142, 30, 0.15),
inset 0 0 12px rgba(242, 142, 30, 0.12);
}
.oris-game-card:hover img,
.oris-game-card:hover video {
filter: brightness(1.08);
}
}
.oris-game-card:active {
transform: scale(0.96);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- F. Providers Scroll --- */
.oris-providers-scroll {
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 50px;
margin-top: -50px;
padding-bottom: 6px;
cursor: grab;
}
.oris-providers-scroll::-webkit-scrollbar {
display: none;
}
.oris-providers-scroll.grabbing {
cursor: grabbing;
}
/* --- G. Provider Card --- */
.oris-provider-card {
flex: 0 0 240px;
width: 240px;
height: 116px;
border-radius: 10px;
position: relative;
overflow: visible;
display: block;
text-decoration: none;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.35s ease;
background: linear-gradient(115.6deg, var(--oris-bg, #3a3a3d) 4.29%, var(--oris-bg2, #1a0800) 97.27%);
border: 0.5px solid var(--oris-accent, #555);
box-shadow:
0 2px 4px rgba(0, 0, 0, 0.35),
0 6px 14px rgba(0, 0, 0, 0.25);
}
/* Card background wrapper */
.oris-card-bg {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: inherit;
pointer-events: none;
z-index: 0;
}
/* Radial dot pattern overlay */
.oris-radial-pattern {
position: absolute;
width: 170px;
height: 170px;
right: -25px;
top: -25px;
background-size: contain;
background-repeat: no-repeat;
mix-blend-mode: var(--oris-spiral-blend, normal);
opacity: var(--oris-spiral-opacity, 1);
}
/* Accent color-dodge overlay */
.oris-provider-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
background: linear-gradient(-62.88deg, transparent 30%, var(--oris-accent, rgba(85, 85, 85, 0.5)) 100%);
mix-blend-mode: color-dodge;
pointer-events: none;
}
/* Inset glow */
.oris-provider-card::after {
content: '';
position: absolute;
inset: -0.5px;
border-radius: inherit;
box-shadow:
inset 1px 1px 2px 0px rgba(255, 255, 255, 0.25),
inset -1px -1px 2px 0px rgba(0, 0, 0, 0.2);
pointer-events: none;
transition: box-shadow 0.35s ease;
}
/* Provider content */
.oris-provider-content {
position: relative;
z-index: 2;
padding: 14px 16px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oris-provider-card h3 {
font-size: 26px;
font-weight: 400;
line-height: 0.941;
color: var(--oris-title, #fff);
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
/* Provider image */
.oris-provider-image {
position: absolute;
z-index: 1;
pointer-events: none;
filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.25));
width: 105px;
height: auto;
max-height: 100%;
right: -0.5rem;
top: 50%;
transform: translateY(-50%);
object-fit: contain;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
filter 0.35s ease;
}
/* Play now button */
.oris-play-now {
display: flex;
align-items: center;
gap: 5px;
font-size: 10px;
font-weight: 400;
line-height: 0.941;
letter-spacing: 0.5px;
padding-bottom: 18px;
transition: gap 0.3s ease;
}
.oris-play-now svg {
width: 7px;
height: 7px;
flex-shrink: 0;
transition: transform 0.2s ease;
}
.oris-play-dark {
color: #000000;
}
.oris-play-light {
color: #ffffff;
}
/* --- Provider Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-provider-card:hover {
transform: translateY(-5px);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px var(--oris-accent, rgba(242, 142, 30, 0.1));
}
/* Inner glow intensifies */
.oris-provider-card:hover::after {
box-shadow:
inset -4px 3px 16px -3px var(--oris-accent, #f28e1e),
inset 3px 0 12px -2px var(--oris-accent, #f28e1e);
}
/* Image floats up */
.oris-provider-card:hover .oris-provider-image {
transform: translateY(-50%) scale(1.08);
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.35));
}
/* Play Now gap widens */
.oris-provider-card:hover .oris-play-now {
gap: 8px;
}
/* Arrow bounces */
.oris-provider-card:hover .oris-play-now svg {
animation: arrowBounce 0.8s ease infinite;
}
}
.oris-provider-card:active {
transform: scale(0.97);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- H. Promos Scroll --- */
.oris-promos-scroll {
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 50px;
margin-top: -50px;
padding-bottom: 6px;
cursor: grab;
}
.oris-promos-scroll::-webkit-scrollbar {
display: none;
}
.oris-promos-scroll.grabbing {
cursor: grabbing;
}
/* --- I. Promo Card --- */
.oris-promo-card {
flex: 0 0 240px;
width: 240px;
height: 116px;
border-radius: 10px;
position: relative;
overflow: visible;
display: block;
text-decoration: none;
background: linear-gradient(115.6deg, var(--oris-bg, #febe10) 4%, var(--oris-bg2, #f28e1e) 97%);
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.35s ease;
}
.oris-promo-content {
position: relative;
z-index: 2;
padding: 14px 16px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oris-promo-card h3 {
font-size: 26px;
font-weight: 400;
line-height: 0.941;
color: var(--oris-title, #000000);
}
.oris-promo-card .oris-play-now {
color: var(--oris-btn, #000);
}
.oris-promo-card .oris-play-now svg path {
fill: currentColor;
}
.oris-promo-image {
position: absolute;
z-index: 1;
pointer-events: none;
width: 130px;
height: 130px;
right: -2px;
top: -20px;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
filter 0.35s ease;
}
/* --- Promo Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-promo-card:hover {
transform: translateY(-5px);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px rgba(242, 142, 30, 0.1);
}
/* Image floats up */
.oris-promo-card:hover .oris-promo-image {
transform: scale(1.08) translateY(-6px);
filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}
/* Play Now gap widens */
.oris-promo-card:hover .oris-play-now {
gap: 8px;
}
/* Arrow bounces */
.oris-promo-card:hover .oris-play-now svg {
animation: arrowBounce 0.8s ease infinite;
}
}
.oris-promo-card:active {
transform: scale(0.97);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- J. Leagues Scroll --- */
.oris-leagues-scroll {
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 20px;
margin-top: -20px;
padding-bottom: 6px;
cursor: grab;
}
.oris-leagues-scroll::-webkit-scrollbar {
display: none;
}
.oris-leagues-scroll.grabbing {
cursor: grabbing;
}
/* --- K. League Card --- */
.oris-league-card {
flex: 0 0 240px;
width: 240px;
height: 70px;
border-radius: 9px;
position: relative;
overflow: hidden;
display: block;
text-decoration: none;
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.3s ease;
}
.oris-league-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* --- League Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-league-card:hover {
transform: translateY(-4px) scale(1.03);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px rgba(242, 142, 30, 0.08);
}
}
.oris-league-card:active {
transform: scale(0.97);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- L. Tournaments Scroll --- */
.oris-tournaments-scroll {
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 50px;
margin-top: -50px;
padding-bottom: 6px;
cursor: grab;
}
.oris-tournaments-scroll::-webkit-scrollbar {
display: none;
}
.oris-tournaments-scroll.grabbing {
cursor: grabbing;
}
/* --- M. Tournament Card --- */
.oris-tournament-card {
flex: 0 0 240px;
width: 240px;
height: 116px;
border-radius: 10px;
position: relative;
overflow: visible;
display: block;
text-decoration: none;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.35s ease;
}
.oris-tournament-pink {
background: linear-gradient(115.806deg, rgb(16, 16, 18) 1.84%, var(--oris-accent, rgb(232, 38, 142)) 97.64%);
}
.oris-tournament-pink::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0px 0px 6.8px -3px var(--oris-accent, #e34dd0);
pointer-events: none;
transition: box-shadow 0.35s ease;
}
.oris-tournament-gold {
background: linear-gradient(115.806deg, rgb(16, 16, 18) 1.84%, var(--oris-accent, rgb(240, 202, 90)) 97.64%);
}
.oris-tournament-gold::after {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0px 0px 6.8px -3px var(--oris-accent, #dbb853);
pointer-events: none;
transition: box-shadow 0.35s ease;
}
.oris-tournament-content {
position: relative;
z-index: 2;
padding: 6px 12px 12px;
height: 100%;
display: flex;
flex-direction: column;
max-width: 145px;
}
.oris-tournament-logo {
height: 22px;
margin-bottom: 5px;
display: flex;
align-items: center;
}
.oris-tournament-logo img {
height: 22px;
width: auto;
}
.oris-provider-name {
font-size: 9px;
font-weight: 700;
letter-spacing: 0.5px;
line-height: 1;
}
.oris-betconstruct-text {
color: #e8268f;
}
.oris-tournament-date {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 7px;
font-weight: 500;
border-radius: 3px;
margin-bottom: 4px;
width: 80px;
height: 13px;
background-color: #e8268e;
color: #ffffff;
}
.oris-date-gold {
background-color: #f28e1e;
color: #000000;
}
.oris-tournament-title {
font-size: 12px;
font-weight: 500;
color: var(--oris-title, #ffffff);
line-height: 1.18;
margin-bottom: 0;
}
.oris-tournament-prize {
font-size: 24px;
font-weight: 700;
letter-spacing: 0.2px;
line-height: 1.2;
margin-top: auto;
}
.oris-prize-pink {
color: #e8268f;
}
.oris-prize-gold {
color: #f28e1e;
}
.oris-tournament-image {
position: absolute;
z-index: 1;
pointer-events: none;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
filter 0.35s ease;
object-fit: contain;
height: 126px;
width: auto;
right: 0;
top: -10px;
}
/* --- Tournament Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-tournament-card:hover {
transform: translateY(-5px);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px rgba(242, 142, 30, 0.08);
}
/* Inner glow intensifies — kart accent rengine göre */
.oris-tournament-card:hover::after {
box-shadow:
inset -4px 3px 16px -3px var(--oris-accent, #e34dd0),
inset 3px 0 12px -2px var(--oris-accent, #e34dd0);
}
/* Image floats up */
.oris-tournament-card:hover .oris-tournament-image {
transform: scale(1.08) translateY(-6px);
filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}
}
.oris-tournament-card:active {
transform: scale(0.97);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- N. Selected Scroll --- */
.oris-selected-scroll {
display: flex;
gap: 10px;
overflow-x: auto;
overflow-y: hidden;
scrollbar-width: none;
padding-top: 50px;
margin-top: -50px;
padding-bottom: 6px;
cursor: grab;
}
.oris-selected-scroll::-webkit-scrollbar {
display: none;
}
.oris-selected-scroll.grabbing {
cursor: grabbing;
}
/* --- O. Selected Card --- */
.oris-selected-card {
flex: 0 0 240px;
width: 240px;
height: 116px;
border-radius: 10px;
position: relative;
overflow: visible;
display: block;
text-decoration: none;
background: linear-gradient(-62.17deg, rgba(183, 183, 183, 0) 1.57%, rgba(183, 183, 183, 0.3) 94.7%),
linear-gradient(90deg, var(--oris-bg, rgb(240, 201, 89)) 0%, var(--oris-bg, rgb(240, 201, 89)) 100%);
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
box-shadow 0.35s ease;
}
.oris-selected-content {
position: relative;
z-index: 2;
padding: 12px 16px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.oris-selected-card h3 {
font-size: 24px;
font-weight: 400;
line-height: 1.1;
color: var(--oris-title, #000000);
}
.oris-selected-image {
position: absolute;
z-index: 1;
pointer-events: none;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
filter 0.35s ease;
width: 130px;
height: 130px;
right: -2px;
top: -15px;
object-fit: contain;
}
/* --- Selected Hover (Desktop Premium) --- */
@media (hover: hover) {
.oris-selected-card:hover {
transform: translateY(-5px);
box-shadow:
0 8px 20px rgba(0, 0, 0, 0.45),
0 0 20px rgba(242, 142, 30, 0.1);
}
/* Image floats up */
.oris-selected-card:hover .oris-selected-image {
transform: scale(1.08) translateY(-6px);
filter: drop-shadow(0 6px 14px rgba(0, 0, 0, 0.35));
}
/* Play Now gap widens */
.oris-selected-card:hover .oris-play-now {
gap: 8px;
}
/* Arrow bounces */
.oris-selected-card:hover .oris-play-now svg {
animation: arrowBounce 0.8s ease infinite;
}
}
.oris-selected-card:active {
transform: scale(0.97);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
transition: transform 0.1s ease, box-shadow 0.1s ease;
}
/* --- P. Casino Lobby Skeleton --- */
.oris-game-card .oris-skeleton-shimmer,
.oris-provider-card .oris-skeleton-shimmer,
.oris-promo-card .oris-skeleton-shimmer,
.oris-league-card .oris-skeleton-shimmer,
.oris-tournament-card .oris-skeleton-shimmer,
.oris-selected-card .oris-skeleton-shimmer {
position: absolute;
inset: 0;
border-radius: inherit;
background: #170400;
z-index: 5;
pointer-events: none;
}
.oris-game-card .oris-skeleton-shimmer::after,
.oris-provider-card .oris-skeleton-shimmer::after,
.oris-promo-card .oris-skeleton-shimmer::after,
.oris-league-card .oris-skeleton-shimmer::after,
.oris-tournament-card .oris-skeleton-shimmer::after,
.oris-selected-card .oris-skeleton-shimmer::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 84'%3E%3Ccircle cx='42' cy='42' r='42' fill='%23f28e1e'/%3E%3Ctext x='42' y='58' text-anchor='middle' font-family='Helvetica' font-size='52' font-weight='800' fill='%23170400'%3EO%3C/text%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
box-shadow: 0 0 0 2px #1a0800, 0 0 0 3px #f28e1e;
animation: orisLogoSonar 1.5s ease-in-out infinite;
}
.oris-game-card.oris-loaded .oris-skeleton-shimmer,
.oris-provider-card.oris-loaded .oris-skeleton-shimmer,
.oris-promo-card.oris-loaded .oris-skeleton-shimmer,
.oris-league-card.oris-loaded .oris-skeleton-shimmer,
.oris-tournament-card.oris-loaded .oris-skeleton-shimmer,
.oris-selected-card.oris-loaded .oris-skeleton-shimmer {
display: none;
}
/* ================================================================
§21. PARA YATIR / DEPOSIT PAGE
----------------------------------------------------------------
Mobile §19 port — Desktop uyarlaması.
Ödeme yöntemleri grid, badge'ler, min/max limitler, tab'lar, popup.
================================================================ */
/* ============================================================
A. ÖDEME YÖNTEMLERİ GRID
============================================================ */
/* Ana grid container — Desktop'ta daha geniş kartlar */
.dep-w-info-bc .m-block-nav-items-bc {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)) !important;
gap: 14px !important;
padding: 20px !important;
background: transparent !important;
}
/* Her ödeme kartı */
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"],
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
background: rgba(23, 4, 0, 0.8) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 12px !important;
padding: 14px 10px !important;
gap: 10px !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
position: relative !important;
}
/* Hover — desktop'ta daha belirgin */
@media (hover: hover) {
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"]:hover,
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"]:hover {
background: rgba(26, 8, 0, 0.95) !important;
border-color: rgba(242, 142, 30, 0.3) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3),
0 0 0 1px rgba(242, 142, 30, 0.1) !important;
}
}
/* Seçili kart — gold border + glow */
.dep-w-info-bc .m-nav-items-list-item-bc.active {
border-color: rgba(242, 142, 30, 0.5) !important;
box-shadow: 0 0 0 1px rgba(242, 142, 30, 0.2),
0 4px 16px rgba(242, 142, 30, 0.1) !important;
}
/* ============================================================
B. ÖDEME BADGE'LERİ
============================================================ */
/* Badge genel stil */
.m-nav-items-list-item-bc .paymentBadgeBlock,
.m-nav-items-list-item-bc.enhanced .paymentBadgeBlock,
span.paymentBadgeBlock,
.paymentBadgeBlock[data-badge] {
position: absolute !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
top: -0.5rem !important;
transform: translateX(-50%) !important;
margin: 0 !important;
padding: 2px 10px !important;
border-radius: 4px !important;
font-size: 9px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.3px !important;
white-space: nowrap !important;
z-index: 10 !important;
box-shadow: none !important;
animation: badgePulse 2.5s ease-in-out infinite !important;
clip-path: none !important;
-webkit-clip-path: none !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.2 !important;
}
/* Ribbon ::before kaldır */
.paymentBadgeBlock::before,
.m-nav-items-list-item-bc .paymentBadgeBlock::before,
span.paymentBadgeBlock::before {
display: none !important;
content: none !important;
width: 0 !important;
height: 0 !important;
border: none !important;
background: none !important;
}
/* ::after — text gösterimi */
.paymentBadgeBlock::after,
.m-nav-items-list-item-bc .paymentBadgeBlock::after,
span.paymentBadgeBlock::after {
content: attr(data-badge) !important;
display: inline-block !important;
position: static !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
background: none !important;
box-shadow: none !important;
border-radius: 0 !important;
font-size: inherit !important;
font-weight: inherit !important;
color: inherit !important;
}
/* Badge pulse animasyonu */
@keyframes badgePulse {
0%, 100% {
opacity: 1;
transform: translateX(-50%) scale(1);
}
50% {
opacity: 0.65;
transform: translateX(-50%) scale(0.98);
}
}
/* EN HIZLI — kırmızı */
.paymentBadgeBlock.badge-fastest,
.m-nav-items-list-item-bc .paymentBadgeBlock.badge-fastest {
background: rgba(255, 107, 107, 0.15) !important;
color: #ff6b6b !important;
border: 1px solid rgba(255, 107, 107, 0.3) !important;
}
/* ÖNE ÇIKANLAR — mor */
.paymentBadgeBlock.badge-featured,
.m-nav-items-list-item-bc .paymentBadgeBlock.badge-featured {
background: rgba(168, 85, 247, 0.15) !important;
color: #a855f7 !important;
border: 1px solid rgba(168, 85, 247, 0.3) !important;
}
/* ÖNERİLEN — yeşil */
.paymentBadgeBlock.badge-recommended,
.m-nav-items-list-item-bc .paymentBadgeBlock.badge-recommended {
background: rgba(74, 222, 128, 0.15) !important;
color: #4ade80 !important;
border: 1px solid rgba(74, 222, 128, 0.3) !important;
}
/* YENİ — mavi */
.paymentBadgeBlock.badge-new,
.m-nav-items-list-item-bc .paymentBadgeBlock.badge-new {
background: rgba(59, 130, 246, 0.15) !important;
color: #3b82f6 !important;
border: 1px solid rgba(59, 130, 246, 0.3) !important;
}
/* POPÜLER — altın */
.paymentBadgeBlock.badge-popular,
.m-nav-items-list-item-bc .paymentBadgeBlock.badge-popular {
background: rgba(242, 142, 30, 0.15) !important;
color: #f28e1e !important;
border: 1px solid rgba(242, 142, 30, 0.3) !important;
}
/* ============================================================
C. ÖDEME LOGOSU
============================================================ */
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"] .nav-ico-w-row-bc,
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] .nav-ico-w-row-bc {
width: 100% !important;
height: 56px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"] .payment-logo,
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"] .payment-logo {
max-width: 85% !important;
max-height: 44px !important;
object-fit: contain !important;
filter: brightness(1.05) !important;
transition: filter 0.25s ease !important;
}
@media (hover: hover) {
.dep-w-info-bc .m-nav-items-list-item-bc[class*="deposit_"]:hover .payment-logo,
.dep-w-info-bc .m-nav-items-list-item-bc[class*="withdraw_"]:hover .payment-logo {
filter: brightness(1.2) !important;
}
}
/* ============================================================
D. MİN/MAX LİMİTLER VE SÜRE OVERLAY
============================================================ */
.payment-info-overlay {
width: 100% !important;
background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%) !important;
padding: 10px !important;
border-radius: 0 0 10px 10px !important;
margin-top: auto !important;
}
.payment-limits {
display: flex !important;
justify-content: space-between !important;
gap: 8px !important;
margin-bottom: 4px !important;
}
.payment-min {
color: #4ade80 !important;
font-size: 11px !important;
font-weight: 500 !important;
}
.payment-max {
color: #fbbf24 !important;
font-size: 11px !important;
font-weight: 500 !important;
}
.payment-time {
color: #60a5fa !important;
font-size: 10px !important;
text-align: center !important;
opacity: 0.9 !important;
}
/* ============================================================
E. PARA YATIR TAB'LARI
============================================================ */
/* Tab container */
.horizontal-sl-list.deposit-tabs,
.deposit-category-tabs {
background: transparent !important;
gap: 10px !important;
}
/* Her tab */
.horizontal-sl-item-bc.deposit-tab,
.deposit-tab-item {
background: rgba(26, 8, 0, 0.8) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 10px !important;
padding: 10px 18px !important;
color: #b7b7b7 !important;
transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.horizontal-sl-item-bc.deposit-tab:hover,
.deposit-tab-item:hover {
background: rgba(45, 45, 48, 0.9) !important;
color: #ffffff !important;
transform: translateY(-1px) !important;
}
}
.horizontal-sl-item-bc.deposit-tab.active,
.deposit-tab-item.active {
background: linear-gradient(145deg, rgba(242, 142, 30, 0.15) 0%, rgba(242, 142, 30, 0.08) 100%) !important;
border-color: rgba(242, 142, 30, 0.4) !important;
color: #f28e1e !important;
}
/* Tab icon */
.horizontal-sl-item-bc.deposit-tab .horizontal-sl-icon-bc,
.deposit-tab-item i {
color: inherit !important;
font-size: 20px !important;
margin-bottom: 4px !important;
}
/* Tab title */
.horizontal-sl-item-bc.deposit-tab .horizontal-sl-title-bc,
.deposit-tab-item span {
font-size: 11px !important;
text-transform: uppercase !important;
}
/* ============================================================
F. POPUP/MODAL STİLLERİ (Para Yatır)
============================================================ */
/* Deposit popup container */
.popup-holder-bc.deposit-popup .popup-inner-bc {
background: rgba(23, 4, 0, 0.98) !important;
border: 1px solid rgba(255, 255, 255, 0.08) !important;
border-radius: 16px !important;
backdrop-filter: blur(20px) !important;
-webkit-backdrop-filter: blur(20px) !important;
}
/* Popup başlık */
.deposit-popup .popup-title-bc {
color: #ffffff !important;
border-bottom: 1px solid rgba(242, 142, 30, 0.15) !important;
}
/* Input alanları */
.deposit-popup input[type="text"],
.deposit-popup input[type="number"] {
background: rgba(26, 8, 0, 0.9) !important;
border: 1px solid rgba(255, 255, 255, 0.1) !important;
border-radius: 10px !important;
color: #ffffff !important;
padding: 12px 16px !important;
transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}
.deposit-popup input:focus {
border-color: rgba(242, 142, 30, 0.4) !important;
box-shadow: 0 0 0 3px rgba(242, 142, 30, 0.1) !important;
}
/* Devam butonu */
.deposit-popup .btn-primary,
.deposit-popup .button.primary {
background: linear-gradient(145deg, #f28e1e 0%, #d4a843 100%) !important;
color: #1a1a1d !important;
border: none !important;
border-radius: 10px !important;
font-weight: 600 !important;
box-shadow: 0 4px 12px rgba(242, 142, 30, 0.3) !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
@media (hover: hover) {
.deposit-popup .btn-primary:hover,
.deposit-popup .button.primary:hover {
background: linear-gradient(145deg, #ffd666 0%, #f28e1e 100%) !important;
box-shadow: 0 6px 20px rgba(242, 142, 30, 0.4) !important;
transform: translateY(-1px) !important;
}
}
/* ================================================================
MESAJ KUTUSU — Koyu Tema Renk Override
================================================================ */
/* Mesaj body içindeki tüm inline renkleri override et */
.message-info-bc,
.message-info-bc *,
.message-info-bc p,
.message-info-bc div,
.message-info-bc span,
.message-info-bc h1,
.message-info-bc h2,
.message-info-bc h3,
.message-info-bc h4 {
color: #b7b7b7 !important;
}
/* Mesaj içi linkleri gold yap */
.message-info-bc a {
color: #f28e1e !important;
}
/* Mesaj içi arka plan kutularını temaya uyumlu yap */
.message-info-bc > div[style],
.message-info-bc div[style*="background"] {
background-color: #1a0800 !important;
border-color: #3a3a3d !important;
}
/* ================================================================
§22. MOBİLDEN AKTARILAN EKSİK ÖZELLİKLER
================================================================
Mobil CSS'te var ama desktop'ta eksik olan override'lar.
2026-04-07 eklendi.
================================================================ */
/* --- A. Notif Bar Warm Gradient + Shimmer --- */
.hdr-dynamic-content:not(:has(.informative-widget-link)):not(:has(.swiper-slide)) {
display: none !important;
}
.hdr-dynamic-content {
width: 100% !important;
background: linear-gradient(to right, #1f0700, #2a0d00, #1f0700) !important;
border-bottom: 1px solid rgba(242, 142, 30, 0.35) !important;
box-shadow: 0 2px 12px rgba(255, 79, 0, 0.18), inset 0 -1px 0 rgba(242, 142, 30, 0.15) !important;
overflow: hidden !important;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease !important;
}
.overlay-sliding-is-visible .hdr-dynamic-content {
max-height: 0px !important;
padding: 0px !important;
opacity: 0 !important;
border: none !important;
box-shadow: none !important;
}
.hdr-dynamic-content .informative-widget-link > p > span {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 12px !important;
font-weight: 600 !important;
color: #ffdcb5 !important;
line-height: 1.5 !important;
}
.hdr-dynamic-content::before {
content: '' !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(90deg, transparent 0%, rgba(255,120,0,0.07) 40%, rgba(255,180,60,0.12) 50%, rgba(255,120,0,0.07) 60%, transparent 100%) !important;
animation: notif-shimmer 3.5s linear infinite !important;
pointer-events: none !important;
}
@keyframes notif-shimmer {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
}
/* --- B. Scroll Hide — notif bar kaybolsun, header kalsın --- */
.layout-header-holder-bc:has(.header-bc-hide) > .hdr-dynamic-content {
transform: translateY(-100%) !important;
pointer-events: none !important;
opacity: 0 !important;
}
.header-bc.header-bc-hide {
top: 0px !important;
transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.header-bc:not(.header-bc-hide) {
transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
/* --- C. Badge Glow Animasyonu + Pozisyon Fix --- */
@keyframes badge-blink {
0%,100% { box-shadow: 0 0 6px rgba(242,142,30,0.7); opacity: 1; }
45% { box-shadow: 0 0 12px 3px rgba(242,142,30,0.9); opacity: 0.85; }
50% { box-shadow: 0 0 14px 4px rgba(255,160,40,1); opacity: 1; }
}
.sp-button-bc .count-odd-animation,
.sp-button-bc [data-badge]:not([data-badge=""]),
.hdr-toggle-button-bc [class*="badge"],
.hdr-toggle-button-bc [class*="count"] {
background: #f28e1e !important;
color: #ffffff !important;
font-size: 9px !important;
font-weight: 700 !important;
border-radius: 8px !important;
min-width: 16px !important;
height: 16px !important;
line-height: 16px !important;
box-shadow: 0 0 6px rgba(242, 142, 30, 0.7) !important;
animation: badge-blink 1.6s ease-in-out infinite !important;
position: absolute !important;
top: 2px !important;
right: 4px !important;
left: auto !important;
bottom: auto !important;
padding: 0 4px !important;
text-align: center !important;
z-index: 2 !important;
}
.sp-button-bc .count-odd-animation::after,
.sp-button-bc [data-badge]:not([data-badge=""])::after {
position: static !important;
left: auto !important;
right: auto !important;
top: auto !important;
display: inline !important;
}
/* --- D. Bildirim Panel Item Fix --- */
.notification-new-item {
background: rgba(242, 142, 30, 0.12) !important;
display: flex !important;
align-items: center !important;
padding: 10px !important;
color: rgba(255, 255, 255, 0.85) !important;
border-radius: var(--border-radius) !important;
font-size: 12px !important;
border: 0.5px solid rgba(242, 142, 30, 0.25) !important;
}
.notification-new-item-info {
color: rgba(255, 255, 255, 0.85) !important;
}
.notification-new-item-icon {
color: #ff001a !important;
}
/* --- E. Game Details Soğuk Renk Fix --- */
.game-details-c-head-c-row-data-bc,
p.game-details-c-head-c-row-data-bc {
color: #c0b8a8 !important;
}
/* --- F. Profil Panel Nav SVG İkonları --- */
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc::before {
content: '' !important;
display: inline-block !important;
width: 18px !important;
min-width: 18px !important;
height: 18px !important;
margin-right: 3px !important;
vertical-align: middle !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
opacity: 0.85 !important;
position: static !important;
pointer-events: none !important;
filter: none !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='16' r='3.5' fill='%23E8E8E8'/%3E%3Crect x='21' y='24' width='6' height='16' rx='3' fill='%23E8E8E8'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc.active::before,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[aria-current="page"]::before {
opacity: 1 !important;
position: absolute !important;
left: 5.5px !important;
top: 50% !important;
transform: translateY(-50%) !important;
z-index: 2 !important;
margin-right: 0 !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc.active::after,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[aria-current="page"]::after {
content: '' !important;
display: block !important;
position: absolute !important;
left: 2px !important;
top: 50% !important;
transform: translateY(-50%) !important;
width: 25px !important;
height: 25px !important;
border-radius: 50% !important;
background: linear-gradient(130.27deg, rgba(255,79,0,0) 3.65%, rgba(25,24,22,0) 36.2%, #ff4f00 100%), #170400 !important;
box-shadow: 0px 4px 4px rgba(0,0,0,0.25), inset 2px 0px 9.2px -5px rgba(255,79,0,1), inset -3px 2px 12.6px -8px rgba(242,142,30,1) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc.active,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[aria-current="page"] {
height: 40px !important;
min-height: 40px !important;
font-size: 12px !important;
line-height: 40px !important;
padding: 0 10px 0 28px !important;
position: relative !important;
color: #ffffff !important;
background: linear-gradient(130.27deg, rgba(255,79,0,0) 18%, rgba(25,24,22,0) 21.3%, rgb(255,79,0) 98.4%), linear-gradient(90deg, rgba(23,4,0,1), rgba(23,4,0,1)) !important;
border-radius: 36px !important;
box-shadow: 0px 4px 4px rgba(0,0,0,0.25), inset -3px 2px 12.6px -8px #f28e1e, inset 2px 0px 9.2px -5px #ff4f00 !important;
margin: 0 -2px !important;
}
/* Profil nav SVG ikon eşleştirmeleri (48x48 HD) */
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="page=deposit"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 8v24m0 0l-9-9m9 9l9-9' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 40h28' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="page=withdraw"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 40V16m0 0l-9 9m9-9l9 9' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 8h28' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="page=history"]::before,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="account=history"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='18' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M24 14v10l7 7' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="page=withdraws"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='18' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M15 24l7 7L33 18' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="page=details"]::before,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="account=profile"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='17' r='8' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M8 43c0-8.8 7.2-16 16-16s16 7.2 16 16' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="password"]::before,
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="two-factor"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='12' y='22' width='24' height='18' rx='4' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M17 22v-7a7 7 0 0114 0v7' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="account=bonus"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='8' y='22' width='32' height='20' rx='3' stroke='%23E8E8E8' stroke-width='3.5'/%3E%3Crect x='10' y='14' width='28' height='9' rx='3' stroke='%23E8E8E8' stroke-width='3.5'/%3E%3Cline x1='24' y1='14' x2='24' y2='42' stroke='%23E8E8E8' stroke-width='3.5'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="account=messages"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='6' y='12' width='36' height='26' rx='4' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M6 16l18 11 18-11' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="account=balance"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Crect x='5' y='12' width='38' height='26' rx='4' stroke='%23E8E8E8' stroke-width='4'/%3E%3Ccircle cx='36' cy='25' r='3' fill='%23E8E8E8'/%3E%3Cpath d='M5 20h10a4 4 0 010 8H5' stroke='%23E8E8E8' stroke-width='3'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="settings"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Ccircle cx='24' cy='24' r='8' stroke='%23E8E8E8' stroke-width='4'/%3E%3Cpath d='M24 4v5M24 39v5M4 24h5M39 24h5M9.9 9.9l3.5 3.5M34.6 34.6l3.5 3.5M9.9 38.1l3.5-3.5M34.6 13.4l3.5-3.5' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}
.overlay-sliding-w-c-content-slider-bc .hdr-navigation-link-bc[href*="verification"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none'%3E%3Cpath d='M24 4l17 8v12c0 11-7 18-17 20C14 42 7 35 7 24V12L24 4z' stroke='%23E8E8E8' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M17 24l5 5L31 20' stroke='%23E8E8E8' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}
/* --- G. Footer Dil Seçici Warm --- */
.footerInfoColumn .languageDropdown .form-control-label-bc.inputs {
height: 26px !important;
background: transparent !important;
border: none !important;
}
.footerInfoColumn .languageDropdown .form-control-select-bc {
font-size: 12px !important;
color: #fff !important;
background: transparent !important;
border: none !important;
height: 26px !important;
}
.footerInfoColumn .languageDropdown .form-control-icon-bc {
color: #f28e1e !important;
}
/* --- H. Input Caret Warm --- */
input:focus, textarea:focus, select:focus {
caret-color: #f28e1e !important;
}
/* --- I. Sonar Wave Animasyonlar (Loading) --- */
@keyframes orisWaveRings {
0% {
box-shadow:
0 0 0 0 rgba(242, 142, 30, 0.25),
0 0 0 0 rgba(242, 142, 30, 0.15);
}
100% {
box-shadow:
0 0 0 16px rgba(242, 142, 30, 0),
0 0 0 30px rgba(242, 142, 30, 0);
}
}