/* cadma solutions – Blueprint CI */
:root {
  --ci-primary: #2563eb;
  --ci-primary-light: #38bdf8;
  --ci-indigo: #4338ca;
  --ci-ink: #0f172a;
  --ci-muted: #475569;
  --ci-surface: #f8fafc;
  --ci-border: #dbeafe;
  --ci-gradient: linear-gradient(135deg, #2563eb 0%, #4338ca 100%);
}

::selection { background: rgba(56, 189, 248, .28); color: var(--ci-ink); }

:focus-visible {
  outline: 3px solid var(--ci-primary-light);
  outline-offset: 3px;
}

nav {
  background: rgba(255, 255, 255, .96) !important;
  border-bottom-color: var(--ci-border) !important;
  box-shadow: 0 8px 30px rgba(37, 99, 235, .08) !important;
}

.nav-logo { color: var(--ci-ink) !important; }
.nav-logo .brand-wordmark { display: block; width: auto; height: 48px; }
.nav-logo .brand-mark { display: block; width: 36px; height: 36px; object-fit: contain; flex: 0 0 auto; }
.nav-support {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-left: .8rem;
  margin-right: auto;
  padding: .48rem .9rem;
  color: var(--ci-primary) !important;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 9px;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1;
  transition: color .2s, background .2s, border-color .2s, transform .2s;
}
.nav-support:hover {
  color: #fff !important;
  background: var(--ci-primary);
  border-color: var(--ci-primary);
  transform: translateY(-1px);
}
.nav-links a:hover { color: var(--ci-primary) !important; }
.nav-cta { background: var(--ci-gradient) !important; box-shadow: 0 5px 16px rgba(37, 99, 235, .22); }
.nav-cta:hover { filter: brightness(1.06); }

.skip-link { background: var(--ci-primary) !important; }

#ck-banner,
#cookie-banner {
  background: var(--ci-ink) !important;
  border: 1px solid rgba(56, 189, 248, .24);
}

#ck-banner a,
#cookie-banner a { color: var(--ci-primary-light) !important; }
.ck-ok { background: var(--ci-gradient) !important; color: #fff !important; }

footer { background: var(--ci-ink) !important; }
.footer-ci-logo {
  display: block;
  width: min(210px, 100%);
  height: auto;
  margin: 0 0 1rem;
  padding: .45rem .7rem;
  background: #fff;
  border: 1px solid rgba(56, 189, 248, .24);
  border-radius: 10px;
}

.legal-footer-logo { margin: 0 auto 1rem; }

footer a:hover,
.footer-col a:hover,
.footer-bottom a:hover { color: var(--ci-primary-light) !important; }

@media (max-width: 780px) {
  .nav-logo { flex-grow: 0 !important; }
  .nav-logo .brand-wordmark { height: 44px; }
  .nav-support { margin-left: .55rem; padding: .46rem .72rem; }
  .nav-burger { margin-left: auto; }
}

@media (max-width: 420px) {
  .nav-logo .brand-wordmark { height: 36px; }
  .nav-logo .brand-mark { width: 32px; height: 32px; }
  .nav-product-name { display: none; }
  .nav-support { margin-left: .4rem; padding: .44rem .6rem; font-size: 0; }
  .nav-support::after { content: 'Support'; font-size: .76rem; }
}