/*header .custom-logo-link img {
  width: 105px!important;
}*/

.missions {
  display: none;
}

.first-btn {
  background: #583210!important;
  border-color: #583210!important;
  border-width: 2px!important;
}

.first-btn:hover {
  background: #74451c!important;
  border-color: #74451c!important;
}

.header-left-block img {
  filter: unset!important;
}

.header-bg-content {
  font-family: 'Inter', sans-serif;
}


@media screen and (min-width: 922px) {
  #secondary hr {
      width: unset!important;
  }
    #block-11 img, #block-12 img, #block-14 img, #block-15 img {
        filter: none!important;
    }
}

@media (max-width: 768px) {
  .header-bg {
            width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
  }
}


/* CUSTOM BOTTOM LANG */
.site-below-footer-wrap[data-section="section-below-footer-builder"] .cdl-builder-grid-row {
	align-items: flex-start;
}

@media (max-width: 768px) {
	.img-lang-container {
		justify-content: center!important;
	}
}

.img-lang-container {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: flex-end;
}

.lang-switch-container {
  position: relative;
  background: #583210!important;
  border-radius: 17px;
  height: max-content;
  display: flex;
  align-items: center;
  padding-right: 5px;
}

.lang-switch-container:hover {
  background: #74451c!important;
  cursor: pointer;
}

.lang-switch-container.active {
	border-radius: 17px 17px 0 0;
}

.lang-switch {
  background: none;
  font-size: 12px;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: 0;
  padding: 10px 5px 10px 10px;
  border: none;
  color: #fff;
}

.lang-switch:active,
.lang-switch:focus,
.lang-switch:hover {
  background: none !important;
  outline: none;
}

.lang-switch-container img {
  filter: invert(1);
  transition: transform 0.3s ease;
}


.lang-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #583210!important;
  border-radius: 0 0 17px 17px;
  margin: 5px 0 0 0;
  padding: 5px 0;
  list-style: none;
  min-width: 100%;
  z-index: 100;
}

.lang-dropdown li {
  padding: 5px 10px;
  text-align: left;
}

.lang-dropdown li a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  display: block;
	font-weight: 700;
}


.lang-switch-container.active .lang-dropdown {
  display: block;
}

.lang-switch-container.active img {
  transform: rotate(180deg);
}

@media (max-width: 768px) {
  .lang-dropdown {
    bottom: 100%;
    top: auto;
    border-radius: 17px 17px 0 0;
    margin: 0 0 5px 0;
  }
	.lang-switch-container.active {
	border-radius: 0 0 17px 17px;
}
	.lang-dropdown li {
		text-align: left;
	}
}
/* END CUSTOM BOTTOM LANG */

body {
  background: #100800!important;
}

.cdl-primary-header-bar {
  background: #100800!important;
}

.header-left-buttons {
  background: #ffffff1a!important;
  padding: 0!important;
  gap: 0!important;
}

.header-left-buttons div:first-child {
  padding: 6px 9px;
  background: #583210;
  border-radius: 1000px;
}

.header-left-buttons div:last-child {
  padding: 6px 9px;
}

.header-left-buttons div:first-child a span {
  color: #ffffff;
}

.header-left-buttons a img {
  width: 16px;
}

.header-left-buttons div:first-child a img {
  filter: invert(.9);
}

.header-left-buttons div:lcdl-child a:hover img {
  filter: invert(.9)!important;
}

.header-left-buttons div:lcdl-child a span {
  color: #939abf!important;
}

.header-left-buttons div:lcdl-child a:hover .header-left-text {
  color: #ffffff!important;
}

.register .second-btn {
  background: #ffeb33!important;
  border-color: #ffeb33!important;
  color: #000;
}

.register .second-btn:hover {
  background: #f6e65a!important;
}

.app-banner-button {
    background: #ffeb33!important;
    color: #000!important;
}

.app-banner-button:hover {
    background: #f6e65a!important;
    color: #000;
}

.app-banner {
  background: #211000!important;
}

.site-footer > div {
  background: #100800;
}

.cdl-mobile-popup-drawer.active .cdl-mobile-popup-inner {
  background: #100800!important;
}


@media (max-width: 544px) {
    .cdl-builder-menu-mobile .main-navigation .main-header-menu, .cdl-builder-menu-mobile .main-navigation .main-header-menu .menu-link, .cdl-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: transparent!important;
    }
}

