/* Shared project logo sizing. The SVG is a wide wordmark, so keep its aspect ratio. */
.site-logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
}

.site-logo--legacy {
  width: min(210px, 48vw);
  max-height: 34px;
}

.site-logo--dashboard {
  width: 190px;
  max-height: 30px;
  height: auto !important;
}

.site-logo--auth {
  width: 180px;
  max-height: 30px;
}

.site-logo--nwp {
  width: clamp(9rem, 15vw, 14rem);
}

.site-logo--nwp-footer {
  width: clamp(10rem, 17vw, 15rem);
}

.site-logo--elecomp {
  width: 225px;
}

@media (max-width: 430px) {
  .site-logo--legacy,
  .site-logo--auth {
    width: 160px;
  }

  .site-logo--dashboard {
    width: 165px;
  }

  .site-logo--elecomp {
    width: 185px;
  }
}