/* =====================================================================
   Shared base for the domain / hosting / server pages (.itc-ns)
   Maps the colour variables used by these pages onto the IT Cadre theme,
   so they follow the site's Dark / Day mode and colour scheme.
   ===================================================================== */
.itc-ns{
  --blue:var(--tj-color-theme-primary);--blue-light:#6BCBFF;--blue-dark:#1FA3EE;--grad-main:var(--tj-color-theme-primary);
  --radius:16px;--radius-lg:24px;--radius-xl:32px;--transition:all .35s cubic-bezier(.4,0,.2,1);
  --green:#22c55e;--red:#ef4444;--amber:#f59e0b;--cyan:#06b6d4;
  font-family:var(--tj-ff-body);position:relative;overflow-x:clip;
}
html[data-theme="dark"] .itc-ns{
  --bg-primary:#050505;--bg-secondary:#0b0c0b;--bg-tertiary:#121311;--bg-card:#191a18;--bg-card-hover:#20211f;--bg-nav:#050505;
  --text-primary:#f6f7f7;--text-secondary:#bcbdb9;--text-muted:#8a8b86;--border:#282926;--border-hover:rgba(59,185,255,.45);
  --shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-lg:0 20px 60px rgba(0,0,0,.5);--glow-blue:rgba(59,185,255,.12);
}
html[data-theme="light"] .itc-ns{
  --bg-primary:#f3f5f8;--bg-secondary:#ffffff;--bg-tertiary:#eaeef3;--bg-card:#ffffff;--bg-card-hover:#ffffff;--bg-nav:#ffffff;
  --text-primary:#0b1220;--text-secondary:#4a5565;--text-muted:#6b7686;--border:#e0e5ec;--border-hover:rgba(31,163,238,.5);
  --shadow-card:0 6px 22px rgba(15,23,42,.07);--shadow-lg:0 20px 50px rgba(15,23,42,.10);--glow-blue:rgba(59,185,255,.10);
}
/* currency switcher, moved from the old top bar into the page */
.itc-ns .ns-currency-bar{display:flex;justify-content:flex-end;max-width:1380px;margin:0 auto;padding:18px 5% 0}
/* tech logos keep their original brand colours; give dark ones a light tile in dark mode */
html[data-theme="dark"] .itc-ns img[src*="assets/images/tech/rust-000000"],
html[data-theme="dark"] .itc-ns img[src*="assets/images/tech/ubuntu-e95420"]{background:#fff;border-radius:8px;padding:3px}
.itc-ns img{height:auto}
.itc-ns button{font-family:inherit}
@media (max-width:767px){.itc-ns .ns-currency-bar{padding-top:12px}}
/* knowledgebase (utility-class page): neutralise the template's default input chrome */
.itc-ns-kb input[type="text"],.itc-ns-kb input[type="search"]{border:0;height:auto;box-shadow:none;background:transparent;border-radius:0}
/* the template reuses ".gap-2" as a section-padding helper; neutralise it inside these pages */
.itc-ns .gap-1,.itc-ns .gap-2,.itc-ns .gap-3,.itc-ns .gap-4{padding-top:0;padding-bottom:0}
html[data-theme="dark"] .itc-ns img[src*="assets/images/tech/nextdotjs-000000"]{background:#fff;border-radius:8px;padding:3px}