/**
 * Public header brand row — single source of truth (home + profile + marketing pages).
 * Edit nav brand layout here only; chrome markup: includes/ratib-home-public-chrome-top.php
 */

.ratib-nav__brand--animated-title img,
.ratib-nav__brand--animated-title .ratib-nav__brand-logo,
.ratib-nav__brand--animated-title .ratib-nav__brand-text,
.ratib-nav__brand:has(.ratib-brand-full) img,
.ratib-nav__brand:has(.ratib-brand-full) .ratib-nav__brand-text {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.ratib-public-header-pin {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  max-width: 100vw;
}

.ratib-public-header-pin .ratib-nav-shell {
  position: relative;
  top: auto;
}

.ratib-nav__brand-block--animated,
.ratib-nav__brand-block--row,
.ratib-nav__brand-block[data-ratib-brand-nav='row-v1'] {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.45rem;
  max-width: min(17.5rem, 42vw);
  min-width: 0;
  padding: 0.36rem 0.5rem 0.36rem 0.46rem;
  border-radius: 14px;
  border: 1px solid rgba(167, 139, 250, 0.38);
  border-left: 4px solid rgba(236, 72, 153, 0.75);
  background: linear-gradient(145deg, rgba(15, 23, 42, 0.92), rgba(76, 29, 149, 0.3));
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.ratib-brand-full--nav-stack {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  width: auto;
}

.ratib-brand-full--nav-stack .ratib-brand-full__head {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 0.45em;
}

.ratib-brand-full--nav-stack .ratib-brand-letter {
  font-size: clamp(1.02rem, 2.35vw, 1.28rem);
  font-weight: 800;
}

.ratib-brand-full--nav-stack .ratib-brand-full__word--company {
  font-size: clamp(0.76rem, 1.5vw, 0.92rem);
  font-weight: 700;
}

.ratib-nav__brand-block--animated > a.ratib-nav__brand,
.ratib-nav__brand-block--row > a.ratib-nav__brand {
  order: 1;
  width: auto;
  max-width: none;
  flex: 0 1 auto;
}

.ratib-nav__brand-block--animated > .ratib-nav__brand-profile,
.ratib-nav__brand-block--row > .ratib-nav__brand-profile {
  order: 2;
  flex-shrink: 0;
  align-self: center;
  margin: 0;
}

.ratib-nav__brand-block--animated .ratib-brand-full__tagline,
.ratib-nav__brand-block--animated .ratib-brand-full__word--w1,
.ratib-nav__brand-block--animated .ratib-brand-full__word--w2,
.ratib-nav__brand-block--animated .ratib-brand-full__word--w3,
.ratib-nav__brand-block--animated .ratib-brand-full__word--w4,
.ratib-nav__brand-block--animated .ratib-brand-full__word--w5,
.ratib-nav__brand-block--animated .ratib-brand-full__word--amp {
  display: none !important;
}

.ratib-nav__brand-block--animated .ratib-brand-letter {
  animation: none;
  filter: saturate(0.92);
}

.ratib-nav__brand-block--animated .ratib-brand-full__word--company {
  animation: none;
  color: rgba(226, 232, 240, 0.88);
  background: none;
  -webkit-text-fill-color: currentColor;
}

.ratib-nav__brand-block--animated .ratib-nav__brand-profile {
  font-size: 0.62rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  padding: 0.16rem 0.44rem;
  color: rgba(148, 163, 184, 0.9);
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: none;
}

.ratib-nav__brand-block--animated .ratib-nav__brand-profile:hover,
.ratib-nav__brand-block--animated .ratib-nav__brand-profile:focus-visible {
  color: rgba(226, 232, 240, 0.92);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(255, 255, 255, 0.14);
}

.ratib-nav__brand-block--animated .ratib-nav__brand-profile.is-current {
  color: rgba(226, 232, 240, 0.95);
  background: rgba(139, 126, 200, 0.12);
  border-color: rgba(139, 126, 200, 0.28);
  box-shadow: none;
}

@media (max-width: 1099px) {
  .ratib-nav__brand-block--animated,
  .ratib-nav__brand-block--row {
    max-width: min(13.5rem, 52vw);
  }
}
