/* Shared brand components. Requires tokens/tokens.css. */

.pa-lockup { display: block; height: auto; max-width: 100%; }
.pa-header-brand { display: inline-block; flex: none; border-radius: var(--radius-sm); }
.pa-header-brand .pa-lockup { height: 40px; width: auto; }

.pa-parent-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4) var(--space-7);
  padding: var(--space-6) 0;
  border-top: 1px solid var(--pa-border);
  font: 400 13px/1.5 var(--font-sans);
  color: var(--pa-slate-text);
}
.pa-parent-bar--dark { border-top-color: rgba(255, 255, 255, .16); color: rgba(255, 255, 255, .78); }
.pa-parent-bar__home { display: inline-block; border-radius: var(--radius-sm); }
.pa-parent-bar__home .pa-lockup { height: 28px; width: auto; }
.pa-parent-bar__legal { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-6); margin: 0; }
.pa-parent-bar__links { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); }
.pa-parent-bar a { color: inherit; text-underline-offset: 3px; }
.pa-parent-bar a:hover { color: var(--pa-navy); }
.pa-parent-bar--dark a:hover { color: var(--pa-white); }

.pa-header-brand:focus-visible,
.pa-parent-bar a:focus-visible { outline: none; box-shadow: var(--pa-focus); }

@media (max-width: 760px) {
  .pa-header-brand .pa-lockup { height: 32px; }
  .pa-parent-bar { flex-direction: column; align-items: flex-start; }
}