/**
 * Lechovia Hellgrave — ciemniejszy, bardziej mroczny klimat (nakładka, bez usuwania treści).
 * Ładować na końcu, po main/nav/inner lub po cabinet.css.
 */

/* --- Strona główna i layout „Wremena” (bez nk-body) --- */
html {
  background-color: #030201;
}

body:not(.nk-body) {
  background-color: #050302 !important;
  background-image:
    radial-gradient(ellipse 100% 70% at 50% -15%, rgba(120, 42, 18, 0.18) 0%, transparent 52%),
    radial-gradient(ellipse 90% 55% at 50% 110%, rgba(0, 0, 0, 0.75) 0%, transparent 55%),
    linear-gradient(185deg, #0a0807 0%, #060403 38%, #020101 100%) !important;
  background-attachment: fixed;
  color: #e4dfd6;
}

body:not(.nk-body) .progress {
  background-color: #5a3214 !important;
  box-shadow: 0 0 14px rgba(160, 70, 20, 0.35);
}

body:not(.nk-body) nav,
body:not(.nk-body) .fixed {
  background-color: rgba(3, 2, 1, 0.92) !important;
  border-color: rgba(110, 55, 30, 0.28) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.65);
}

body:not(.nk-body) .content-menu {
  border-bottom-color: rgba(90, 50, 28, 0.35) !important;
}

body:not(.nk-body) .content-menu .content-menu-link a {
  color: #8a8580 !important;
}

body:not(.nk-body) .youtube-videos {
  background-color: rgba(2, 2, 3, 0.94) !important;
}

/* Sekcja TOP — lekki półmrok nad tłem */
body:not(.nk-body) section.top {
  position: relative;
}

body:not(.nk-body) section.top::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(ellipse 95% 75% at 50% 15%, transparent 0%, rgba(0, 0, 0, 0.42) 72%, rgba(2, 0, 0, 0.82) 100%);
}

body:not(.nk-body) section.top > * {
  position: relative;
  z-index: 1;
}

/* Features — ciemniejsza poświata nad bg/2.jpg */
body:not(.nk-body) section#features.features {
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 140px rgba(0, 0, 0, 0.72);
}

body:not(.nk-body) section#features.features::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(14, 5, 3, 0.88) 0%,
    rgba(0, 0, 0, 0.38) 42%,
    rgba(10, 3, 2, 0.9) 100%
  );
}

body:not(.nk-body) section#features.features > * {
  position: relative;
  z-index: 2;
}

body:not(.nk-body) section#features.features h1 {
  filter: brightness(0.88) saturate(0.95);
}

/* Referral + connect + footer — ten sam kierunek */
body:not(.nk-body) section.referral {
  position: relative;
  box-shadow: inset 0 0 160px rgba(0, 0, 0, 0.78);
}

body:not(.nk-body) section.referral::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(12, 4, 2, 0.85) 0%,
    rgba(0, 0, 0, 0.5) 50%,
    rgba(8, 2, 1, 0.88) 100%
  );
}

body:not(.nk-body) section.referral .referral-content {
  position: relative;
  z-index: 2;
}

body:not(.nk-body) section.connect {
  position: relative;
  box-shadow: inset 0 0 120px rgba(0, 0, 0, 0.65);
}

body:not(.nk-body) section.connect::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(165deg, rgba(6, 2, 1, 0.75) 0%, rgba(0, 0, 0, 0.35) 55%, rgba(4, 1, 0, 0.82) 100%);
}

body:not(.nk-body) section.connect > * {
  position: relative;
  z-index: 2;
}

body:not(.nk-body) footer {
  position: relative;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.7);
}

body:not(.nk-body) footer::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(5, 2, 1, 0.82) 0%, rgba(0, 0, 0, 0.55) 100%);
}

body:not(.nk-body) footer .container {
  position: relative;
  z-index: 2;
}

body:not(.nk-body) footer .container .footer-copyright p {
  color: #6a6560 !important;
}

