/* Elexus theme mirror for ruyabet — 1790242452 */

body {
  background: #121722 !important;
}

:root {
  --hero: 55, 165, 78 !important;
  --hero-sc: 0, 2, 5 !important;
  --hero-hover: 42, 126, 59 !important;
  --brand: 22, 199, 46 !important;
  --brand-sc: 0, 2, 5 !important;
  --brand-hover: 16, 153, 35 !important;
  --secondary: 6, 169, 170 !important;
  --secondary-sc: 0, 2, 5 !important;
  --secondary-hover: 4, 120, 120 !important;
  --accent: 55, 165, 78 !important;
  --accent-sc: 0, 2, 5 !important;
  --accent-hover: 42, 126, 59 !important;
  --oc-1: 16, 145, 33 !important;
  --oc-1-sc: 255, 255, 255 !important;
  --oc-1-hover: 21, 190, 43 !important;
  --oc-2: 55, 165, 78 !important;
  --oc-2-sc: 0, 2, 5 !important;
  --oc-2-hover: 42, 126, 59 !important;
  --oc-3: 255, 52, 73 !important;
  --oc-3-sc: 255, 255, 255 !important;
  --b: 18, 23, 34 !important;
  --b-sc: 255, 255, 255 !important;
  --b-hover: 28, 35, 54 !important;
  --header: 18, 23, 34 !important;
  --header-sc: 255, 255, 255 !important;
  --header-hover: 28, 35, 54 !important;
  --menu: 18, 23, 34 !important;
  --menu-sc: 255, 255, 255 !important;
  --menu-hover: 28, 35, 54 !important;
  --tab-navigation: 0, 12, 36 !important;
  --tab-navigation-sc: 255, 255, 255 !important;
  --tab-navigation-hover: 66, 201, 94 !important;
  --odd-up: 22, 199, 46 !important;
  --odd-down: 255, 52, 73 !important;
  --custom-menu-bg-color: 18, 23, 34 !important;
  --custom-menu-hover-bg-color: 28, 35, 54 !important;
}

/* header / nav */
.hdr-main-content-bc,
.header-bc,
.hdr-navigation-scroll-bc,
.layout-header-holder-bc {
  background: rgb(18, 23, 34) !important;
}

/* primary buttons / hero accents -> elexus green */
.btn-primary-bc,
button.sign-in,
.hdr-user-bc .btn,
a.register-bc,
.button-primary {
  background: rgb(55, 165, 78) !important;
  border-color: rgb(55, 165, 78) !important;
  color: #000205 !important;
}
.btn-primary-bc:hover,
button.sign-in:hover {
  background: rgb(42, 126, 59) !important;
}

/* odd colors */
.odd-up, .price-up { color: rgb(22, 199, 46) !important; }
.odd-down, .price-down { color: rgb(255, 52, 73) !important; }

/* remove old eurobet red accents */
.informative-widget-container strong u:nth-of-type(1) {
  text-decoration: none !important;
  color: #ffffff !important;
  border-bottom: 3px solid #37A54E !important;
  padding-bottom: 1px;
}
.informative-widget-link {
  border-top: 2px solid #37A54E !important;
}

.layout-footer-holder-bc {
  background: transparent !important;
}
.product-banner-info-bc::before,
.sdr-item-bc::before {
  background: transparent !important;
}

