@import url('/typography-v2.css?v=20260810-1');
@import url('/ui-scale-v2.css?v=20260810-1');
@import url('/polish-v2.css?v=20260810-1');

/* DELTA brand layer — approved transparent logo asset + shared accent. */
:root {
  --brand-accent: #ff7618;
}

.brand {
  display: block;
  width: 184px;
  height: 46px;
  min-height: 46px;
  background: left center / contain no-repeat url('/assets/brand/logo/delta-professional.approved.transparent.v1.png');
  filter: drop-shadow(0 0 6px rgba(255,118,24,.14));
  line-height: 0;
}

/* Keep semantic HTML, but render the brand as one approved transparent asset. */
.brand > .brand-mark,
.brand > span:last-child {
  display: none;
}

.nav-links a.active::after {
  background: linear-gradient(90deg, var(--brand-accent), var(--accent-2));
}

.dot {
  background: var(--brand-accent);
  box-shadow: 0 0 14px rgba(255,118,24,.58);
}

.footer-brand-block .brand {
  width: 196px;
  height: 49px;
}

@media (max-width: 620px) {
  .brand {
    width: 158px;
    height: 40px;
    min-height: 40px;
  }

  .footer-brand-block .brand {
    width: 174px;
    height: 43px;
  }
}