/* Intraneurals brand mark — consistent logo + full wordmark on all screen sizes */

html {
  overflow-x: clip;
}

.logo-wordmark__secondary,
.wr-brand__secondary,
.ic-brand__secondary,
.ip-brand__secondary {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.navbar__logo,
.wr-brand,
.ic-brand,
.ip-brand,
.footer__brand-mark {
  min-width: 0;
  max-width: 100%;
}

.logo-wordmark,
.wr-brand__wordmark,
.ic-brand__wordmark,
.ip-brand__wordmark {
  min-width: 0;
  flex: 1 1 auto;
}

.logo-wordmark__primary,
.wr-brand__primary,
.ic-brand__primary,
.ip-brand__primary {
  line-height: 1.15;
  overflow-wrap: anywhere;
}

.logo-wordmark__secondary,
.wr-brand__secondary,
.ic-brand__secondary,
.ip-brand__secondary {
  line-height: 1.2;
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .logo-img,
  .wr-brand__logo,
  .ic-brand__logo,
  .ip-brand__logo {
    height: 2.85rem;
    width: auto;
    max-width: 3.1rem;
  }

  .logo-wordmark__primary,
  .wr-brand__primary,
  .ic-brand__primary,
  .ip-brand__primary {
    font-size: clamp(0.95rem, 4.6vw, 1.1rem);
    letter-spacing: -0.01em;
  }

  .logo-wordmark__secondary,
  .wr-brand__secondary,
  .ic-brand__secondary,
  .ip-brand__secondary {
    font-size: clamp(0.68rem, 3.2vw, 0.78rem);
    letter-spacing: 0.01em;
  }

  .wr-brand,
  .ic-brand,
  .ip-brand {
    gap: 10px;
  }
}

@media (max-width: 380px) {
  .navbar__logo,
  .wr-brand,
  .ic-brand,
  .ip-brand {
    gap: 8px;
  }

  .logo-wordmark__primary,
  .wr-brand__primary,
  .ic-brand__primary,
  .ip-brand__primary {
    font-size: 0.92rem;
  }

  .logo-wordmark__secondary,
  .wr-brand__secondary,
  .ic-brand__secondary,
  .ip-brand__secondary {
    font-size: 0.66rem;
  }
}