/* ==========================================================================
   Marque FLEXIBLE (composant x-site.brand) — site public, authentification,
   barre supérieure de l'administration et de l'espace client.
   Symbole inchangé, nom dominant, signature « Transport & Logistique » alignée
   sur la partie verte du symbole (le vert occupe 53 % → 100 % de sa hauteur).
   La hauteur du symbole pilote toute la composition (--brand-h).
   Sélecteurs doublés (.tf-brand .tf-brand__…) pour l'emporter sur les styles
   du gabarit d'administration (.logo img, .header .logo span).
   ========================================================================== */
.tf-brand { --brand-h: 44px; display: inline-flex; align-items: stretch; gap: calc(var(--brand-h) * 0.22); text-decoration: none; line-height: 1; white-space: nowrap; }
.tf-brand--sm { --brand-h: 36px; }
.tf-brand--lg { --brand-h: 52px; }
.tf-brand .tf-brand__symbol { display: block; height: var(--brand-h); max-height: none; width: auto; margin: 0; flex: none; }
.tf-brand .tf-brand__text { display: grid; grid-template-rows: 53fr 47fr; height: var(--brand-h); }
.tf-brand .tf-brand__text .tf-brand__name { display: block; align-self: end; font-family: var(--tf-font-title); font-weight: 800; font-size: calc(var(--brand-h) * 0.52); letter-spacing: 0.06em; line-height: 0.9; color: var(--tf-blue); }
.tf-brand .tf-brand__text .tf-brand__tagline { display: block; align-self: center; padding-top: calc(var(--brand-h) * 0.04); font-family: var(--tf-font); font-weight: 600; font-size: calc(var(--brand-h) * 0.27); letter-spacing: 0.03em; line-height: 1; color: var(--tf-green-dark); }
.tf-brand--dark .tf-brand__text .tf-brand__name { color: #ffffff; }
.tf-brand--dark .tf-brand__text .tf-brand__tagline { color: var(--tf-green); }
a.tf-brand:focus-visible { outline: 3px solid var(--tf-blue); outline-offset: 4px; border-radius: 6px; }
.tf-brand--dark:focus-visible { outline-color: #ffffff; }
.tf-site a.tf-brand, .tf-site a.tf-brand:hover, a.tf-brand:hover { text-decoration: none; }

/* Barre supérieure de l'administration et de l'espace client (60 px) : symbole 38 px ;
   la signature n'est masquée que sur les très petits écrans, où la place manque. */
.header .tf-brand { --brand-h: 38px; }
.header .tf-brand + .toggle-sidebar-btn { margin-left: 0.85rem; }
@media (max-width: 419.98px) { .header .tf-brand { --brand-h: 34px; } .header .tf-brand + .toggle-sidebar-btn { margin-left: 0.5rem; } }
@media (max-width: 339.98px) {
  .header .tf-brand { --brand-h: 32px; }
  .header .tf-brand .tf-brand__text { grid-template-rows: 1fr; }
  .header .tf-brand .tf-brand__text .tf-brand__name { align-self: center; }
  .header .tf-brand .tf-brand__text .tf-brand__tagline { display: none; }
}