/* TEST: Inst-style header & footer gradients — remove this file + link on "отмена" */

:root {
  --inst-gradient-water-top: #b8e4f2;
  --inst-gradient-water-1: #6ec4e8;
  --inst-gradient-water-2: #3d9fd4;
  --inst-gradient-water-3: #1e6bb8;
  --inst-gradient-water-bottom: #0f3560;

  --header-gradient-blue: var(--page-bg, #dae7ed);
  --header-gradient-mid: #c8dde8;
  --header-gradient-soft: #eef6fa;
  --header-gradient-white: #ffffff;
  --shell-gradient-header: linear-gradient(
    180deg,
    var(--header-gradient-blue) 0%,
    #c8dde8 12%,
    #dceaf2 32%,
    #eef6fa 58%,
    var(--header-gradient-white) 100%
  );
  --shell-gradient-footer: linear-gradient(
    180deg,
    var(--header-gradient-white) 0%,
    #eef6fa 42%,
    #dceaf2 68%,
    #c8dde8 88%,
    var(--header-gradient-blue) 100%
  );
}

.site-header,
.site-header.glass {
  color: var(--ink, #174a62);
  border: none;
  background: var(--shell-gradient-header) !important;
  box-shadow: 0 6px 20px rgba(26, 74, 122, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-header::before {
  display: none !important;
}

.site-header--scrolled {
  background: linear-gradient(
    180deg,
    #d0e3ec 0%,
    #e2eff5 25%,
    #f2f8fb 60%,
    #ffffff 100%
  ) !important;
  box-shadow: 0 8px 24px rgba(26, 74, 122, 0.1) !important;
}

.site-header .brand span,
.site-header .site-nav a,
.site-header .site-nav a:hover,
.site-header .site-nav a:focus-visible {
  color: var(--ink, #174a62) !important;
}

.site-header .site-nav a:hover,
.site-header .site-nav a:focus-visible {
  color: var(--accent-strong, #1d6fa8) !important;
}

.site-footer,
.site-footer.glass {
  color: var(--ink, #174a62);
  border: none;
  background: var(--shell-gradient-footer) !important;
  box-shadow: 0 6px 20px rgba(26, 74, 122, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-footer__brand,
.site-footer__rights,
.site-footer__link,
.site-footer__link:hover {
  color: var(--ink, #174a62) !important;
}

.site-footer__link:hover {
  color: var(--accent-strong, #1d6fa8) !important;
}

:root[data-theme="dark"] .site-header,
:root[data-theme="dark"] .site-header.glass {
  background: linear-gradient(
    180deg,
    #0a121c 0%,
    #0f1c2a 35%,
    #132231 68%,
    #1a3044 100%
  ) !important;
  border-bottom: 1px solid rgba(42, 65, 88, 0.55) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.32) !important;
}

:root[data-theme="dark"] .site-header--scrolled {
  background: linear-gradient(
    180deg,
    rgba(8, 16, 24, 0.94) 0%,
    rgba(15, 28, 42, 0.9) 55%,
    rgba(19, 34, 49, 0.86) 100%
  ) !important;
}

:root[data-theme="dark"] .site-footer,
:root[data-theme="dark"] .site-footer.glass {
  background: linear-gradient(
    180deg,
    #1a3044 0%,
    #132231 32%,
    #0f1c2a 68%,
    #0a121c 100%
  ) !important;
  color: #d7e6f4 !important;
  border-top: 1px solid rgba(42, 65, 88, 0.5) !important;
  box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.28) !important;
}

:root[data-theme="dark"] .site-footer__brand,
:root[data-theme="dark"] .site-footer__rights,
:root[data-theme="dark"] .site-footer__link,
:root[data-theme="dark"] .site-footer__link:hover {
  color: #c8dced !important;
}

@media (max-width: 1120px) {
  .site-header,
  .site-header.glass,
  .site-header.site-header--scrolled {
    background: var(--shell-gradient-header) !important;
  }

  .site-header__safe-top {
    background: var(--header-gradient-blue) !important;
  }

  :root[data-theme="dark"] .site-header,
  :root[data-theme="dark"] .site-header.glass,
  :root[data-theme="dark"] .site-header.site-header--scrolled {
    background: linear-gradient(
      180deg,
      #0a121c 0%,
      #0f1c2a 35%,
      #132231 68%,
      #1a3044 100%
    ) !important;
  }

  :root[data-theme="dark"] .site-header__safe-top {
    background: #0a121c !important;
  }
}