// layout/_header.scss

// 1. GESTION DU TOOLBAR (Mobile / Desktop)
#header #toolbar {
  @include media-breakpoint-down(lg) {
    display: none;
  }
}

// 3. LE HEADER FIXE
// layout/_header.scss

// layout/_header.scss
#header {
  z-index: 1030;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: var(--header-h);

  // 🟢 1. Le fond s'applique ici
  background: var(--header-bg);
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1), 0 5px 20px 0 rgba(0, 0, 0, .05);

  // 🟢 2. Redéfinition du Scope Bootstrap
  // On injecte vos variables du root dans le moteur de la navbar Bootstrap
  --bs-navbar-color: var(--header-text);
  --bs-navbar-hover-color: var(--header-text-hover);
  --bs-navbar-active-color: var(--header-text-hover);
  --bs-navbar-brand-color: var(--header-text);
  --bs-navbar-brand-hover-color: var(--header-text-hover);

  .container {
    height: 100%;
  }

  @include media-breakpoint-up(md) {
    // On cible les dropdowns, SAUF s'ils sont aussi des éléments de navigation
    .dropdown:not(.nav-item) {
      margin-left: var(--spacer);
    }
  }

  // Pousse le contenu en dessous
  & + div,
  & + section,
  & + main {
    //margin-top: calc(var(--header-h) + var(--toolbar-h, 0px));
  }
}
/* 🟢 SÉCURITÉ MENU FIXE : Repousse le tout premier élément (quel qu'il soit) qui suit le header */
/* 🟢 SÉCURITÉ MENU : Repousse le tout premier élément qui suit le header */
#header + * {
  margin-top: calc(var(--header-h, 100px) + var(--toolbar-h, 40px));
  //var(--header-h, 100px) !important;
}
//.hero-transparent { margin-top: 0 !important; }

.site-name {
  text-align: center;
  align-self: flex-start;
  z-index: 1040;

  @include media-breakpoint-down(lg) {
    display: flex;
    flex: 1;
    align-self: center;
    justify-content: center;
  }

  a {
    // 🟢 LA MAGIE FLEXBOX : Centre le contenu parfaitement
    display: flex;
    align-items: center; // Centre verticalement
    height: var(--header-h); // Prend la hauteur totale du menu

    text-decoration: none;
    color: var(--mc-primary);
    font-weight: $font-weight-bold;
    font-family: $headings-font-family;

    // ❌ SUPPRIMÉ : On enlève le padding-top global qui faussait le texte
  }

  // 🟢 NOUVEAU : Si c'est le logo texte (span)
  span {
    margin: 0 !important; // Annule les marges résiduelles de Bootstrap (ex: mb-0)
    line-height: 1; // Évite les débordements invisibles de la police
  }

  // 🟢 Si c'est l'image
  img {
    width: auto;
    max-width: 250px;

    // On peut appliquer le padding UNIQUEMENT à l'image si on veut la décoller du haut
    //padding-top: 10px;

    // On ajuste le calcul de la hauteur pour tenir compte du padding
    height: calc(var(--header-h) - 5px);

    max-height: none !important;
    object-fit: contain;
    object-position: left center; // Changé de 'top' à 'center' pour une meilleure harmonie

    @include media-breakpoint-down(lg) {
      max-width: 180px;
      padding-top: 5px; // Un peu moins de padding sur mobile
      height: calc(var(--header-h) - 10px);
      object-position: center center;
    }
  }
}