/* Signature typographique commune à tous les en-têtes publics GoPve. */
.topbar,
.topbar a,
.topbar .brand,
.topbar select,
.topbar button {
  font-family: "Manrope", sans-serif !important;
}

.topbar .gopve-word {
  color: #13213b;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: none;
}

.topbar .gopve-word span { color: #1769e0; }

.topbar .app-brand-word {
  color: #13213b;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-transform: none;
}

.topbar .app-brand-word span { color: #1769e0; }
.topbar .app-brand-word em { color: #1769e0; font-style: normal; }
.topbar .back-link svg { width: 14px; height: 14px; }

/* Compatibilité avec les liens de marque déjà présents sur les pages juridiques. */
.topbar .gopve-word.gopve-on-dark { color: inherit; }
.topbar .app-brand-word.app-brand-word-on-dark { color: inherit; }

@media (max-width: 640px) {
  .topbar:has(.back-link) {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    gap: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .topbar:has(.back-link) .back-link {
    grid-column: 1;
    justify-self: start;
    min-width: 0;
    white-space: nowrap;
  }

  .topbar:has(.back-link) .back-link svg,
  .topbar:has(.back-link) .lang-switch,
  .topbar:has(.back-link) select { flex-shrink: 0; }

  .topbar .gopve-word,
  .topbar .app-brand-word,
  .topbar .gopve-word span,
  .topbar .app-brand-word span,
  .topbar .app-brand-word em { display: inline; }

  .topbar .return-context { display: none; }

  .topbar:has(.back-link) .back-link ~ .brand {
    grid-column: 2;
    justify-self: center;
    min-width: 0;
    white-space: nowrap;
  }

  .topbar:has(.back-link) .lang-switch,
  .topbar:has(.back-link) > select {
    grid-column: 3;
    justify-self: end;
  }
}