/* logo sizing */
.hdr-logo-bc img,
.logo-bc img,
img[src*="logo"] {
  max-height: 48px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* slider / hero area polish */
.hm-row-bc,
.homepage-bc,
.layout-content-holder-bc {
  background: #121722 !important;
}

/* scrollbars subtle */
::-webkit-scrollbar-thumb {
  background: rgba(55, 165, 78, 0.55) !important;
}

/* Elexus homepage background — 1790243470 */
.layout-bc.is-home-page {
  background-image: url("/storage/medias/ext_img/7c9915484f519932b23e51b9364bac93.jpg?v=1790243470") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
.layout-content-holder-bc,
.homepage-bc,
.hm-row-bc {
  background-color: transparent !important;
}
/* keep slider area clean like elexus */
.product-banner-info-bc::before,
.sdr-item-bc::before {
  background: transparent !important;
}

/* Elexus full home 1:1 1790245535 */
body.is-elx-home .layout-content-holder-bc > *:not(#elxHomeRoot):not(script):not(style):not(link) {
  display: none !important;
}
body.is-elx-home #elxHomeRoot { display:block !important; width:100%; }
body.is-elx-home .casinoJackpotWrapper-bc { display:none !important; }

/* carousel */
#elxHomeRoot #homeMainCarouselDesktop,
#elxHomeRoot #homeMainCarouselMobile { position:relative; width:100%; }
#elxHomeRoot .carousel-viewport { overflow:hidden !important; width:100% !important; }
#elxHomeRoot .carousel-container { display:flex !important; width:100% !important; will-change:transform; }
#elxHomeRoot .carousel-slide { flex:0 0 100% !important; max-width:100% !important; width:100% !important; box-sizing:border-box; }
#elxHomeRoot .sdr-image-bc { width:100% !important; height:auto !important; display:block !important; object-fit:cover; }
#elxHomeRoot .carousel-arrow-left, #elxHomeRoot .carousel-arrow-right {
  position:absolute; top:50%; transform:translateY(-50%); z-index:5;
}
#elxHomeRoot .carousel-arrow-left { left:8px; }
#elxHomeRoot .carousel-arrow-right { right:8px; }
#elxHomeRoot .carousel-count-arrow { position:absolute; right:16px; bottom:12px; z-index:5; }

@media (max-width: 991px) {
  #elxHomeRoot #homeMainSliderRow { margin:0 0 8px; }
  #elxHomeRoot .casino-bb-jackpot { margin:4px 0 8px; }
}

/* === elx 1to1 chrome 1790246801 === */
html.is-elx-home,
html.is-elx-home body,
html.is-elx-home #root,
html.is-elx-home .layout-bc {
  background: transparent !important;
}
#siteBgLayer.site-bg {
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}
#siteBgLayer .site-bg__media {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  filter: blur(2px) saturate(1.06) brightness(1.01) !important;
  transform: scale(1.015) !important;
  display: block !important;
}
#siteBgLayer .site-bg__glass {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(18,23,34,0.55) !important;
}
html.is-elx-home .layout-bc,
html.is-elx-home .layout-content-holder-bc,
html.is-elx-home .layout-header-holder-bc {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
}
html.is-elx-home.is-web .layout-bc.hasLeftMenu .asideMenuContent,
html.is-elx-home.is-web .layout-bc.hasLeftMenu .left-menu,
html.is-elx-home.is-web .left-sidebar {
  display: none !important;
}
html.is-elx-home.is-web .layout-content-holder-bc {
  margin-left: 0 !important;
}
html.is-elx-home.is-web .hdr-navigation-scroll-bc,
html.is-elx-home.is-web .nav-menu-container-bc {
  background: #1a3d28 !important;
}
html.is-elx-home.is-web .header-bc .btn.register {
  background: linear-gradient(#22a328, #42c95e) !important;
  color: #fff !important;
}
html.is-elx-home #elxHomeRoot .hm-row-bc,
html.is-elx-home .casino-bb-jackpot {
  background: transparent !important;
}
html.is-elx-home.is-mobile .tab-navigation-w-bc {
  background: #000c24 !important;
}

/* === elx nav+assets 1790247250 === */
#elxNavBar {
  display: block !important;
  width: 100% !important;
  background: #1a3d28 !important;
  z-index: 5 !important;
  position: relative !important;
}
#elxNavBar .nav-content-bc,
#elxNavBar .nav-menu-container {
  background: #1a3d28 !important;
}
#elxNavBar .nav-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 12px !important;
  list-style: none !important;
  overflow-x: auto !important;
}
#elxNavBar .nav-menu-item,
#elxNavBar a.nav-menu-item {
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 10px 12px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
}
#elxNavBar .nav-menu-item:hover {
  background: rgba(66,201,94,0.25) !important;
}
html.is-elx-home.is-web .hdr-user-bc a,
html.is-elx-home.is-web .hdr-user-bc button {
  /* hide all except sign-in/register */
}
html.is-elx-home.is-web .hdr-user-bc a:not(.sign-in):not(.register),
html.is-elx-home.is-web .hdr-user-bc button:not(.sign-in):not(.register),
html.is-elx-home.is-web .hdr-user-bc .btn:not(.sign-in):not(.register) {
  display: none !important;
}
html.is-elx-home .top-header-bc,
html.is-elx-home .hdr-top-bar,
html.is-elx-home a[href*='t.ly'],
html.is-elx-home .telegram-top {
  /* keep but de-emphasize ruyabet top brand if present */
}
html.is-mobile #elxNavBar { display: none !important; }

