/* 1) Taille du logo (prioritaire sur le thème) - STYLES ULTRA SPÉCIFIQUES */
.navbar .navbar-brand .site-logo,
.navbar .navbar-brand img,
.navbar-brand .site-logo,
.navbar-brand img,
img[data-logo="latenba-orlain"] {
  height: 100px !important;      /* ← ajuste ici */
  max-height: 100px !important;
  width: auto !important;
  display: block !important;
  /* Force une apparence uniforme du logo */
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  /* Force l'utilisation du même logo */
  content: url('/assets/brand/logo_orlain.png') !important;
}

/* 2) MARGE INTÉRIEURE autour du logo (dans l’ancre <a class="navbar-brand">) */
.navbar-brand{
  padding-left: 20px !important;   /* espace à gauche du logo */
  padding-right: 20px !important;  /* espace à droite du logo */
  padding-bottom: 20x !important;   /* 👈 espace en dessous du logo */
  margin-right: 28px !important;   /* espace entre le logo et le menu */
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 90px;                /* centre verticalement si le logo est grand */
}

/* 3) Si tu veux élargir le padding global du header (bords de l’écran) */
.navbar, .navbar .container, .navbar .container-fluid{
  padding-left: 40px !important;   /* ← augmente l’espace côté gauche du header */
  padding-right: 40px !important;  /* ← augmente l’espace côté droit du header */
}

/* 4) Force la cohérence du logo sur tous les éléments possibles - STYLES ULTRA SPÉCIFIQUES */
.navbar .navbar-brand .site-logo,
.navbar .navbar-brand .logo,
.navbar .navbar-brand .logo-light,
.navbar .navbar-brand .logo-regular,
.navbar .navbar-brand img,
.navbar-brand .site-logo,
.navbar-brand .logo,
.navbar-brand .logo-light,
.navbar-brand .logo-regular,
.navbar-brand img {
  /* Force une apparence uniforme */
  object-fit: contain !important;
  background: transparent !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  /* Force l'utilisation du même logo */
  content: url('/assets/brand/logo_orlain.png') !important;
}

/* 5) Version mobile : un peu moins d'espace */
@media (max-width: 991px){
  .navbar .navbar-brand .site-logo,
  .navbar .navbar-brand img,
  .navbar-brand .site-logo,
  .navbar-brand img { 
    height: 70px !important; 
    /* Force une apparence uniforme du logo sur mobile */
    object-fit: contain !important;
    background: transparent !important;
    filter: none !important;
    mix-blend-mode: normal !important;
    /* Force l'utilisation du même logo */
    content: url('/assets/brand/logo_orlain.png') !important;
  }
  .navbar-brand{
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin-right: 12px !important;
    min-height: 72px;
  }
  .navbar, .navbar .container, .navbar .container-fluid{
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}