/* Header - alignement avec le contenu en mobile */
@media (max-width: 782px) {
  /* Le header desktop utilise spacing-70, mais le contenu utilise spacing-80
     On force le header mobile à utiliser spacing-80 pour l'alignement */
  header .wp-block-group.alignfull.is-fixed-header {
    padding-left: var(--wp--preset--spacing--40) !important;
    padding-right: var(--wp--preset--spacing--40) !important;
    padding-top: var(--wp--preset--spacing--40) !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }

  /* S'assurer que le groupe interne n'ajoute pas de padding supplémentaire */
  header .wp-block-group.alignfull.is-fixed-header > .wp-block-group {
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Uniformiser le padding-top du contenu sur toutes les pages (home et filtres) */
  .entry-content.home,
  .wp-block-group.is-layout-flow:has(.kozto-filtered-grid-wrapper) {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-left: var(--wp--preset--spacing--40) !important;
    padding-right: var(--wp--preset--spacing--40) !important;
  }

  /* Navigation des filtres dans le header - aligner avec le logo */
  .kozto-filters-nav-shortcode {
    margin-left: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* Bouton burger - ajustement d'alignement */
.wp-block-navigation__responsive-container-open {
  margin: 0 !important;
  padding: 0.25rem 0.5rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: normal !important;
}

/* Container du menu responsive */
.wp-block-navigation__responsive-container.is-menu-open {
  position: fixed !important;
top: calc(-1 * var(--wp--preset--spacing--40)) !important;

  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  max-width: 90vw;
  max-height: 90vh;
}

/* Dialog du menu */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-dialog {
  position: relative !important;
  inset: auto !important;
  background-color: #ffffff !important;
  color: #000 !important;
  padding: 2rem !important;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  z-index: 100000;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-dialog
  p {
  color: #000 !important;
}

/* Bouton fermer du menu */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-close {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
}

/* Liens du menu */
.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item {
  margin: 0.5rem 0;
}

@media (min-width: 782px) {
  .wp-block-navigation.is-layout-flex {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 1.5rem !important; /* <-- espace entre les liens */
  }
}