/*
 * Lot S3-LOGO-MARQUE : marque unique « ✦ LUXING » (composant resources/views/components/marque-luxing.blade.php),
 * chargée par le composant lui-même (une fois par page). Dessin de la marque du nouveau parcours, choisie par Lucas :
 * police de titre du parcours, graisse 700, capitales espacées (.28em sur fond clair, .22em sur fond sombre, comme
 * les deux marques du parcours), étoile ✦ terracotta #B5420F (charte du client) sur fond clair et #EFA47C sur fond
 * sombre (décision de Khalid du 12/10 : « Étoile sur fond sombre : #EFA47C »).
 *
 * Aucune propriété « display » sur la racine : les utilitaires des gabarits (hidden, dark:block…) gardent la main.
 * Police et graisse en !important : la marque ne prend pas la police d'un conteneur (ex. « aside#sidebar * » du
 * back-office). Couleurs portées par l'étoile et le mot : un lien parent ne les recolore pas.
 */
.lx-marque {
  font-family: "Bricolage Grotesque", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal;
  font-size: 16px;
  letter-spacing: .28em;
  text-transform: none;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
}
.lx-marque--clair { color: #111111; }
.lx-marque--sombre { color: #FFFFFF; letter-spacing: .22em; }
.lx-marque--clair .lx-marque-mot { color: #111111; }
.lx-marque--sombre .lx-marque-mot { color: #FFFFFF; }

/* Étoile : écart d'environ une lettre espacée avec le mot (consigne de Khalid du 12/10 : « prévoir un espace »). */
.lx-marque .lx-marque-etoile { color: #B5420F; letter-spacing: 0; margin-right: .55em; }
.lx-marque--sombre .lx-marque-etoile { color: #EFA47C; }
.lx-marque--etoile-seule .lx-marque-etoile { margin-right: 0; }

/* Tailles : normale = celle du parcours ; grande = hauteur de l'ancien logo des en-têtes (22 px, 18 px sous 640 px). */
.lx-marque--grande { font-size: 22px; line-height: 1; }
.lx-marque--heritee { font-size: inherit; }
@media (max-width: 639.98px) {
  .lx-marque--grande { font-size: 18px; }
}