/* Nabtech Workspace store styles: refinements
 * 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-refinements-c1: #fff;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] {
  --nb-surface: #fff;
  --nb-surface-cool: #eaf4fc;
  --nb-line-strong: #c4d9e9;
  --nb-cyan: #29c9e5;
  --nb-depth: 0 2px 5px #102d4804,0 18px 40px #123e6110;
  --nb-depth-hover: 0 7px 14px #10395808,0 24px 50px #123e611b;
  overflow-x: clip;
  overflow-y: visible;
}
#nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-ssl-story,.nb-nova-story) {
  background: var(--nwp-refinements-c1);
  border-block: 1px solid #d9e7f080;
}

/* nb-price */
#nb-store.nb-store[data-nb-store] .nb-price-section {
  background: radial-gradient(ellipse at 12% 4%,#d9efff 0,transparent 39%),linear-gradient(150deg,#f2f8fd 12%,#e8f2fb 66%,#f5faff);
  border-bottom: 1px solid #d6e5f0;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-price-section,.nb-ssl-story,.nb-nova-story,.sd-section,.nb-sx,.nb-nx,.gd-section,.ws-section) :is(.nb-kicker,.sec-eyebrow) {
  color: #153c67;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 780;
}

/* nb-section */
#nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-ssl-story,.nb-nova-story) .nb-section-heading {
  margin-bottom: 46px;
  gap: 38px;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-ssl-story,.nb-nova-story,.sd-section,.nb-sx,.nb-nx) h2 {
  text-wrap: balance;
}
#nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-ssl-story,.nb-nova-story,.sd-section,.nb-sx,.nb-nx) p {
  text-wrap: pretty;
}

/* nb-card */
#nb-store.nb-store[data-nb-store] .nb-card {
  background: var(--nwp-refinements-c1);
  border-color: #c9deed;
  border-radius: 24px;
  box-shadow: var(--nb-depth);
}

/* nb-price */
#nb-store.nb-store[data-nb-store] .nb-price-section :is(.nb-plan,.nb-cert-plan,.nb-nova-plan,.sec-plan,.cg-plan,.sl-plan,.nv-plan,.sv-plan,.ws-plan,.gr-plan,.ox-plan,.sb-plan,.wb-plan) {
  background: var(--nwp-refinements-c1);
  border-color: #c4d8e8;
  box-shadow: 0 2px 4px #15395304,0 16px 38px #173d6212;
  transition: border-color .22s ease,box-shadow .22s ease;
}
#nb-store.nb-store[data-nb-store] .nb-price-section :is(.nb-plan--featured,.nb-cert-plan.featured,.sec-plan--featured) {
  border-color: #244e7c;
  box-shadow: 0 0 0 1px #244e7c,0 22px 48px #1048791b;
}
#nb-store.nb-store[data-nb-store] .nb-price-section :is(.nb-plan,.nb-cert-plan,.nb-nova-plan,.sec-plan,.cg-plan,.sl-plan,.nv-plan,.sv-plan,.ws-plan,.gr-plan,.ox-plan,.sb-plan,.wb-plan):hover {
  border-color: #7db4d4;
  box-shadow: 0 4px 10px #173d6207,0 24px 48px #173d621c;
}
#nb-store.nb-store[data-nb-store] .nb-price-section :is(.nb-cert-terms,.sec-plan-features) {
  border-color: #d7e6f0;
}

/* nb-cert */
#nb-store.nb-store[data-nb-store] .nb-price-section .nb-cert-terms {
  background: #edf5fb;
}

/* nb-plan */
#nb-store.nb-store[data-nb-store] .nb-price-section .nb-plan-badge {
  background: #e6effa;
  color: #153c67;
  border: 1px solid #becfe4;
  border-radius: 8px;
}

/* nb-empty */
#nb-store.nb-store[data-nb-store] .nb-empty {
  border: 1px solid #c6dcea;
  background: var(--nwp-refinements-c1);
  box-shadow: var(--nb-depth);
  color: #38566e;
}

