/*
 * Shared visual foundation for the related 3D service sites.
 *
 * Each domain keeps its own content composition and logo while navigation,
 * calls to action, dark surfaces and orange interaction cues read as one
 * coherent Normstudio 3D family.
 */
:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) {
  --ns-font: "THICCCBOI", "Segoe UI", sans-serif;
  --ns-ink: #181b1e;
  --ns-muted: #646b70;
  --ns-surface-soft: #f4f3f1;
  --ns-dark: #15191d;
  --ns-dark-2: #0d1013;
  --ns-primary: #f36f35;
  --ns-primary-dark: #c94b18;
  --ns-accent: #f36f35;
  --ns-border: rgba(16, 19, 23, 0.12);
  --ns-shadow: 0 1.25rem 3.5rem rgba(16, 19, 23, 0.13);
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-utility {
  background: #090b0d;
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-utility-brand-mark {
  background: var(--ns-primary);
  box-shadow: 0 0 0 0.28rem rgba(243, 111, 53, 0.15);
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-header {
  background: rgba(16, 19, 23, 0.97);
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 0.55rem 1.8rem rgba(6, 10, 14, 0.18);
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-header .nav-link.active::after {
  background: var(--ns-primary);
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .btn-primary {
  color: #fff;
  background: var(--ns-primary);
  border-color: var(--ns-primary);
  box-shadow: none;
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .btn-primary:hover,
:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .btn-primary:focus {
  color: #fff;
  background: #d95822;
  border-color: #d95822;
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-footer {
  background:
    radial-gradient(circle at 10% 0%, rgba(243, 111, 53, 0.15), transparent 30rem),
    var(--ns-dark-2);
}

:is(
  .ns-profile-3dstudio,
  .ns-profile-3dizdelki,
  .ns-profile-3dskeniranje,
  .ns-profile-3dobeski
) .ns-mobile-cta .btn {
  box-shadow: 0 0.8rem 2rem rgba(201, 75, 24, 0.2);
}

@media (max-width: 1199.98px) {
  :is(
    .ns-profile-3dstudio,
    .ns-profile-3dizdelki,
    .ns-profile-3dskeniranje,
    .ns-profile-3dobeski
  ) .ns-offcanvas {
    background:
      radial-gradient(circle at 100% 0%, rgba(243, 111, 53, 0.12), transparent 15rem),
      #15191d;
  }
}

@media (max-width: 575.98px) {
  :is(
    .ns-profile-3dstudio,
    .ns-profile-3dizdelki,
    .ns-profile-3dskeniranje,
    .ns-profile-3dobeski
  ) .ns-footer .row > .col-6 {
    width: 100%;
  }
}