/* bv-jackpot-bg: /assets/images/jackpot-bg.png was cached as 404 at the CDN */
.casino-jackpot-widget.casino-jackpot-widget--widget{background-image:url(/assets/images/jackpot-bg.png?bvjk=2) !important;}

/* bv-promogap: restore the gap under the promotions category bar (was clipped to 66px) */
html[class*=is-mobile] .promotion-page .horizontalList,
html[class*=is-mobile] .horizontalList:has(.promotion-horizontal-sl-list-bc){height:80px !important;max-height:80px !important;}
/* --- systemic slider gap fix --- */
.hm-row-bc.has-slider { grid-auto-rows: auto !important; gap: 0 !important; align-content: start !important; }
.hm-row-bc.has-slider > .hm-row-bc-inner { min-height: 0 !important; }
/* The slider/skeleton can carry an inline aspect-ratio (e.g. 384/97) on
   .slider-bc while the image uses its own ratio -> empty band underneath. */
.hm-row-bc.has-slider .slider-bc { aspect-ratio: auto !important; height: auto !important; }
.hm-row-bc.has-slider .slider-bc > .sdr-item-holder-bc { height: auto !important; }
.hm-row-bc.has-slider .carouselWrapper,
.hm-row-bc.has-slider .carouselWrapper > .swiper,
.hm-row-bc.has-slider .carouselWrapper > .swiper > .swiper-wrapper,
.hm-row-bc.has-slider .carouselWrapper > .swiper > .swiper-wrapper > .swiper-slide {
    height: auto !important;
    min-height: 0 !important;
}
/* Beat the SPA's INLINE aspect-ratio on .sdr-item-holder-bc (only !important
   in a stylesheet can override an inline style). */
.hm-row-bc.has-slider .sdr-item-holder-bc { height: auto !important; aspect-ratio: auto !important; }
.hm-row-bc.has-slider .sdr-item-holder-bc > .sdr-item-bc { height: auto !important; aspect-ratio: auto !important; }
.hm-row-bc.has-slider .sdr-image-bc { height: auto !important; width: 100% !important; object-fit: contain !important; }
/* Normalise the row title block so rows WITH and WITHOUT a title line up
   (base CSS gives .page-view-more a min-height/margin that shifts the row). */
.hm-row-bc > .hm-row-bc-inner > .page-view-more { min-height: 0 !important; margin: 0 0 6px !important; padding: 0 !important; }
.hm-row-bc > .hm-row-bc-inner > .page-view-more .view-title-more { margin: 0 !important; line-height: 1.2 !important; }
/* Hide the BetConstruct deposit/withdraw promotion banner slider (its banners
   are BetConstruct partner content, not site content). */
