/* Unify canvas + chrome: marina navy #0b243c */
.snow-wrap,
#snowWrap,
.snowflake {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

:root {
    --bg-main: #0b243c;
    --bg-secondary: #102c48;
}

html,
body,
body.bg-black,
body.page-home,
body.page-payment,
body.has-mobile-bottom-nav {
    background: #0b243c !important;
    background-color: #0b243c !important;
    background-image: none !important;
}

.bg-black,
.bg-black\/60,
.bg-dark {
    background-color: #0b243c !important;
}

body > div.fixed.inset-0.pointer-events-none:not(#mobileSidebarOverlay) {
    display: none !important;
}

body > div.flex.min-h-screen,
body > div.flex.min-h-screen.bg-black\/60,
body.bg-black > div.flex.min-h-screen.relative {
    background-color: #0b243c !important;
    background-image: none !important;
}

nav.site-header-nav,
.site-header-nav,
#siteHeaderNav,
.navbar,
.topbar,
.header,
.header-area {
    background: #0b243c !important;
    background-color: #0b243c !important;
}

/* Sidebars — solid like PROFİLİM panel */
#desktopSidebar,
#mobileSidebar {
    background: #0b243c !important;
    background-color: #0b243c !important;
    background-image:
        radial-gradient(circle at top left, rgba(46, 199, 255, 0.1), transparent 34%),
        linear-gradient(180deg, #0b243c 0%, #12324f 38%, #102c48 100%) !important;
    isolation: isolate;
    opacity: 1 !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 10px 0 36px rgba(0, 0, 0, 0.48) !important;
}

#desktopSidebar > .absolute.inset-0,
#mobileSidebar > .absolute.inset-0 {
    display: none !important; /* remove noise/see-through layers */
}

/* Overlay behind open sidebar — same family as profile overlay */
#mobileSidebarOverlay {
    background: rgba(11, 36, 60, 0.78) !important;
    background-color: rgba(11, 36, 60, 0.78) !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    z-index: 10040 !important;
}

html.sidebar-open #mobileSidebar,
body.sidebar-open #mobileSidebar {
    z-index: 10050 !important;
}

footer,
.footer,
.site-footer,
.site-footer-license,
.site-footer-license__inner,
.site-footer-license__well {
    background: #0b243c !important;
    background-color: #0b243c !important;
    background-image: none !important;
}

.auth-minimal-body {
    background: #0b243c !important;
    background-color: #0b243c !important;
    background-image: none !important;
}

.auth-minimal-body::before {
    display: none !important;
}

main,
main.pt-14,
main.min-h-screen,
.home-page {
    background: transparent !important;
}

.profile-panel,
.profile-panel__inner,
.profile-panel--3d,
#profilePanel {
    background: #0b243c !important;
    background-color: #0b243c !important;
}

.glass-effect,
.glass-enhanced {
    background: linear-gradient(180deg, rgba(18, 50, 79, 0.92), rgba(11, 36, 60, 0.94)) !important;
}

.custom-scrollbar {
    scrollbar-color: #2ec7ff #0b243c !important;
}
.custom-scrollbar::-webkit-scrollbar {
    background: #0b243c !important;
}

.mobile-bottom-nav,
#mobileBottomNav,
nav.mobile-bottom-nav {
    background: #122f4c !important;
    background-color: #122f4c !important;
}

/* ACCOUNT SURFACES → marina navy */
/* Zinc charcoal cards on app pages → marina family (#0b243c / #12324f / #173a5c) */
.bg-zinc-900 {
    --tw-bg-opacity: 1 !important;
    background-color: #0b243c !important;
}
.bg-zinc-900\/30 { background-color: rgba(11, 36, 60, 0.30) !important; }
.bg-zinc-900\/40 { background-color: rgba(18, 50, 79, 0.55) !important; }
.bg-zinc-900\/50 { background-color: rgba(18, 50, 79, 0.72) !important; }
.bg-zinc-900\/60 { background-color: rgba(18, 50, 79, 0.82) !important; }

.bg-zinc-800 {
    --tw-bg-opacity: 1 !important;
    background-color: #173a5c !important;
}
.bg-zinc-800\/20 { background-color: rgba(23, 58, 92, 0.20) !important; }
.bg-zinc-800\/30 { background-color: rgba(23, 58, 92, 0.35) !important; }
.bg-zinc-800\/40 { background-color: rgba(23, 58, 92, 0.45) !important; }
.bg-zinc-800\/50 { background-color: rgba(23, 58, 92, 0.55) !important; }
.bg-zinc-800\/60 { background-color: rgba(23, 58, 92, 0.65) !important; }
.bg-zinc-800\/70 { background-color: rgba(23, 58, 92, 0.75) !important; }
.bg-zinc-800\/80 { background-color: rgba(23, 58, 92, 0.85) !important; }

.bg-zinc-700 {
    --tw-bg-opacity: 1 !important;
    background-color: #1f4a6e !important;
}
.bg-zinc-700\/50 { background-color: rgba(31, 74, 110, 0.55) !important; }
.bg-zinc-700\/70 { background-color: rgba(31, 74, 110, 0.70) !important; }