/* === elx nav pin 1790247476 === */
#elxNavBar {
  display: block !important;
  width: 100% !important;
  max-height: 48px !important;
  overflow: hidden !important;
  background: #1a3d28 !important;
  z-index: 40 !important;
  position: relative !important;
}
#elxNavBar .nav-content-bc,
#elxNavBar .nav-content-menu,
#elxNavBar .nav-menu-container {
  background: #1a3d28 !important;
  max-height: 48px !important;
  overflow: hidden !important;
}
#elxNavBar .nav-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 8px !important;
  list-style: none !important;
  overflow-x: auto !important;
  max-height: 48px !important;
}
#elxNavBar .nav-menu > li {
  display: inline-flex !important;
  flex: 0 0 auto !important;
}
#elxNavBar .nav-menu-item,
#elxNavBar a.nav-menu-item {
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 12px 10px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  font-size: 12px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
}
#elxNavBar .daha-menu-dropdown { display: none !important; }
html.is-mobile #elxNavBar { display: none !important; }
html.is-elx-home.is-web .layout-header-holder-bc {
  display: flex !important;
  flex-direction: column !important;
}

/* === elx final polish 1790247631 === */
html.is-elx-home .top-s-header-bc,
html.is-elx-home .hdr-top-content,
html.is-elx-home .announcement-bc,
html.is-elx-home .layout-header-holder-bc > a[href*='t.ly'],
html.is-elx-home .hdr-main-content-bc a[href*='t.ly'] {
  display: none !important;
}
html.is-elx-home.is-web .hamburger-button,
html.is-elx-home.is-web .hdr-hamburger,
html.is-elx-home.is-web button.menu-button {
  display: none !important;
}
#elxNavBar {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  background: #1a3d28 !important;
  z-index: 40 !important;
  position: relative !important;
  flex: 0 0 40px !important;
}

/* === elx zfix 1790247766 === */
#siteBgLayer.site-bg {
  z-index: 0 !important;
  pointer-events: none !important;
}
html.is-elx-home #root,
html.is-elx-home .layout-bc,
html.is-elx-home .layout-header-holder-bc,
html.is-elx-home .layout-content-holder-bc,
html.is-elx-home #elxHomeRoot {
  position: relative !important;
  z-index: 2 !important;
}
html.is-elx-home .layout-header-holder-bc {
  z-index: 5 !important;
}

/* === elx chrome gaps 1790248321 === */