.dep-w-info-bc .slider-bc { display: none !important; }#root {
  background: rgba(var(--b), 1);
  --yellow: #FFE71D;
  --yellow-rgb: 255, 231, 29;
  --yellow-hover: #d2be13;
  --yellow-hover-rgb: 210, 190, 19;
  --green: #157B45;
  --green-rgb: 21, 123, 69;
  --black: #0d101f;
  --black-rgb: 13, 16, 31;
  --black-hover: #090c18;
  --black-hover-rgb: 9, 12, 24;
  --white: #fff;
  --white-rgb: 255, 255, 255;
  --red: #ff2931;
  --red-rgb: 255, 41, 49;
  --red-hover: #e91c24;
  --red-hover-rgb: 233, 28, 36;
  --gray: #222a34;
  --gray-rgb: 34, 42, 52;
  --gray-hover: #1d242e;
  --gray-hover-rgb: 29, 36, 46;
  --hero-hover: 229, 229, 229;
  --hero-sc: var(--black-rgb);
  --hero: var(--white-rgb);
  --brand-hover: 16, 153, 35;
  --brand-sc: var(--black-rgb);
  --brand: 22, 199, 46;
  --secondary-hover: 4, 120, 120;
  --secondary-sc: var(--black-rgb);
  --secondary: 6, 169, 170;
  --accent-hover: 241, 87, 95;
  --accent-sc: var(--white-rgb);
  --accent: var(--red-rgb);
  --oc-1-hover: 241, 87, 95;
  --oc-1-sc: var(--white-rgb);
  --oc-1: var(--red-rgb);
  --oc-2-hover: 240, 172, 4;
  --oc-2-sc: var(--black-rgb);
  --oc-2: 251, 192, 45;
  --oc-3-hover: 255, 102, 118;
  --oc-3-sc: var(--white-rgb);
  --oc-3: 255, 52, 73;
  --odd-up-hover: 16, 153, 35;
  --odd-up-sc: var(--black-rgb);
  --odd-up: 22, 199, 46;
  --odd-down-hover: 255, 102, 118;
  --odd-down-sc: var(--white-rgb);
  --odd-down: 255, 52, 73;
  --b-hover: var(--black-hover-rgb);
  --b-sc: var(--white-rgb);
  --b: var(--black-rgb);
  --header-hover: var(--gray-hover-rgb);
  --header-sc: var(--white-rgb);
  --header: var(--gray-rgb);
  --menu-hover: var(--gray-hover-rgb);
  --menu-sc: var(--white-rgb);
  --menu: var(--gray-rgb);
  --tab-navigation-hover: 0, 29, 87;
  --tab-navigation-sc: var(--white-rgb);
  --tab-navigation-sc-rgb: var(--white-rgb);
  --tab-navigation-rgb: var(--green-rgb);
}
#root.theme-white {
  --accent: #805f04;
  --oc-1: #157B45;
  --oc-2: #805f04;
  --b: var(--white);
  --tab-navigation: #E3E3ED;
  --hero-rgb: 167, 31, 103;
  --secondary-hover: #047879;
  --oc-1-hover: #0D6131;
  --oc-1-sc: var(--white);
  --oc-1-sc-rgb: var(--white-rgb);
  --oc-1-rgb: 13,97, 49;
  --oc-2-hover: #0D6131;
  --oc-2-sc: var(--white);
  --oc-2-sc-rgb: var(--white-rgb);
  --oc-2-rgb: 13,97, 49;
  --oc-3-hover: #0D6131;
  --oc-3-sc: var(--white);
  --oc-3-sc-rgb: var(--white-rgb);
  --oc-3-rgb: 13,97, 49;
  --b-hover: #C4C4D9;
  --b-sc: var(--black);
  --b-sc-rgb: var(--black-rgb);
  --b-rgb: 227, 227, 237;
  --menu-hover: #001D57;
  --tab-navigation-hover: #C4C4D9;
  --tab-navigation-sc: var(--black);
  --tab-navigation-sc-rgb: var(--black-rgb);
  --tab-navigation-rgb: 227, 227, 237;
}
#root.theme-white .e-p-close-icon-bc {
  color: var(--black) !important;
}
#root.theme-white .entrance-popup-bc.register,
#root.theme-white .entrance-popup-bc.sign-in {
  position: relative;
}
#root.theme-white .entrance-popup-bc.register:before,
#root.theme-white .entrance-popup-bc.sign-in:before {
  content: " ";
  position: absolute;
  right: 9px;
  top: 9px;
  width: 28px;
  height: 28px;
  background: #fff;
  z-index: 9;
  border-radius: 3px;
}
#root.theme-white .ftr-copy-rights-bc a {
  color: var(--green);
}
#root.theme-white .ftr-payments-row-img-bc {
  filter: brightness(0.3);
}
#root.theme-white .dep-w-info-bc .m-block-nav-items-bc {
  background: transparent !important;
}
#root.theme-white .m-nav-items-list-item-bc.active,
#root.theme-white .m-nav-items-list-item-bc:hover {
  border: 1px solid var(--black);
  background: var(--black);
  -webkit-filter: brightness(1);
  -moz-filter: brightness(1);
  -ms-filter: brightness(1);
  filter: brightness(1);
  transition: all 0.3s;
}
#root.theme-white .m-nav-items-list-item-bc:not(.active) {
  background: rgba(var(--black-rgb), 0.1);
  border: 1px solid transparent;
  -webkit-filter: brightness(0.3);
  -moz-filter: brightness(0.3);
  -ms-filter: brightness(0.3);
  filter: brightness(0.3);
}
#root.theme-white .description-c-row-column-bc.pay-logo > img {
  filter: brightness(0.4);
}
#root:not(.has-sub-navigation) .header-bc {
  padding-bottom: 10px;
}
/* Header background is configurable in the CMS (Background group); a colour
   set in the custom CSS still wins. */
.btn.a-color,
.btn.register,
.btn.btn-color {
  color: rgb(var(--oc-1-sc)) !important;
  background: rgb(var(--oc-1)) !important;
}
.header-bc {
  padding: 0 10px 10px !important;
}
/* Mobile: no side padding on the header (edge-to-edge). The mobile header has
   no <header> element, so header-level rules must target .header-bc itself. */