.bg-zinc-600 {
    --tw-bg-opacity: 1 !important;
    background-color: #2a5a82 !important;
}

.hover\:bg-zinc-600:hover { background-color: #2a5a82 !important; }
.hover\:bg-zinc-700:hover { background-color: #1f4a6e !important; }
.hover\:bg-zinc-700\/50:hover { background-color: rgba(31, 74, 110, 0.55) !important; }
.hover\:bg-zinc-700\/60:hover { background-color: rgba(31, 74, 110, 0.65) !important; }
.hover\:bg-zinc-800:hover { background-color: #173a5c !important; }
.hover\:bg-zinc-800\/30:hover { background-color: rgba(23, 58, 92, 0.40) !important; }
.hover\:bg-zinc-800\/40:hover { background-color: rgba(23, 58, 92, 0.50) !important; }
.hover\:bg-zinc-800\/50:hover { background-color: rgba(23, 58, 92, 0.60) !important; }
.hover\:bg-zinc-900\/40:hover { background-color: rgba(18, 50, 79, 0.55) !important; }

.border-zinc-600 { border-color: #2a5578 !important; }
.border-zinc-600\/30 { border-color: rgba(42, 85, 120, 0.35) !important; }
.border-zinc-600\/40 { border-color: rgba(42, 85, 120, 0.45) !important; }
.border-zinc-600\/50 { border-color: rgba(42, 85, 120, 0.55) !important; }
.border-zinc-700 { border-color: #2a5578 !important; }
.border-zinc-700\/30 { border-color: rgba(42, 85, 120, 0.35) !important; }
.border-zinc-700\/50 { border-color: rgba(42, 85, 120, 0.55) !important; }
.border-zinc-700\/60 { border-color: rgba(42, 85, 120, 0.65) !important; }
.border-zinc-700\/70 { border-color: rgba(42, 85, 120, 0.75) !important; }
.border-zinc-800 { border-color: #234a6b !important; }
.border-zinc-800\/50 { border-color: rgba(35, 74, 107, 0.55) !important; }
.border-zinc-800\/60 { border-color: rgba(35, 74, 107, 0.70) !important; }
.border-zinc-900 { border-color: #1a3a58 !important; }
.border-zinc-900\/80 { border-color: rgba(26, 58, 88, 0.85) !important; }

.divide-zinc-700 > :not([hidden]) ~ :not([hidden]) { border-color: #2a5578 !important; }
.divide-zinc-700\/30 > :not([hidden]) ~ :not([hidden]) { border-color: rgba(42, 85, 120, 0.35) !important; }
.divide-zinc-800 > :not([hidden]) ~ :not([hidden]) { border-color: #234a6b !important; }

.from-zinc-900 {
    --tw-gradient-from: #0b243c var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(11, 36, 60, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-900\/40 {
    --tw-gradient-from: rgba(11, 36, 60, 0.40) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(11, 36, 60, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-900\/50 {
    --tw-gradient-from: rgba(18, 50, 79, 0.55) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(18, 50, 79, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-900\/95 {
    --tw-gradient-from: rgba(11, 36, 60, 0.95) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(11, 36, 60, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-800\/50 {
    --tw-gradient-from: rgba(23, 58, 92, 0.55) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(23, 58, 92, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-800\/80 {
    --tw-gradient-from: rgba(23, 58, 92, 0.85) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(23, 58, 92, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.from-zinc-700\/30 {
    --tw-gradient-from: rgba(31, 74, 110, 0.35) var(--tw-gradient-from-position) !important;
    --tw-gradient-to: rgba(31, 74, 110, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.via-zinc-900\/60 {
    --tw-gradient-to: rgba(11, 36, 60, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(18, 50, 79, 0.70) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-zinc-900\/30 {
    --tw-gradient-to: rgba(11, 36, 60, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(18, 50, 79, 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}
.via-zinc-800\/30 {
    --tw-gradient-to: rgba(23, 58, 92, 0) var(--tw-gradient-to-position) !important;
    --tw-gradient-stops: var(--tw-gradient-from), rgba(23, 58, 92, 0.35) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}

/* Soft text on marina */
.text-zinc-400 { color: #9db4c9 !important; }
.text-zinc-300 { color: #c5d4e0 !important; }
.text-zinc-500 { color: #7a93a8 !important; }
.text-zinc-200 { color: #d7e3ee !important; }

/* Hesabım / account panels */
.account-page .account-head {
    background: linear-gradient(180deg, #173a5c 0%, #12324f 55%, #0b243c 100%) !important;
    border-color: rgba(255, 184, 0, 0.18) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22) !important;
}
.account-page .account-panel {
    background: linear-gradient(180deg, rgba(23, 58, 92, 0.92), rgba(11, 36, 60, 0.96)) !important;
    border-color: rgba(255, 184, 0, 0.12) !important;
}
.account-page .account-list__item {
    background: rgba(23, 58, 92, 0.55) !important;
    border-color: rgba(42, 85, 120, 0.55) !important;
}
.account-page .account-avatar__status {
    border-color: #0b243c !important;
}
.account-page .account-empty__icon {
    background: rgba(23, 58, 92, 0.65) !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;
}