.footer-contact img {
  filter: invert(100%) brightness(105%)!important;
  opacity: 0.8;
}

.footer-contact a:hover {
  color: #ffffffcc!important;
}

.bonus {
  background-color: #009900!important;
}

.social-icon-button {
  background: #583210!important;
}

.social-icons img {
  filter: invert(100%) brightness(105%);
  opacity: 0.8;
}

/*footer a.menu-link {
  color: #9fabe0!important;
}*/

/* Emotiva black-red theme override (colors + block spacing) */
body {
  background: #060e2a !important;
  background-attachment: fixed !important;
  color: #ffffff !important;
}

.site,
#content,
.cdl-container,
.entry-content,
.main-text,
.content-area {
  background: transparent !important;
  color: #ffffff !important;
}

header,
.header-container,
.offcanvas,
.offcanvas-content,
.header-menu-container {
  background: #000000 !important;
  border-color: #2a2a2a !important;
}

.header-menu a,
.switcher-title,
.switcher-left-title,
.login-button,
.register-button,
.header-search {
  color: #ffffff !important;
}

.register-button,
.app-banner-button,
.site-page__cta a,
.register-button-container a {
  background: #e53935 !important;
  border-color: #e53935 !important;
  color: #ffffff !important;
}

.register-button:hover,
.app-banner-button:hover,
.site-page__cta a:hover,
.register-button-container a:hover {
  background: #ff4b45 !important;
  border-color: #ff4b45 !important;
}


.header-bg-title {
  color: #ffffff !important;
}

.sidebar-main aside,
.sidebar-middle-container aside,
#block-17 {
  background: #121212 !important;
  border-color: #2a2a2a !important;
}

/* Tables: see assets/table.css (.table-container) */

/* App banner — transparent panel; gradient shows through */
.main-text .app-banner {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid rgba(58, 35, 28, 0.5) !important;
}

.main-text .app-banner-container .app-banner-button {
  text-transform: uppercase;
  border: 1px solid #e53935 !important;
}

.main-text .app-banner-container .app-banner-button:hover {
  border-color: #ff4b45 !important;
}

/* Sidebar palette close to reference */
#secondary,
.widget-area.secondary,
.sidebar-main {
  background: #161d37 !important;
}

.sidebar-middle-container aside,
#secondary #block-10,
#secondary #block-16 {
  background: #22100d !important;
  border: 1px solid #3a231c !important;
}

#secondary #block-9 {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Feature cards — semi-transparent so page gradient shows through; keep BG images */
.features-container .feature-card {
  border: 1px solid rgba(229, 57, 53, 0.35) !important;
  border-radius: 10px !important;
}

.features-container .feature-card::before {
  background: rgba(229, 57, 53, 0.28) !important;
}



.main-text .faq-container h2 {
  color: var(--cdl-global-color-5, #ffffff) !important;
}

.main-text .faq-item h3 {
  color: rgba(255, 255, 255, 0.94) !important;
}

.main-text .faq-item--open h3 {
  background-color: var(--cdl-global-color-1, #e44b43) !important;
  color: var(--cdl-global-color-5, #ffffff) !important;
}

.main-text .faq-item--open h3:hover,
.main-text .faq-item--open h3:focus {
  color: var(--cdl-global-color-5, #ffffff) !important;
}

.main-text .faq-item p {
  color: #d1d1d1 !important;
}

.main-text .app-banner-description,
.main-text .support-description,
.main-text .contact-description,
.main-text .copyright {
  color: rgba(255, 255, 255, 0.88) !important;
}


/* .updated-date — see assets/style.css */

/* Footer: layout/colors from assets/footer.css (ninecasino reference) */

/* Unified vertical spacing between major blocks */
.main-text > .header-bg,
.main-text > .header-bg-bottom,
.main-text > .payment-methods,
.main-text > .app-banner-container,
.main-text > .features-container,
.main-text > .faq-container,
.main-text > .table-container,
.main-text > .updated-date,
.main-text > .main-text {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.main-text > :first-child {
  margin-top: 0 !important;
}

.main-text > :last-child {
  margin-bottom: 0;
}
.main-text .updated-date p {
  margin-bottom: 0;
  display: inline-flex;
}