html[class*=is-mobile] .header-bc {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.header-bc .hdr-logo-bc {
  padding: 8px 0;
}
.generic-search-btn,
.generic-search-close-btn {
  right: -10px;
}
.generic-search-btn::before,
.generic-search-close-btn::before {
  background-color: rgb(var(--gray-rgb)) !important;
}
.hdr-dynamic-content {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
  -webkit-padding-end: 0;
  padding-inline-end: 0;
  padding: 0 !important;
}
.hdr-dynamic-content .hm-row-bc {
  margin: 0 !important;
  position: relative;
  overflow: hidden;
}
.hdr-dynamic-content .e-p-close-icon-bc {
  color: rgb(var(--white-rgb));
  top: 4px !important;
}
.hdr-dynamic-content .informative-widget {
  margin: 0;
  padding: 0;
}
.hdr-dynamic-content .informative-widget .informative-widget-link {
  border: none;
  border-radius: 0;
  background: rgba(var(--gray-rgb), 1);
  color: rgb(var(--white-rgb));
  height: auto;
}
.hdr-dynamic-content .informative-widget .informative-widget-link .informative-widget-container {
  padding: 10px;
}
.hdr-dynamic-content .informative-widget .informative-widget-link .informative-widget-container span {
  color: rgb(var(--white-rgb));
}
.hdr-dynamic-content .informative-widget .informative-widget-link .informative-widget-container a {
  color: rgb(var(--red-rgb));
  font-weight: 700;
  text-decoration: underline;
}
/* Nav background is configurable in the CMS (Background group); a colour set
   in the custom CSS still wins. */
.nav-menu-container .nav-menu-sub .nav-menu-item.active {
  background: rgba(var(--hero), 1) !important;
}
.nav-menu-container.header-navigation:nth-child(2) .nav-menu-other > .nav-menu-item.active,
.nav-menu-container.header-navigation:nth-child(2) .nav-menu > li .nav-menu-item.active {
  color: #fff !important;
}
.hdr-user-bc .deposit-btn .btn {
  background: var(--yellow-rgb);
  color: var(--black-rgb);
}
.hdr-user-bc .deposit-btn .btn:hover {
  background: var(--yellow-hover-rgb);
}
.hdr-user-info-texts-bc.ext-2 {
  color: var(--yellow-rgb) !important;
}
@media screen and (max-width: 1366px) {
  .deposit-btn i {
    display: none !important;
  }
  .deposit-btn b {
    display: inline !important;
  }
  .deposit-btn a > span {
    max-width: 200px !important;
  }
}
.header-custom-buttons i.bc-i-circle-dollar {
  display: none;
}
.header-custom-buttons i.bc-i-circle-dollar + span {
  -webkit-margin-start: 0 !important;
  margin-inline-start: 0 !important;
}
.crypto-currency-data {
  opacity: 0 !important;
  pointer-events: none;
  overflow: hidden;
  width: 0px;
  height: 0px;
}
.crypto-currency-data i,
.crypto-currency-data .crypto-currency-info {
  color: rgba(var(--header-sc-rgb), 0.8) !important;
}
.crypto-wallet-switcher-container {
  display: none !important;
}
.layout-bc:not(.page-full-size) .layout-content-holder-bc,
.layout-bc:not(.page-full-size) .layout-footer-holder-bc {
  /* Only side padding: keep the framework's padding-top, which reserves space
     for the fixed mobile header (main section + navigation + header info). */
  padding-left: 10px !important;
  padding-right: 10px !important;
  max-width: 1920px !important;
}
/* Desktop: header is not fixed, so no top offset is needed. */
html[class*=is-web] .layout-content-holder-bc {
  padding-top: 0 !important;
}
/* Mobile: full-bleed content (remove the page side gap). */
html[class*=is-mobile] .layout-bc:not(.page-full-size) .layout-content-holder-bc,
html[class*=is-mobile] .layout-bc:not(.page-full-size) .layout-footer-holder-bc {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.product-banner-without-titles .product-banner-icon-bc,
.product-banner-without-titles .product-banner-img-bc {
  width: 100%;
}
.product-banner-container-bc {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.sp-sub-list-bc.popular-matches,
.sp-sub-list-bc.upcoming-matches,
.sp-sub-list-bc.popular-competitions,
.sp-sub-list-bc.multiple-of-the-day,
.sp-sub-list-bc.favorite-team,
.sp-sub-list-bc.boosted-bets {
  background: linear-gradient(270deg, #408854, #acbd55) !important;
}
.sp-sub-list-bc.popular-matches .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.upcoming-matches .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.popular-competitions .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.multiple-of-the-day .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.favorite-team .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.boosted-bets .sp-s-l-h-title-content .sp-s-l-h-title-bc,
.sp-sub-list-bc.popular-matches .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.upcoming-matches .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.popular-competitions .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.multiple-of-the-day .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.favorite-team .sp-s-l-h-arrow-icon-bc,
.sp-sub-list-bc.boosted-bets .sp-s-l-h-arrow-icon-bc {
  color: #fff !important;
}
.sp-sub-list-bc.boosted-bets:not(.a-color) .sp-s-l-h-flag-bc {
  color: var(--yellow-rgb);
}
.sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-flag-bc,
.sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-title-bc,
.sp-sub-list-bc.all.selected .sp-s-l-head-bc .sp-s-l-h-arrow-icon-bc {
  color: var(--black-rgb) !important;
}
.sdr-item-bc:before {
  display: none;
}
.jackpot-banner .casinoJackpotLevelTitle-bc,
.jackpot-banner .casinoJackpotLevelPrice-bc {
  font-size: 24px;
  font-weight: 700;
}
.jackpot-banner .casinoJackpotLevelPrice-bc,
.jackpot-banner .casinoJackpotLevelInfo-bc {
  color: #fff !important;
}
.jackpot-banner .casinoJackpotWrapper-bc {
  background: url(/assets/jackpot-banner-bg-3f34a47f.png?v=522) no-repeat 0 0 / cover, radial-gradient(circle at 49% 48%, rgba(var(--hero), 0.4), rgba(var(--b-sc), 0) 100%) !important;
}
.jackpot-banner .casinoJackpotWrapper-bc:before {
  display: none;
}
.horizontalCategoryItemWrp {
  background: var(--header) !important;
}
.horizontalCategoryItemWrp:hover .horizontalCategoryItem:before,
.horizontalCategoryItemWrp.active .horizontalCategoryItem:before {
  background: var(--red) !important;
}
.horizontalCategoryItemWrp:hover i .horCatItemTitle,
.horizontalCategoryItemWrp.active i .horCatItemTitle,
.horizontalCategoryItemWrp:hover .horCatItemTitleWrp .horCatItemTitle,
.horizontalCategoryItemWrp.active .horCatItemTitleWrp .horCatItemTitle {
  color: #fff !important;
}
.accordion-button.badge-new:after,
.casino-game-item.badge-new:after,
.casino-game-tabs .horizontal-sl-tab-bc[data-badge].badge-new:after,
.casino-providers-list-item.badge-new:after,
.hdr-navigation-link-bc.badge-new:after,
.m-nav-collapsed-container-bc .app-nav-link.badge-new:after,
.m-nav-sab-container-r-row-bc > a.badge-new:after,
.nav-menu-item.badge-new:after,
.skill-games-p-r-c-name-bc.badge-new:after {
  color: #fff;
  background: #002c17;
}
.dep-w-info-bc .m-block-nav-items-bc {
  background: transparent !important;
}
.countdown-banner-content {
  top: initial !important;
  bottom: 45px;
}
.suPromotionsContainer {
  color: #fff;
}
.theme-white .suPromotionsContainer {
  color: #333;
}
.suPromotionsContainer .fs-16 {
  font-size: 16px;
}
.suPromotionsContainer .fw-700 {
  font-weight: 700;
}
.suPromotionsContainer .p {
  padding: 10px 0;
}
.suPromotionsContainer .suPromotionsAccordSystem {
  display: grid;
  gap: 12px;
}
.suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem {
  background: rgba(255, 255, 255, 0.05);
  color: #fff;
  line-height: 1.4em;
}
.theme-white .suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
}
.suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem a.suPromotionsButton {
  display: block;
  padding: 16px;
  font-weight: 800;
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: transparent;
  user-select: none;
  cursor: pointer;
  border: none;
  text-align: left;
}
.theme-white .suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem a.suPromotionsButton {
  color: #333;
}
.suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem .suPromotionsAccordItemContent {
  display: none;
  padding: 0 20px 20px;
}
.suPromotionsContainer .suPromotionsAccordSystem .suPromotionsAccordItem .suPromotionsAccordItemContent.suPromoItemShow {
  display: block;
}
.ftr-copy-rights-bc a {
  color: rgb(var(--yellow-rgb));
}
.FooterLicenceCuracaoContainer img {
  max-width: 80px !important;
  max-height: 80px !important;
}
.sp-theme-item-bc.theme-default.dark {
  background: var(--black-rgb) !important;
}
.dynamic-info-loading .e-p-close-icon-bc,
.grecaptcha-badge {
  display: block !important;
}
.popup-holder-bc {
  background: rgba(var(--black-rgb), 0.7) !important;
}
.popup-holder-bc .entrance-popup-bc .e-p-header-bc {
  background: var(--green-rgb);
}
.popup-holder-bc .entrance-popup-bc .e-p-section-title-bc {
  color: #fff;
}
.popup-holder-bc .e-p-close-icon-bc {
  color: #fff;
}
.popup-holder-bc .congrats-block:before {
  background: transparent;
}
#root .authentication-popup .e-p-close-icon-bc {
  color: var(--white-rgb) !important;
}
.authentication-popup .authentication-popup-title {
  color: var(--white-rgb);
}
.authentication-popup .authentication-popup-description {
  color: rgba(var(--white-rgb), 0.7);
}
.authentication-popup .form-control-title-bc {
  color: rgba(var(--white-rgb), 0.4);
}
.authentication-popup .form-control-select-bc {
  color: rgba(var(--white-rgb), 0.9);
  background: rgba(var(--white-rgb), 0.15);
}
.authentication-popup .checkbox-control-icon-bc {
  background: rgba(var(--white-rgb), 0.2);
}
.authentication-popup .checkbox-control-text-bc {
  color: rgba(var(--white-rgb), 0.7);
}
.authentication-popup .authentication-text {
  color: var(--white-rgb);
  border-top: 1px solid rgba(var(--white-rgb), 0.05);
}
.authentication-popup .form-control-label-bc input {
  color: var(--white-rgb) !important;
  background: rgba(var(--white-rgb), 0.15) !important;
}
.authentication-popup .form-control-message-bc {
  color: var(--white-rgb);
  background: rgba(var(--oc-3-rgb), 0.5);
}
.authentication-popup .form-control-icon-bc {
  color: var(--white-rgb);
}
.authentication-popup .entrance-form-action-item-bc .btn {
  max-width: 100%;
}
.casinoJackpotWrapper-bc {
  background: rgba(var(--white-rgb), 0.1);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(var(--white-rgb), 0.1);
}
.center-bottom-btn .bc-i-double-arrow-top {
  color: #fff !important;
}
.casino-select-provider-button-block-bc .accordion-items .accordion-items-resize,
.live-casino-block .accordion-items .accordion-items-resize {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  display: grid;
  gap: 6px;
}
.casino-select-provider-button-block-bc .accordion-items .accordion-button,
.live-casino-block .accordion-items .accordion-button {
  flex: 1 !important;
  max-width: initial !important;
  min-width: 140px !important;
  width: 100% !important;
  margin: 0 !important;
  border: 1px solid transparent !important;
}
.casino-select-provider-button-block-bc .accordion-items .accordion-button:hover,
.live-casino-block .accordion-items .accordion-button:hover,
.casino-select-provider-button-block-bc .accordion-items .accordion-button.a-outline,
.live-casino-block .accordion-items .accordion-button.a-outline {
  box-shadow: none !important;
  border-color: var(--b-sc) !important;
}
.casino-select-provider-button-block-bc .accordion-items .accordion-button span,
.live-casino-block .accordion-items .accordion-button span {
  white-space: break-spaces;
}
.payment-info-bc .BonusAl + .withdraw-form-l-bc button.btn:before {
  content: "Bonus Talep Et";
  display: inline;
}
.payment-info-bc .BonusAl + .withdraw-form-l-bc button.btn span {
  text-indent: -9999px;
}
.betBuilder-popup .bs-bet-i-b-amount-bc {
  color: var(--black) !important;
}
.sportBonusDetailsItemWrapper-bc .sportBonusDetails-content .sportBonusDetails-info .sportBonusDetails-Title li:last-child,
.sportBonusDetailsItemWrapper-bc .sportBonusDetails-content .sportBonusDetails-info .sportBonusDetails-Description li:last-child {
  display: flex;
}
.userProfileSection-0 > div:nth-child(odd):not(:first-child) {
  margin-inline-start: 0 !important;
}
.userProfileSection-0 .u-i-p-control-item-holder-bc:nth-child(4),
.userProfileSection-0 .u-i-p-control-item-holder-bc:nth-child(6),
.userProfileSection-0 .u-i-p-control-item-holder-bc:nth-child(7),
.userProfileSection-0 .u-i-p-control-item-holder-bc:nth-child(11) {
  display: none !important;
}
.advancedLoyaltyPointsWrapper .main-tabs-bc .tab-bc.active {
  color: var(--black);
}
.loyalty-program-level-card {
  padding: 10px 16px !important;
}
.loyalty-program-level-card.active .loyalty-program-level-card-vip,
.loyalty-program-level-card:hover .loyalty-program-level-card-vip {
  color: var(--black) !important;
}
.loyalty-program-level-card .loyalty-program-level-card-vip {
  color: #fff !important;
}
.loyalty-program-level-card .loyalty-program-level-card-img {
  margin-top: 0;
}
.loyalty-level-img {
  border-top-width: 0 !important;
}
.results-banner-bc:before {
  border-radius: 4px;
}
.results-banner-bc .results-banner-details-bc {
  color: #ffffff;
  background: rgba(var(--b-sc-rgb), 0.15);
  padding: 4px 8px;
  border-radius: 4px;
}
/* Homepage widget section titles: render the authored (Title Case) text
   instead of the mirror's default ALL-CAPS transform. */
.view-title-more,
.sliderTitle {
  text-transform: none !important;
}

/* === MOBILE HEADER: full-bleed (all header rows) === */
html[class*=is-mobile] .header-bc {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* === MOBILE PROMOTIONS: stack the list vertically (was a fixed 20-col desktop grid) === */
html[class*=is-mobile] .promotion-page .layout-content-holder-bc {
  width: auto !important;
  max-width: 100% !important;
}
html[class*=is-mobile] .promotionsList-bc {
  grid-template-columns: 1fr !important;
}
html[class*=is-mobile] .promotionsList-bc > *,
html[class*=is-mobile] .promotionsList-bc > *:nth-child(-n + 4) {
  grid-column: auto !important;
}

/* === HOMEPAGE SLIDER: show the full banner image (no top/bottom crop) ===
   The slider box is a fixed aspect-ratio (e.g. 384/97) while uploaded images
   often have a different ratio; object-fit:cover then crops top/bottom. Let the
   image define the height and fit it fully instead. */
.layout-content-holder-bc .hm-row-bc.has-slider .sdr-item-holder-bc {
  aspect-ratio: auto !important;
}
.layout-content-holder-bc .hm-row-bc.has-slider .sdr-image-bc {
  object-fit: contain !important;
  height: auto !important;
}

/* Promotions grid: let the base stylesheet lay the cards out (the old
   "span 5" override forced one card per row on the current build). */

/* Remove the empty banner skeleton rows on the home/lobby */
.skeleton-loader-banner-height { display: none !important; }
.hm-row-bc:has(.skeleton-loader-banner-height) { display: none !important; }

/* === MOBILE PROMOTIONS: restore the gap under the category bar ===
   The bar is locked to 66px but its item needs 10px (container top padding) + 60px,
   so the list below touched/overlapped it. Match the reference bar height (80px). */
html[class*=is-mobile] .promotion-page .horizontalList,
html[class*=is-mobile] .horizontalList:has(.promotion-horizontal-sl-list-bc) {
  height: 80px !important;
}

#root, :root, body, html.is-mobile, html.is-mobile body {
  --b: 18, 18, 18 !important;
  --b-rgb: 18, 18, 18 !important;
  --b-hover: 16, 16, 16 !important;
  --yellow: #FFE71D !important;
  --yellow-rgb: 255, 231, 29 !important;
  --green: #157B45 !important;
  --green-rgb: 21, 123, 69 !important;
  --black: #121212 !important;
  --black-rgb: 18, 18, 18 !important;
  --white: #fff !important;
  --red: #c51616 !important;
  --red-rgb: 197, 22, 22 !important;
  --gray: #222a34 !important;
  --gray-rgb: 34, 42, 52 !important;
  --brand: 22, 199, 46 !important;
  --secondary: 6, 169, 170 !important;
  --oc-2: 251, 192, 45 !important;
  --oc-3: 56, 81, 112 !important;
  --odd-up: 22, 199, 46 !important;
  --odd-down: 56, 81, 112 !important;
  --header: 10, 26, 44 !important;
  --menu: 10, 26, 44 !important;
  --tab-navigation: #E3E3ED !important;
  --tab-navigation-rgb: 227, 227, 237 !important;
  --hero-sc: 255, 255, 255 !important;
}

#root, :root, body, html.is-mobile, html.is-mobile body {
  --hero: 56, 81, 112 !important;
  --hero-hover: 56, 81, 112 !important;
  --hero-sc: 255, 255, 255 !important;
  --oc-1: 56, 81, 112 !important;
  --oc-1-hover: 56, 81, 112 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --accent: 56, 81, 112 !important;
  --accent-hover: 56, 81, 112 !important;
  --accent-sc: 255, 255, 255 !important;
}

/* profile panel scrollbar: transparent, no white track */
.u-i-profile-page-content,.u-i-profile-page-content *{scrollbar-color:rgba(255,255,255,.2) transparent;}
.u-i-profile-page-content::-webkit-scrollbar,.u-i-profile-page-content *::-webkit-scrollbar{width:6px;height:6px;}
.u-i-profile-page-content::-webkit-scrollbar-track,.u-i-profile-page-content *::-webkit-scrollbar-track,
.u-i-profile-page-content::-webkit-scrollbar-corner,.u-i-profile-page-content *::-webkit-scrollbar-corner{background:transparent!important;}
.u-i-profile-page-content::-webkit-scrollbar-thumb,.u-i-profile-page-content *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:3px;}