/* Podstrony „inner” (downloads itd.) */
body:not(.nk-body) .inner .inner-content {
  background-color: rgba(6, 4, 3, 0.94) !important;
  box-shadow: inset 0 0 0 1px rgba(95, 48, 28, 0.2), 0 28px 56px rgba(0, 0, 0, 0.55) !important;
}

body:not(.nk-body) .inner .inner-content .table ul {
  background-color: rgba(10, 7, 5, 0.96) !important;
  box-shadow: inset 0 0 0 1px rgba(80, 42, 24, 0.15) !important;
}

body:not(.nk-body) .inner .inner-content .step .step-number span {
  border-color: #2a2420 !important;
}

/* Loader startowy */
.loading {
  background-color: #070605 !important;
  background-image: radial-gradient(ellipse 80% 60% at 50% 40%, rgba(90, 35, 12, 0.12) 0%, transparent 60%) !important;
}

.loading .loading-progress-bar {
  border-color: rgba(20, 12, 8, 0.5) !important;
  border-top-color: #8a4a1c !important;
}

/* --- Panel NK / DashLite (cabinet) — głębszy „hellgrave” zamiast szarego #1e1e1e --- */
body.dark-mode.nk-body,
body.nk-body.dark-mode {
  background: linear-gradient(185deg, #080709 0%, #0e0c10 40%, #050406 100%) !important;
  color: #d8d2c8 !important;
}

body.dark-mode.nk-body.bg-white,
body.dark-mode.nk-body.bg-lighter {
  background: linear-gradient(185deg, #080709 0%, #0e0c10 45%, #050406 100%) !important;
}

.dark-mode .nk-aside,
.dark-mode .nk-header,
.dark-mode .nk-header.is-light:not([class*="bg-"]),
.dark-mode .nk-sidebar,
.dark-mode .nk-sidebar-head,
.dark-mode .nk-sidebar.is-light {
  background: #0f0d10 !important;
  border-color: rgba(110, 55, 35, 0.42) !important;
  box-shadow: none !important;
}

.dark-mode .nk-header.is-theme:not([class*="bg-"]) {
  border-color: rgba(110, 55, 35, 0.42) !important;
}

.dark-mode .card {
  background: #121015 !important;
  border-color: rgba(95, 48, 30, 0.38) !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45) !important;
}

.dark-mode .card-bordered {
  border-color: rgba(90, 45, 28, 0.42) !important;
}

.dark-mode .bg-lighter,
.dark-mode .table-striped tbody tr:nth-of-type(odd) {
  background-color: #101014 !important;
}

.dark-mode .bg-white {
  background-color: #0c0a0d !important;
}

.dark-mode .bg-light {
  background-color: #0e0c0f !important;
}

body.dark-mode {
  background: #0a090b !important;
}

body.dark-mode.bg-light,
body.dark-mode.bg-lighter {
  background: #09080a !important;
}

.dark-mode .table thead th,
.dark-mode .table-bordered td,
.dark-mode .table-bordered th {
  border-color: rgba(95, 50, 32, 0.35) !important;
}

.dark-mode .border,
.dark-mode .border-light,
.dark-mode .nk-block-between {
  border-color: rgba(90, 48, 30, 0.35) !important;
}

.dark-mode .nk-menu-link:hover,
.dark-mode .nk-menu-item.active > .nk-menu-link {
  background: rgba(120, 55, 25, 0.12) !important;
}

.dark-mode .text-soft,
.dark-mode .text-muted,
.dark-mode .sub-text {
  color: #9a9288 !important;
}

.dark-mode .btn-dim {
  background: rgba(40, 28, 22, 0.6) !important;
  border-color: rgba(120, 60, 35, 0.35) !important;
}

.dark-mode .form-control:not(.error) {
  background-color: #121015 !important;
  border-color: rgba(95, 50, 32, 0.4) !important;
  color: #e8e2d8 !important;
}

.dark-mode .modal-content {
  background: #121015 !important;
  border: 1px solid rgba(95, 50, 32, 0.45) !important;
}

.dark-mode .dropdown-menu {
  background: #141118 !important;
  border-color: rgba(95, 50, 32, 0.45) !important;
}