/* KuzgunBet — MarinaBet blue/white theme (global public override) */
:root {
  --kz-navy: #0b243c;
  --kz-navy-2: #081c30;
  --kz-navy-3: #0e2c48;
  --kz-cyan: #2ec7ff;
  --kz-cyan-2: #1496e6;
  --kz-cyan-3: #7adfff;
  --kz-cyan-deep: #0b6fad;
  --kz-white: #ffffff;
  --kz-ink: #021018;

  --bg-main: var(--kz-navy);
  --sea-blue: var(--kz-cyan);
  --sea-blue-2: var(--kz-cyan);
  --sea-blue-3: var(--kz-cyan-2);
  --home-accent: var(--kz-cyan);
  --brand-accent: var(--kz-cyan);
  --brand-accent-2: var(--kz-cyan-2);
  --gold: var(--kz-cyan);
  --gold-2: var(--kz-cyan-2);
}

/* Remap leftover gold accents sitewide (public) */
html body {
  --help-gold: var(--kz-cyan);
  --sd-accent: var(--kz-cyan);
}

/* Common gold hex leftovers via filter on known classes is fragile —
   primary surfaces already use --sea-blue. Force key interactive chrome. */
.btn-primary,
.btn-gold,
.kz-btn-primary,
a.bg-\\[\\#ffb800\\],
button.bg-\\[\\#ffb800\\] {
  background: linear-gradient(135deg, var(--kz-cyan), var(--kz-cyan-2)) !important;
  color: var(--kz-ink) !important;
}

/* Telegram / social float — was gold, now cyan */
.telegram-float,
.social-float,
.kz-telegram-tab,
a[aria-label*="Telegram"],
.telegram-side-tab {
  background: linear-gradient(180deg, #2ec7ff 0%, #1496e6 100%) !important;
  color: #fff !important;
  border-color: rgba(122, 223, 255, 0.55) !important;
}

/* Links / icons that still hardcode gold via utility-ish classes */
.text-amber-400, .hover\\:text-amber-400:hover,
.text-amber-300, .text-amber-500, .text-yellow-400, .text-yellow-500 {
  color: #2ec7ff !important;
}
.bg-amber-500, .bg-amber-400, .bg-yellow-500, .bg-yellow-400,
.bg-amber-500\\/20, .bg-amber-500\\/10, .bg-amber-500\\/30 {
  background-color: rgba(46, 199, 255, 0.18) !important;
}
.border-amber-500\\/20, .border-amber-500\\/30, .border-amber-500\\/25 {
  border-color: rgba(46, 199, 255, 0.35) !important;
}
.peer-checked\\:bg-amber-500:checked {
  background-color: #2ec7ff !important;
}
.focus\\:border-amber-500:focus,
.focus\\:ring-amber-500:focus {
  border-color: #2ec7ff !important;
  --tw-ring-color: rgba(46, 199, 255, 0.35) !important;
}

/* Selection + focus ring */
::selection { background: rgba(46, 199, 255, 0.35); color: #fff; }
:focus-visible { outline-color: #2ec7ff; }

/* Bottom nav / active tabs often gold */
.bottom-nav a.active,
.mobile-bottom-nav a.active,
.tab-active,
.is-active.sai-tab {
  color: #2ec7ff !important;
}


/* Social side tabs (Telegram) */
.site-social-side-tab {
  background: linear-gradient(180deg, #2ec7ff 0%, #1496e6 48%, #0b6fad 100%) !important;
  color: #fff !important;
  border-color: rgba(122, 223, 255, 0.35) !important;
}

/* Header auth / deposit accents */
.header-auth-guest__link,
.header-deposit-btn,
.btn-deposit,
a.header-cta {
  --tw-ring-color: rgba(46,199,255,.35);
}
.header-auth-guest__link {
  border-color: rgba(46,199,255,.45) !important;
  color: #fff !important;
}
.header-auth-guest__link:hover {
  background: rgba(46,199,255,.12) !important;
  color: #2ec7ff !important;
}

/* Mobile bottom nav active */
.mobile-bottom-nav__item.is-active,
.mobile-bottom-nav__item.is-active .mobile-bottom-nav__label,
.mobile-bottom-nav__item.is-active i,
.mobile-bottom-nav__item.is-active svg {
  color: #2ec7ff !important;
}

/* Live win ticker / marquee accents */
.live-win-ticker, .win-ticker__amount { color: #2ec7ff !important; }


/* Fix Tailwind arbitrary #2ec7ff utilities (compiled values were still gold) */
.bg-\[\#2ec7ff\] { background-color: #2ec7ff !important; }
.bg-\[\#2ec7ff\]\/10 { background-color: rgba(46,199,255,.10) !important; }
.bg-\[\#2ec7ff\]\/15 { background-color: rgba(46,199,255,.15) !important; }
.hover\:bg-\[\#2ec7ff\]\/15:hover { background-color: rgba(46,199,255,.15) !important; }
.text-\[\#2ec7ff\] { color: #2ec7ff !important; }
.text-\[\#2ec7ff\]\/80 { color: rgba(46,199,255,.8) !important; }
.border-\[\#2ec7ff\]\/15 { border-color: rgba(46,199,255,.15) !important; }
.border-\[\#2ec7ff\]\/20 { border-color: rgba(46,199,255,.20) !important; }
.border-\[\#2ec7ff\]\/25 { border-color: rgba(46,199,255,.25) !important; }
.border-\[\#2ec7ff\]\/50 { border-color: rgba(46,199,255,.50) !important; }
.focus\:border-\[\#2ec7ff\]\/60:focus { border-color: rgba(46,199,255,.60) !important; }
.from-\[\#2ec7ff\]\/20 { --tw-gradient-from: rgba(46,199,255,.20) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(46,199,255,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.from-\[\#2ec7ff\]\/25 { --tw-gradient-from: rgba(46,199,255,.25) var(--tw-gradient-from-position) !important; --tw-gradient-to: rgba(46,199,255,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.via-\[\#2ec7ff\]\/10 { --tw-gradient-to: rgba(46,199,255,0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), rgba(46,199,255,.10) var(--tw-gradient-via-position), var(--tw-gradient-to) !important; }
.to-\[\#2ec7ff\]\/5 { --tw-gradient-to: rgba(46,199,255,.05) var(--tw-gradient-to-position) !important; }


/* Solid single-color background everywhere (Marina) */
html, body {
  background: #041526 !important;
  background-image: none !important;
  background-attachment: scroll !important;
}
body::before, body::after {
  display: none !important;
  content: none !important;
  background: none !important;
}
.fixed.inset-0.bg-\[url\(\'\/assets\/hero-pattern\/background-effect\.webp\'\)\],
div.fixed.inset-0[class*="background-effect"],
.hero-pattern-bg,
[class*="background-effect"] {
  display: none !important;
  opacity: 0 !important;
  background: none !important;
  background-image: none !important;
}
main, .kz-marina-main-shift, footer, .site-footer, .home-portal--marina,
.kz-marina-footer, .kz-marina-providers, .kz-marina-payments {
  background-color: #041526;
  background-image: none;
}

.header-auth-guest__link--register {
  background: linear-gradient(180deg, #3ad0ff 0%, #2ec7ff 45%, #1496e6 100%) !important;
  border-color: rgba(122,223,255,.7) !important;
  color: #ffffff !important;
}
.header-auth-guest__link--login {
  background: rgba(8, 28, 48, 0.92) !important;
  color: #fff !important;
  border: 1px solid rgba(46,199,255,.55) !important;
}


/* ===== headerCyan1: logo + auth colors ===== */
.header-account__split {
  background: rgba(46, 199, 255, 0.55) !important;
  width: 1px !important;
  align-self: stretch !important;
  margin: 0.35rem 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

/* Marina-style split auth buttons — force over inline app styles */
nav .header-auth-guest,
.site-header-nav .header-auth-guest,
.header-auth-guest {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  gap: 0.45rem !important;
  height: auto !important;
  overflow: visible !important;
}

nav .header-auth-guest__link,
.header-auth-guest__link {
  border-radius: 0.55rem !important;
  border: 1px solid rgba(46, 199, 255, 0.55) !important;
  background: rgba(8, 28, 48, 0.95) !important;
  color: #ffffff !important;
  padding: 0 0.9rem !important;
  height: 2.35rem !important;
  min-height: 2.35rem !important;
  box-shadow: none !important;
}

nav .header-auth-guest__link--login,
.header-auth-guest__link--login {
  background: rgba(8, 28, 48, 0.95) !important;
  color: #ffffff !important;
  border: 1px solid rgba(46, 199, 255, 0.55) !important;
}

nav a.header-auth-guest__link--register,
nav .header-auth-guest__link--register,
.header-auth-guest__link--register,
.header-auth-guest a[href*="register"],
.header-auth-guest a[href*="kayit"] {
  background: linear-gradient(180deg, #3ad0ff 0%, #2ec7ff 45%, #1496e6 100%) !important;
  border: 1px solid rgba(122, 223, 255, 0.75) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

nav .header-auth-guest__link:hover,
.header-auth-guest__link:hover {
  filter: brightness(1.06);
}

/* hide gold split look — keep thin cyan OR remove for separate buttons */
nav .header-auth-guest .header-account__split,
.header-auth-guest .header-account__split {
  display: none !important;
}

/* logo cyan drop shadow (gold glow gone) */
.site-logo-img--header,
.site-logo-img--3d,
nav .site-logo-img--header {
  filter: drop-shadow(0 2px 6px rgba(46, 199, 255, 0.28)) !important;
}


/* ===== license1: VALID + legal text side-by-side, no duplicate GCB ===== */
.kz-marina-footer__regs-row--license {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 1rem !important;
  padding: 0.85rem 1rem !important;
  border-radius: 0.85rem !important;
  border: 1px solid rgba(46, 199, 255, 0.28) !important;
  background: linear-gradient(180deg, rgba(10, 30, 52, 0.95), rgba(4, 21, 38, 0.98)) !important;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28) !important;
}
.kz-marina-footer__regs-row--license .kz-marina-footer__valid {
  flex: 0 0 auto !important;
  border-radius: 0.65rem !important;
  overflow: hidden !important;
  border: 1px solid rgba(46, 199, 255, 0.35) !important;
  background: #041526 !important;
}
.kz-marina-footer__regs-row--license .kz-marina-footer__valid img {
  width: 88px !important;
  height: 88px !important;
  object-fit: cover !important;
  display: block !important;
}
.kz-marina-footer__license-text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  padding-top: 0.15rem !important;
}
.kz-marina-footer__license-text p {
  margin: 0 !important;
  font-size: 0.68rem !important;
  line-height: 1.55 !important;
  color: rgba(210, 235, 255, 0.86) !important;
  text-align: left !important;
}
/* Hide legacy gold/GCB license chrome if cached */
.site-footer-license--3d .site-footer-license__badge,
.site-footer-license--3d .site-footer-license__row {
  display: none !important;
}
@media (max-width: 767px) {
  .kz-marina-footer__regs-row--license {
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
    padding: 0.75rem !important;
  }
  .kz-marina-footer__regs-row--license .kz-marina-footer__valid img {
    width: 72px !important;
    height: 72px !important;
  }
  .kz-marina-footer__license-text p {
    font-size: 0.6rem !important;
  }
}


/* ===== tickerCyan1: live win ticker gold -> cyan ===== */
.live-win-ticker--fixed {
  border-top-color: rgba(46, 199, 255, 0.18) !important;
}
.live-win-ticker--board .live-win-ticker__item + .live-win-ticker__item::before {
  background: linear-gradient(135deg, #b8f0ff 0%, #7adfff 28%, #2ec7ff 58%, #0b6fad 100%) !important;
  box-shadow: 0 1px 0 #04304d, inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.live-win-ticker__thumb {
  border-color: rgba(46, 199, 255, 0.35) !important;
}
.live-win-ticker--3d .live-win-ticker__thumb {
  box-shadow: 0 3px 6px rgba(0,0,0,.42), 0 0 7px rgba(46,199,255,.28) !important;
}
.live-win-ticker--3d .live-win-ticker__thumb::before {
  background: radial-gradient(circle at 50% 50%, transparent 57%, #074a75 58%, #2ec7ff 65%, #1496e6 71%, #b8f0ff 77%, #0b6fad 84%, #7adfff 90%, #04304d 96%, #3ad0ff 100%) !important;
  box-shadow: inset 0 2px 1px rgba(255,255,255,.42), inset 0 -3px 4px rgba(4,48,77,.48) !important;
}
.live-win-ticker--3d .live-win-ticker__bet {
  color: #7adfff !important;
  text-shadow: 0 1px 0 #04304d !important;
}
.live-win-ticker--board .live-win-ticker__win,
.live-win-ticker__win {
  color: #021018 !important;
  background: linear-gradient(180deg, #3ad0ff 0%, #2ec7ff 45%, #1496e6 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(122,223,255,.75), inset 0 1px 0 rgba(255,255,255,.28), 0 1px 0 #04304d !important;
  text-shadow: none !important;
}


/* ===== bgLift1: lighten page canvas one notch ===== */
:root {
  --kz-navy: #0b243c !important;
  --kz-navy-2: #081c30 !important;
  --kz-navy-3: #0e2c48 !important;
  --bg-main: #0b243c !important;
}
html,
body,
body.bg-black,
body.page-home,
body.page-payment,
.home-page,
main,
.kz-marina-main-shift {
  background: #0b243c !important;
  background-color: #0b243c !important;
}
body {
  background:
    radial-gradient(1200px 520px at 50% -8%, rgba(46,199,255,.10), transparent 55%),
    linear-gradient(180deg, #0b243c 0%, #0e2c48 42%, #123454 78%, #081c30 100%) !important;
}
.home-page {
  background: #0b243c !important;
}


/* ===== hdrCyan1: logged-in header account bar white/cyan (no gold) ===== */
nav .header-account,
.header-account {
  border: 1.5px solid #ffffff !important;
  background: rgba(8, 28, 48, 0.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(122, 223, 255, 0.14),
    0 2px 12px rgba(0, 0, 0, 0.28) !important;
}
nav .header-account__label,
.header-account__label {
  color: rgba(255, 255, 255, 0.55) !important;
}
nav #header-user-balance,
nav .header-account__value,
.header-account__value {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(46, 199, 255, 0.35) !important;
}
nav .header-account__deposit,
nav .header-account__deposit span,
.header-account__deposit,
.header-account__deposit span {
  color: #ffffff !important;
}
nav .header-account__name,
.header-account__name,
nav button.header-account__user,
.header-account button.header-account__user {
  color: #7bddf0 !important;
}
nav .header-account__wallet-icon,
.header-account__wallet-icon {
  color: #2ec7ff !important;
  border-color: rgba(46, 199, 255, 0.45) !important;
  background: #0b243c !important;
}
nav .header-account__split,
.header-account__split {
  display: block !important;
  background: rgba(46, 199, 255, 0.4) !important;
  width: 1px !important;
  opacity: 1 !important;
}
nav .header-account__chevron,
.header-account__chevron {
  color: rgba(255, 255, 255, 0.85) !important;
}
.header-account__wallet-icon .ui3d-icon,
.header-account__deposit .ui3d-icon {
  filter: saturate(1.05) brightness(1.05) !important;
}


/* ===== hdrWhite1: account bar frame white ===== */
nav .header-account,
.header-account {
  border: 1.5px solid #ffffff !important;
  background: rgba(8, 28, 48, 0.96) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.12),
    0 2px 12px rgba(0, 0, 0, 0.28) !important;
}
nav .header-account__label,
.header-account__label {
  color: rgba(255, 255, 255, 0.55) !important;
}
nav #header-user-balance,
nav .header-account__value,
.header-account__value {
  color: #ffffff !important;
  text-shadow: none !important;
}
nav .header-account__deposit,
nav .header-account__deposit span,
.header-account__deposit,
.header-account__deposit span {
  color: #ffffff !important;
}
nav .header-account__name,
.header-account__name,
nav button.header-account__user,
.header-account button.header-account__user {
  color: #ffffff !important;
}
nav .header-account__wallet-icon,
.header-account__wallet-icon {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  background: #0b243c !important;
}
nav .header-account__split,
.header-account__split {
  display: block !important;
  background: rgba(255, 255, 255, 0.35) !important;
  width: 1px !important;
  opacity: 1 !important;
}
nav .header-account__chevron,
.header-account__chevron {
  color: rgba(255, 255, 255, 0.9) !important;
}


/* ===== hdrWhite2 ===== */
html body nav .header-account,
html body .header-account {
  border: 1.5px solid #ffffff !important;
  border-color: #ffffff !important;
}

/* regWhite1 final — Kayıt Ol yazısı Giriş Yap gibi beyaz */
html body nav a.header-auth-guest__link--register,
html body nav .header-auth-guest__link--register,
html body .header-auth-guest__link--register,
html body .header-auth-guest a[href*="register"],
html body .header-auth-guest a[href*="kayit"] {
  color: #ffffff !important;
}

/* noRedPop1: remove red POPÜLER overlay (baked cyan label stays in art if any) */
.home-popular-card__badge,
.home-game-card__badge,
.game-grid-card--marina .home-popular-card__badge,
.game-grid-card--home-special .home-popular-card__badge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}