/* Nabtech Workspace store styles: palette
 * Nabtech Workspace theme. Structure: palette tokens, then rules grouped by the component they style,
 * in cascade order (groups repeat when the cascade needs a later override). */

:root {
  --nwp-palette-c1: #a0e7ff;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] {
  --nb-navy: #071626;
  --nb-ink: #0d2942;
  --nb-muted: #4a667e;
  --nb-accent: #112e50 !important;
  --nb-action: #112e50;
  --nb-action-hover: #1b4676;
  --nb-action-ink: #153c67;
  --nb-pearl: #f5faff;
  --nb-border: #d5e5ee;
  --nb-blue: #112e50;
  --nb-hero-heading: #f2f9ff;
  --nb-cta-heading: #f3faff;
  background: radial-gradient(ellipse at 15% 10%,#dff3ff 0,transparent 28%),radial-gradient(ellipse at 96% 34%,#e8f6fc 0,transparent 37%),linear-gradient(180deg,#f4faff,#f8fbfe 30%,#f0f7fc 75%,#f7fbfe) !important;
  color: #0d2942;
}

/* nb-hero */
#nb-store.nb-store[data-nb-store] .nb-hero {
  --nb-accent: #8de5f7;
  background: radial-gradient(ellipse at 80% 25%,rgba(21,96,143,.54),transparent 52%),linear-gradient(115deg,#061322 3%,#0b233b 66%,#0c2c45) !important;
  color: #f2f9ff !important;
  border-radius: 0 0 44px 44px !important;
}

/* nb-price */
#nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section {
  --nb-price-overlap: 34px;
  margin-top: 0;
  padding-top: 0;
  overflow: visible;
}

/* sec-price */
#nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section .sec-price-surface {
  position: relative;
  top: calc(-1 * var(--nb-price-overlap));
  margin-bottom: calc(-1 * var(--nb-price-overlap));
}
@media(max-width:600px) {
  #nb-store.nb-store[data-nb-store]:is(.nb-store--codeguard,.nb-store--nordvpn,.nb-store--sitelockvpn,.nb-store--spamexperts) .nb-price-section {
    --nb-price-overlap: 24px;
  }
}

/* nb-hero */
#nb-store.nb-store[data-nb-store] .nb-hero h1 {
  color: #f2f9ff !important;
}
#nb-store.nb-store[data-nb-store] .nb-hero h1 :is(em,strong,span) {
  color: var(--nwp-palette-c1) !important;
  font-style: normal;
}

/* nb-lead */
#nb-store.nb-store[data-nb-store] .nb-hero .nb-lead {
  color: #bdd3e5 !important;
}

/* nb-hero */
#nb-store.nb-store[data-nb-store] .nb-hero :is(.nb-kicker,.sec-eyebrow) {
  color: #a1ddef !important;
}

/* nb-btn */
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn,
#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn {
  background: #f5fbff !important;
  color: #102b44 !important;
  border-color: #e4f1fb !important;
  box-shadow: 0 8px 22px #0002;
}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn--ghost,
#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn--ghost {
  background: #ffffff08 !important;
  color: #eff8ff !important;
  border-color: #b1d9f34d !important;
  box-shadow: none;
}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn:hover,
#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn:hover {
  background: #dff4ff !important;
  color: #102b44 !important;
}
#nb-store.nb-store[data-nb-store] .nb-hero .nb-btn--ghost:hover,
#nb-store.nb-store[data-nb-store] .nb-cta .nb-btn--ghost:hover {
  background: #ffffff17 !important;
  color: #fff !important;
}

/* nb-cta */
#nb-store.nb-store[data-nb-store] .nb-cta {
  --nb-accent: #8de5f7;
  background: radial-gradient(ellipse at 79% 12%,rgba(44,134,173,.35),transparent 52%),linear-gradient(113deg,#071626,#0c2c45 70%,#123b52) !important;
  color: #f3faff !important;
  border-radius: 44px 44px 0 0 !important;
  margin: 0 !important;
}
#nb-store.nb-store[data-nb-store] .nb-cta::before {
  background: radial-gradient(ellipse at 80% 20%,#54b3ef18,transparent 56%) !important;
}
#nb-store.nb-store[data-nb-store] .nb-cta :is(h2,h3) {
  color: #f3faff !important;
}
#nb-store.nb-store[data-nb-store] .nb-cta :is(h2,h3) :is(em,strong,span) {
  color: var(--nwp-palette-c1) !important;
}
#nb-store.nb-store[data-nb-store] .nb-cta p {
  color: #bdd3e5 !important;
}

/* nb-kicker */
#nb-store.nb-store[data-nb-store] .nb-cta .nb-kicker {
  color: #a1ddef !important;
}

/* nb-offscreen */
#nb-store.nb-store[data-nb-store] .nb-offscreen *,
#nb-store.nb-store[data-nb-store].nb-page-hidden *,
#nb-store.nb-store[data-nb-store] .nb-offscreen::before,
#nb-store.nb-store[data-nb-store] .nb-offscreen::after {
  animation-play-state: paused !important;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(.nb-scene,[data-nb-motion]) {
  contain: layout style;
}
#nb-store.nb-store[data-nb-store] :is(.nb-hero,.nb-cta) [aria-hidden="true"] {
  pointer-events: none;
}
#nb-store.nb-store[data-nb-store] :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid #315d91 !important;
  outline-offset: 5px;
}
#nb-store.nb-store[data-nb-store] :is(.nb-hero,.nb-cta) :is(a,button,input,select,textarea,summary):focus-visible {
  outline-color: var(--nwp-palette-c1) !important;
}
@media(max-width:760px) {
  #nb-store.nb-store[data-nb-store] .nb-hero {
    border-radius: 0 0 29px 29px !important;
  }
  #nb-store.nb-store[data-nb-store] .nb-cta {
    border-radius: 28px 28px 0 0 !important;
  }
}
@media(prefers-reduced-motion:reduce) {
  #nb-store.nb-store[data-nb-store] *,
  #nb-store.nb-store[data-nb-store] *::before,
  #nb-store.nb-store[data-nb-store] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}