/* ITNETSOLUTIONS CLOUD — logo partagé (menus public, client, administrateur et pages d'authentification).
 *
 * Deux images de même dimension : version claire (couleurs d'origine) et version
 * sombre (tons marine passés en blanc). Le thème est celui de site-theme.js /
 * legal-theme.js ([data-theme] sur <html>), avec repli sur la préférence système.
 * Seule la hauteur est imposée : la largeur suit le ratio du fichier (676 × 96).
 */
.brand-logo {
  --brand-logo-h: 30px;
  display: inline-flex;
  align-items: center;
  flex: none;
  line-height: 0;
  max-width: 100%;
}
.brand-logo img {
  display: block;
  height: var(--brand-logo-h);
  width: auto;
  max-width: none;
  object-fit: contain;
}
.brand-logo .brand-logo-dark { display: none; }
[data-theme="dark"] .brand-logo .brand-logo-light { display: none; }
[data-theme="dark"] .brand-logo .brand-logo-dark { display: block; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) .brand-logo .brand-logo-light { display: none; }
  :root:not([data-theme]) .brand-logo .brand-logo-dark { display: block; }
}

/* Emplacements */
.ui-brand .brand-logo,
.admin-ui-brand .brand-logo,
.navbar-brand .brand-logo,
.lp-brand .brand-logo { --brand-logo-h: 30px; }
.adm-brand .brand-logo { --brand-logo-h: 26px; }
.adm-login-head .brand-logo { --brand-logo-h: 40px; margin: 0 auto 12px; }

/* La barre latérale d'administration historique est toujours sombre. */
.adm-sidebar .brand-logo .brand-logo-light { display: none; }
.adm-sidebar .brand-logo .brand-logo-dark { display: block; }

.navbar-brand:has(> .brand-logo) { display: inline-flex; align-items: center; gap: 8px; padding-top: 0; padding-bottom: 0; }
.adm-sidebar .adm-brand { flex-direction: column; align-items: flex-start; gap: 6px; }
.adm-login-head .brand-logo { display: flex; justify-content: center; }

@media (max-width: 575.98px) {
  .ui-brand .brand-logo,
  .admin-ui-brand .brand-logo,
  .navbar-brand .brand-logo,
  .lp-brand .brand-logo { --brand-logo-h: 24px; }
  .adm-login-head .brand-logo { --brand-logo-h: 32px; }
}
@media (max-width: 379.98px) {
  .ui-brand .brand-logo,
  .admin-ui-brand .brand-logo,
  .navbar-brand .brand-logo,
  .lp-brand .brand-logo { --brand-logo-h: 22px; }
}
/* Menu administrateur mobile : le libellé « Admin » suit le logo ; même encombrement
   que l'ancienne marque pour garder thème et menu sur la même ligne. */
@media (max-width: 575.98px) {
  .admin-ui-brand .brand-logo,
  .lp-brand .brand-logo { --brand-logo-h: 20px; }
}