/* not-verified red glow removed */
.user-not-verified,
.avatarHolderImg.user-not-verified,
.hdr-user-avatar-icon-bc.user-not-verified,
.account-verified-edit-icon.bc-i-not-verified,
.bc-i-not-verified{text-shadow:none!important;box-shadow:none!important;filter:none!important;}
.account-verified-button,.account-verified-button:hover,.account-verified-button:focus,.account-verified-button:active{box-shadow:none!important;}

/* header bonus balance -> white */
.hdr-user-info-content-bc.bonus-available .hdr-user-info-texts-bc.ext-2{color:#fff!important;}

/* bv-jackpot-bg: /assets/images/jackpot-bg.png was cached as 404 at the CDN */
.casino-jackpot-widget.casino-jackpot-widget--widget{background-image:url(/assets/images/jackpot-bg.png?bvjk=2) !important;}

/* bv-promogap: restore the gap under the promotions category bar (was clipped to 66px) */
html[class*=is-mobile] .promotion-page .horizontalList,
html[class*=is-mobile] .horizontalList:has(.promotion-horizontal-sl-list-bc){height:80px !important;max-height:80px !important;}

/* --- mobile bottom navigation: native CSS composes rgba(var(--tab-navigation),.9),
   so the variable must be an "R, G, B" triplet. A per-site hex value made it
   invalid and left the bottom nav fully transparent. --- */
:root, html, body, #root.layout-bc, html.is-mobile {
    --tab-navigation: 25, 25, 25 !important;
    --tab-navigation-rgb: 25, 25, 25 !important;
}

