/* En-tête du site (25/10/2026, en attendant le design) : logo DECIS suivi du
   nom « Decis », séparateur, logo Lisam Time, comme sur la page de
   maintenance. Module « Custom » « En-tête : logos », position below-top ;
   titre de Cassiopeia masqué (Brand : No). Chargé par Cassiopeia
   (template.user) : media/templates/site/cassiopeia/css/user.css, pas touché
   par les mises à jour de Joomla.
   L'éditeur (TinyMCE) supprime les <span> sans attribut ou vides : le style
   ne s'appuie que sur les deux liens et les images du module. */
.container-header .container-below-top { justify-content: flex-start; }
.decis-brands { display: flex; align-items: center; gap: 18px; min-width: 0; padding: .5rem 0; }
.decis-brands p { margin: 0; display: contents; }
.decis-brand { display: inline-flex; align-items: center; gap: 10px; color: #cfd0ff; text-decoration: none; font-weight: 700; font-size: 20px; line-height: 1; white-space: nowrap; }
/* Même couleur et même hauteur de capitale que « LISAM » du logo affiché
   (texte #262753 inversé par le filtre ci-dessous, rendu #cfd0ff ; capitales
   de 14 px pour un logo de 40 px, police du site : capitale ≈ 0,70 em). */
.decis-brand:hover, .decis-brand:focus { color: #cfd0ff; text-decoration: none; }
.decis-brand img { display: block; width: 40px; height: 40px; border-radius: 0; flex: none; }
/* Texte centré sur sa boîte, pas sur ses capitales : 2 px trop bas par
   rapport à « LISAM » (mesuré le 25/10/2026). Le lien remonte de 2 px, le
   logo redescend de 2 px. */
.decis-brand { padding-bottom: 4px; }
.decis-brand img { position: relative; top: 2px; }
/* Séparateur vertical : bordure du lien Lisam Time. */
.decis-lisam { display: inline-flex; align-items: center; padding-left: 18px; border-left: 1px solid rgba(255, 255, 255, .45); }
/* Logo officiel (texte sombre) sur l'en-tête bleu foncé de Cassiopeia :
   clarté inversée, orange conservé (même règle que la page de maintenance). */
.decis-lisam img { display: block; height: 40px; width: auto; filter: invert(1) hue-rotate(180deg); }
@media (max-width: 575.98px) {
  .decis-brands { gap: 12px; }
  .decis-brand { font-size: 15px; }
  .decis-lisam { padding-left: 12px; }
  .decis-lisam img { height: 30px; }
}