/* Top telegram/ruyabet informative carousel — Elexus has none */
html.is-elx-home .hdr-dynamic-content,
html.is-elx-home .hdr-dynamic-content .hm-row-bc,
html.is-elx-home .hdr-dynamic-content .informative-widget,
html.is-elx-home .hdr-dynamic-content .carouselWrapper {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Desktop: no burger / left rail / WA header icon */
html.is-elx-home.is-web #asideMenuBurger,
html.is-elx-home.is-web .asideMenuBurger,
html.is-elx-home.is-web .asideMenuContent,
html.is-elx-home.is-web .asideMenuCompact,
html.is-elx-home.is-web .asideMenu,
html.is-elx-home.is-web a.header-icon,
html.is-elx-home.is-web .logo-container > a.header-icon,
html.is-elx-home.is-web .header-custom-buttons,
html.is-elx-home.is-web .generic-search-btn {
  display: none !important;
}
html.is-elx-home.is-web .layout-bc.hasLeftMenu {
  grid-template-columns: minmax(0, 1fr) !important;
}
html.is-elx-home.is-web .layout-content-holder-bc {
  margin-left: 0 !important;
  width: 100% !important;
}

/* Mobile: hide Eurobet quick icons (bonus/promo/vip/tv) */
html.is-elx-home.is-mobile .hdr-user-bc > a.user-nav-icon,
html.is-elx-home.is-mobile .hdr-user-bc a.bc-i-promotions-3,
html.is-elx-home.is-mobile .hdr-user-bc a.bc-i-promotions,
html.is-elx-home.is-mobile .hdr-user-bc a.bc-i-Vip,
html.is-elx-home.is-mobile .hdr-user-bc a.bc-i-tv,
html.is-elx-home.is-mobile .header-custom-buttons,
html.is-elx-home.is-mobile a.header-icon {
  display: none !important;
}

/* Mobile badge nav → Elexus green strip look */
html.is-elx-home.is-mobile .hdr-navigation-scrollable-bc-holder,
html.is-elx-home.is-mobile .hdr-navigation-scrollable-bc {
  background: #1a3d28 !important;
}
html.is-elx-home.is-mobile .hdr-navigation-link-bc {
  color: #fff !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
}
html.is-elx-home.is-mobile .hdr-navigation-link-bc::before,
html.is-elx-home.is-mobile .hdr-navigation-link-bc::after,
html.is-elx-home.is-mobile [data-badge]::before,
html.is-elx-home.is-mobile [data-badge]::after,
html.is-elx-home.is-mobile .badge-hot::before,
html.is-elx-home.is-mobile .badge-jackpot::before,
html.is-elx-home.is-mobile .badge-top::before,
html.is-elx-home.is-mobile .badge-exclusive::before,
html.is-elx-home.is-mobile .badge-new::before {
  display: none !important;
  content: none !important;
}

/* Nav bar pin (desktop) */
#elxNavBar {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  max-height: 40px !important;
  overflow: hidden !important;
  background: #1a3d28 !important;
  z-index: 40 !important;
}
html.is-mobile #elxNavBar { display: none !important; }

/* z-index safety */
#siteBgLayer { z-index: 0 !important; pointer-events: none !important; }
html.is-elx-home #root,
html.is-elx-home .layout-bc,
html.is-elx-home .layout-content-holder-bc {
  position: relative !important;
  z-index: 2 !important;
}
html.is-elx-home .layout-header-holder-bc {
  position: relative !important;
  z-index: 5 !important;
  background: #121722 !important;
}

/* === elx width fix 1790249048 === */
html.is-elx-home,
html.is-elx-home body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}
html.is-elx-home.is-web .layout-bc,
html.is-elx-home.is-web .layout-bc.hasLeftMenu,
html.is-elx-home.is-web #root.layout-bc,
html.is-elx-home.is-web #root {
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
}
html.is-elx-home.is-web .layout-header-holder-bc,
html.is-elx-home.is-web .layout-content-holder-bc,
html.is-elx-home.is-web .layout-footer-holder-bc,
html.is-elx-home.is-web .header-bc,
html.is-elx-home.is-web .hdr-main-content-bc {
  width: 100% !important;
  max-width: 100vw !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
html.is-elx-home.is-web .hdr-user-bc {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: auto !important;
  flex: 0 0 auto !important;
}
html.is-elx-home.is-web .hdr-user-bc .btn.sign-in,
html.is-elx-home.is-web .hdr-user-bc .btn.register {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: max-content !important;
}
html.is-elx-home.is-web #elxHomeRoot,
html.is-elx-home.is-web #elxHomeRoot .hm-row-bc {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}