/* --- promotion-detail modal (web): keep the reference 2-column grid, but let
   the details box own the scroll inside the flex column (otherwise the modal
   grows/clips instead of scrolling). --- */
#root .popup-inner-bc:has(> .promotion-details-container) {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}
#root .popup-inner-bc:has(> .promotion-details-container) > .promotion-details-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

/* --- mobile header: keep the native compact single row --- */
@media (max-width: 767px) {    /* overlay-sliding pages (profile, promotions, bonus journey, ...): the
       wrapper height is calc(100% - header-height) and the custom CSS
       height:100% chains leave the inner scroller with no real height, so the
       content can't scroll. Give the overlay the full viewport + a working
       vertical scroll area. */
    #root .overlay-sliding-wrapper-bc {
        height: 100dvh !important;
        top: 0 !important;
        bottom: 0 !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc {
        height: 100% !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
    }

    #root.layout-bc .header-bc .hdr-main-content-bc {
        box-sizing: border-box !important;
        width: 100% !important; height: 49px !important; min-height: 0 !important;
        padding: 0 var(--padding-page-aside) !important;
        margin: 0 !important; flex-wrap: nowrap !important;
        justify-content: flex-start !important; gap: 0 !important;
    }
    #root.layout-bc .header-bc .logo-container {
        flex: 1 1 auto !important; min-width: 0 !important;
        justify-content: flex-start !important; height: auto !important; margin-inline-end: 8px !important;
    }
    #root.layout-bc .header-bc .hdr-logo-bc,
    #root.layout-bc .header-bc .logo {
        width: auto !important; height: 32px !important; max-height: 32px !important; object-fit: contain !important;
    }
    #root.layout-bc .header-bc .hdr-user-bc {
        flex: 0 0 auto !important; min-width: 0 !important;
        flex-wrap: nowrap !important; justify-content: flex-end !important;
        margin: 0 !important; margin-inline-start: auto !important; gap: 6px !important;
    }
    #root.layout-bc .header-bc .hdr-user-bc > * { margin: 0 !important; }

    /* popups / modals (promotions, etc.): always allow the content to scroll
       on mobile — the inner box was overflow:hidden with no scroll area. */
    #root .popup-holder-bc .popup-middleware-bc,
    #root .popup-holder-bc .popup-inner-bc {
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
    }
    #root .popup-holder-bc .popup-inner-bc > * { max-height: none !important; overflow: visible !important; }

    /* promotion-detail overlay (mobile): the REAL DOM is
       .overlay-sliding-wrapper-bc.promotion-details-popup >
       .overlay-sliding-w-c-content-slider-bc > .promotion-details-container
       The custom CSS keeps a desktop 2-col grid + height:auto inside a flex
       column, so nothing overflows the scroller. Force single column and give
       the slider a real, tappable scroll area. */
    #root .overlay-sliding-wrapper-bc.promotion-details-popup,
    #root .overlay-sliding-wrapper-bc:has(.promotion-details-container) {
        height: 100dvh !important;
        top: 0 !important;
        bottom: auto !important;
        background: rgba(var(--b), 1) !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc:has(.promotion-details-container) {
        height: 100% !important;
        max-height: 100dvh !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        overscroll-behavior: contain !important;
    }
    #root .overlay-sliding-w-c-content-slider-bc:has(.promotion-details-container) .promotion-details-container {
        display: block !important;
        grid-template-columns: none !important;
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        flex: 0 0 auto !important;
        padding: 12px !important;
    }
    #root .overlay-sliding-wrapper-bc .promotion-details-header { position: static !important; }
    #root .overlay-sliding-wrapper-bc .promotion-details-info,
    #root .overlay-sliding-wrapper-bc .promotion-details-info .promotion-details-info {
        height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important;
    }
    #root .overlay-sliding-wrapper-bc .spoiler-content { max-height: none !important; overflow: visible !important; }

    /* Header flows with the page on mobile so the content is never hidden
       behind the fixed header (the fixed box was only 49px tall while its
       children extended to ~129px, leaving the first content rows covered). */
    #root.layout-bc .header-bc {
        position: static !important; top: auto !important; left: auto !important;
        height: auto !important; padding-top: max(8px, env(safe-area-inset-top)) !important;
    }
    #root.layout-bc .layout-header-holder-bc { height: auto !important; min-height: 0 !important; }
    #root.layout-bc .layout-content-holder-bc { padding-top: 0 !important; }

    /* mobile slide-out menu: restore the 2-column card grid (a stray global
       .m-block-nav-items-bc grid rule used to scatter/overlap the items) */
    .m-nav-info-w-container-bc .m-block-nav-items-bc,
    #root .m-nav-info-w-container-bc .m-block-nav-items-bc {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 8px !important;
    }
    .m-nav-info-w-container-bc .m-block-nav-items-bc > .menu-group-title,
    #root .m-nav-info-w-container-bc .m-block-nav-items-bc > .menu-group-title {
        grid-column: 1 / -1 !important;
    }
    .m-nav-info-w-container-bc .app-nav-arrow-block-bc,
    #root .m-nav-info-w-container-bc .app-nav-arrow-block-bc {
        width: auto !important; min-width: 0 !important; margin: 0 !important;
    }
    .m-nav-info-w-container-bc .app-nav-link,
    #root .m-nav-info-w-container-bc .app-nav-link { display: block !important; width: 100% !important; }
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc {
        height: 56px !important; min-height: 0 !important; width: 100% !important;
        flex-direction: row !important; align-items: center !important;
    }
    /* match the reference card look: plain surface (not the per-site red
       radial gradient loaded from custom.css) and tighter height */
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc {
        background: #1b1b1d !important;
        border: 1px solid rgba(255,255,255,.06) !important;
        border-radius: 8px !important;
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
        padding: 0 10px !important;
    }
    .m-nav-info-w-container-bc .m-nav-list-item-title-bc,
    #root .m-nav-info-w-container-bc .m-nav-list-item-title-bc {
        text-transform: none !important; letter-spacing: 0 !important;
    }
    .m-nav-info-w-container-bc .nav-ico-w-row-bc,
    #root .m-nav-info-w-container-bc .nav-ico-w-row-bc {
        width: auto !important; height: auto !important; flex: 0 0 auto !important;
        padding: 0 !important; margin: 0 10px 0 0 !important;
        justify-content: flex-start !important; align-items: center !important; z-index: auto !important;
    }
    .m-nav-info-w-container-bc .nav-ico-w-row-bc svg,
    #root .m-nav-info-w-container-bc .nav-ico-w-row-bc svg { width: 22px !important; height: 22px !important; }
    .m-nav-info-w-container-bc .m-nav-items-list-item-bc .m-nav-list-item-title-bc,
    #root .m-nav-info-w-container-bc .m-nav-items-list-item-bc .m-nav-list-item-title-bc {
        flex: 1 1 auto !important; min-width: 0 !important; width: auto !important;
        writing-mode: horizontal-tb !important; text-align: left !important;
        white-space: normal !important; overflow: hidden !important; text-overflow: ellipsis !important;
    }
}

/* --- footer: let the licence seal render at its real size --- */
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl:has(.anj-container) {
    height: auto !important; min-height: 0 !important;
}
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .sliderSingleEl:has(.anj-container) > .sliderImage {
    height: auto !important; min-height: 0 !important;
}
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer,
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer > div,
#root.layout-bc > .layout-footer-holder-bc .footerWrapper .footerContainer .FooterLicenceCuracaoContainer a {
    width: 96px !important; height: 96px !important; max-width: 96px !important; min-width: 96px !important; max-height: none !important;
}