/* nb-ssl */
#nb-store.nb-store[data-nb-store] .nb-ssl-nav {
  background: var(--nwp-refinements-c1);
  border-bottom-color: #ccdfea;
  box-shadow: 0 7px 20px #244c6605;
}
#nb-store.nb-store[data-nb-store] .nb-ssl-nav a {
  border: 1px solid transparent;
  border-radius: 100px;
  color: #496278;
}
#nb-store.nb-store[data-nb-store] .nb-ssl-nav a[aria-current="page"] {
  background: #0d2f4b;
  color: #f0faff;
  border-color: #0d2f4b;
  box-shadow: 0 5px 12px #153c6118;
}
#nb-store.nb-store[data-nb-store] .nb-ssl-nav a:hover {
  background: #eaf5fc;
  color: #0d3854;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(.nb-btn,.btn.btn-primary,.btn.btn-success,.btn.btn-warning):not(.nb-btn--ghost):not(:where(.nb-hero *,.nb-cta *)) {
  background: var(--nb-action) !important;
  color: var(--nwp-refinements-c1) !important;
  border-color: #315476 !important;
  box-shadow: inset 0 1px 0 #ffffff14,0 7px 18px #112e5017;
}
#nb-store.nb-store[data-nb-store] :is(.nb-btn,.btn.btn-primary,.btn.btn-success,.btn.btn-warning):not(.nb-btn--ghost):not(:where(.nb-hero *,.nb-cta *)):hover:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background: var(--nb-action-hover) !important;
  color: var(--nwp-refinements-c1) !important;
  border-color: #3f638c !important;
  box-shadow: inset 0 1px 0 #ffffff1a,0 10px 24px #112e5023;
}

/* nb-btn */
#nb-store.nb-store[data-nb-store] .nb-btn--ghost:not(:where(.nb-hero *,.nb-cta *)) {
  background: var(--nwp-refinements-c1) !important;
  color: var(--nb-action) !important;
  border-color: #a9bfd6 !important;
  box-shadow: none;
}
#nb-store.nb-store[data-nb-store] .nb-btn--ghost:not(:where(.nb-hero *,.nb-cta *)):hover:not(:disabled):not(.disabled):not([aria-disabled="true"]) {
  background: #edf3fb !important;
  color: var(--nb-action) !important;
  border-color: #6587ad !important;
  box-shadow: 0 6px 18px #112e5010;
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(.se-product-links a,.nb-ssl-type-row a) {
  color: var(--nb-action-ink);
  text-decoration-color: #8ea9c8;
  text-underline-offset: 4px;
}
#nb-store.nb-store[data-nb-store] :is(.se-product-links a,.nb-ssl-type-row a):hover {
  color: #092440;
  text-decoration: none;
}
#nb-store.nb-store[data-nb-store] :is(.se-choice button.active,.ng-wb-cycles button.active,.ng-tabbar button[aria-selected="true"],.nb-ssl-nav a[aria-current="page"]) {
  background: var(--nb-action);
  border-color: var(--nb-action);
  color: var(--nwp-refinements-c1);
}

/* active */
#nb-store.nb-store[data-nb-store] #codeGuardPlanActions .slider-actions-btn.active {
  background: var(--nb-action);
  border-color: var(--nb-action);
  color: var(--nwp-refinements-c1);
}

/* nb-store */
#nb-store.nb-store[data-nb-store] :is(input[type="radio"],input[type="checkbox"],input[type="range"]) {
  accent-color: var(--nb-action);
}
@media(max-width:760px) {
  #nb-store.nb-store[data-nb-store] :is(.nb-story,.nb-ssl-story,.nb-nova-story) .nb-section-heading {
    margin-bottom: 30px;
    gap: 20px;
  }
}
@media(prefers-reduced-motion:reduce) {
  #nb-store.nb-store[data-nb-store] .nb-price-section * {
    transition: none !important;
  }
}