/* =====================================================
   branding.css — v1
   Classes utilitaires globales pour le branding QUANTICLIFT™
   Chargé sur TOUTES les pages (via functions.php)

   Règles Notion :
     QUANTIC (700) + LIFT (300) + ™ en sup
     Sans espace entre QUANTIC et LIFT
     Fond clair → #4A6B61  /  Fond sombre → #CAD5D3
     Toujours "Dr Vitse", jamais "Dr Julian"
===================================================== */

/* ─── Classes principales (titres, logos, hero) ───── */
.ql-bold  { font-weight: 700; }
.ql-light { font-weight: 300; }

/* ─── Aliases (texte courant — force aussi l'uppercase) */
.ql-name  { font-weight: 700; text-transform: uppercase; }
.ql-lift  { font-weight: 300; text-transform: uppercase; }

/* ─── ™ — fonctionne en <sup> ou en <span> ────────── */
.ql-tm {
  font-size: 0.55em;
  vertical-align: super;
  line-height: 0;
  font-weight: 400;
}

/* Si ql-tm est dans un <sup>, reset le double-super */
sup.ql-tm {
  font-size: 0.55em;
  vertical-align: super;
  line-height: 0;
  top: 0; /* annule le décalage natif de <sup> */
}

/* ─── Wrapper brand (utilisé dans §7 comparaison) ── */
.ql-brand {
  white-space: nowrap;
  font-family: 'Rajdhani', sans-serif;
}

/* Variante sur fond sombre */
.ql-brand--on-dark .ql-bold,
.ql-brand--on-dark .ql-light,
.ql-brand--on-dark .ql-tm {
  color: #FFFFFF;
}