/*
Theme Name: Blank Canvas Enfant
Template: blank-canvas-3-wpcom 2
Version: 1.0
*/
/* Base */
html { scroll-behavior: smooth; }
:target { scroll-margin-top: 80px; }

/* HEADER FIXE */
:root { --header-h: 72px; }  /* ajuste à la hauteur réelle */

.wp-block-template-part.is-header,
header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1000;
  height: var(--header-h);
  background: #fff;
  border-bottom: 1px solid #eee;
  display: flex;
  align-items: center;
}

/* Décaler le contenu sous le header fixe */
body { padding-top: var(--header-h); }

/* Barre admin WordPress */
@media (min-width: 782px){
  body.admin-bar .wp-block-template-part.is-header,
  body.admin-bar header { top: 32px; }
  body.admin-bar { padding-top: calc(var(--header-h) + 32px); }
}
@media (max-width: 781px){
  body.admin-bar .wp-block-template-part.is-header,
  body.admin-bar header { top: 46px; }
  body.admin-bar { padding-top: calc(var(--header-h) + 46px); }
}

/* NAV À DROITE (robuste même sans site-title) */
.wp-block-template-part.is-header .wp-block-group.is-layout-flex > .wp-block-navigation {
  margin-left: auto; /* pousse la nav à droite */
}

/* Si ton groupe parent conserve 'space-between', écrase-le */
.wp-block-template-part.is-header 
  .wp-block-group.is-layout-flex.is-content-justification-space-between {
  justify-content: flex-end;
}

/* Burger à droite en mobile */
.wp-block-template-part.is-header .wp-block-navigation__responsive-container-open {
  margin-left: auto;
}

/* CACHER le site-title (choisis UNE techno) */
/* Variante 1 : garder la place -> menu reste à droite même sans margin-left */
.wp-block-site-title { visibility: hidden; }

/* Spacing nav */
.wp-block-navigation { gap: 1rem; }

/* Elementor (si utilisé) – pense à CHARGER la police sinon mets des fallbacks */
h2.elementor-heading-title.elementor-size-default { 
  color: #BDA18A !important; 
  font-family: 'Moon Type Free Demo', Poppins, system-ui, sans-serif;
}
h4.elementor-heading-title.elementor-size-default { 
  color: #BDA18A !important; 
  font-family: 'Moon Type Free Demo', Poppins, system-ui, sans-serif;
}
/* ——— Forcer l’alignement à droite sur mobile ——— */
@media (max-width: 781px) {
  /* 1) Le conteneur flex du header pousse son contenu à droite */
  .wp-block-template-part.is-header .is-layout-flex {
    justify-content: flex-end !important;
  }

  /* 2) Le bouton "burger" (ouvrir le menu) se place à droite */
  .wp-block-template-part.is-header .wp-block-navigation__responsive-container-open {
    margin-left: auto;
  }

  /* 3) Par sécurité, si la nav est l’unique enfant du groupe, on la pousse à droite */
  .wp-block-template-part.is-header .wp-block-group.is-layout-flex > .wp-block-navigation {
    margin-left: auto;
  }
}