/* Header sticky + shrink */
.site-header{
  position:sticky; top:0; z-index:var(--z-header);
  background:#fff; border-bottom:1px solid var(--color-line);
  transition: box-shadow .25s ease, padding .25s ease, height .25s ease;
}
.site-header .header-row{
  display:flex; align-items:center; justify-content:space-between;
  max-width:var(--container); margin:0 auto; padding:var(--hpad) var(--gutter);
  transition: padding .25s ease;
}

/* Conteneur logo = hauteur “réelle” du header */
.site-logo{
  display: flex; align-items: center;
  height: var(--logo-h);         
}

/* Logo – transition fluide (scale) */
.site-logo img{
  max-height:none; height:100%; width:auto; display:block;
  transform-origin:left center;
  transition: height .25s ease, transform .25s ease, opacity .25s ease;
}

/* Shrink */
.site-header.is-shrink .header-row{padding:var(--hpad-shrink) 16px}
.site-header.is-shrink .site-logo{ height: var(--logo-h-shrink); } 
/*.site-header.is-shrink .site-logo img{transform:scale(.70); opacity:.92}*/
.site-header.is-shrink .menu--header > li > a{padding:6px 4px; opacity:.85; transition: padding .25s ease, opacity .25s ease;}
.site-header.is-shrink{ box-shadow:0 4px 12px rgba(0,0,0,.08);}

/* Menu métiers centré */
.header-nav--primary{flex:1 1 auto; display:flex; justify-content:center}
.menu--header{display:flex; gap:32px; align-items:center}
.menu--header>li{list-style:none}
.menu--header>li>a{font-family:var(--font-title); font-weight:700; letter-spacing:.02em; text-transform:uppercase;
  color:var(--color-text); display:inline-block; padding:14px 6px;transition: padding .25s ease, opacity .25s ease;}
.menu--header>li>a:hover {color: var(--color-secondary); }

.menu--header>li.current-menu-item>a {color: var(--color-secondary); }

/* Burger */
.hamburger{background:none;border:0;cursor:pointer;display:flex;gap:8px;align-items:center}
.hamburger .fa-bars{font-size:25px}
.hamburger .hamburger-label{font-size:12px;text-transform:uppercase;}

/* Overlay plein écran */
.menu-overlay[hidden]{display:none}
.menu-overlay{
  position:fixed; inset:0; background:#fff; z-index:var(--z-overlay);
  display:flex; flex-direction:column; align-items: center; width: 100%; min-height:100dvh; animation:overlayIn .18s ease both;
}
@keyframes overlayIn{from{opacity:0}to{opacity:1}}

.overlay-close{
  position:absolute; top:10px; right:12px; background:none; border:0;
  font-size:28px; cursor:pointer; padding:8px; line-height:1; color:#111;
}
.overlay-nav{
  flex:0 1 auto; max-width:1100px; margin:auto 24px; padding:0 24px; 
  display:flex; flex-direction:column; justify-content: center; align-items: center; gap:24px;
}

/* Menus overlay */
.menu--overlay, .menu--overlay ul{list-style:none; padding:0; margin:0}
.menu--overlay>li{width: 100%; text-align:center;}
.menu--overlay a{
  display:inline-flex; align-items:center; gap:10px; /* ← chevron aligné */
  padding:14px 6px; color:#111;
  font-family:var(--font-title);
  font-weight:700; text-transform:uppercase;
}
/* bouton chevron inline + anim */
.menu--overlay li.menu-item-has-children>.submenu-toggle{
  background:none; border:0; margin-left:8px; cursor:pointer; color:#111; font-size:16px;
  display:inline-flex; align-items:center; line-height:1; transition:transform .2s ease;
}
.menu--overlay li.is-open>.submenu-toggle{ transform:rotate(180deg); }

/* accordéon (animé par JS) */
.menu--overlay li.menu-item-has-children>ul{
  overflow:hidden; max-height:0;  transition:max-height .25s ease;
}
/* (max-height est géré en JS) */

.menu--overlay li.is-open>a{color:var(--color-primary)}

/* Actifs WordPress : item + ancêtres en jaune */
.menu--overlay li.current-menu-item>a,
.menu--overlay li.current-menu-ancestor>a,
.menu--overlay li.current-menu-parent>a{ color:var(--color-primary); }

/* Réseaux bas — centrés */
.overlay-socials{
  margin-bottom:20px; padding-top:16px; text-align:center;
}
.overlay-socials ul{
  list-style:none; display:flex; justify-content:center; gap:14px; 
  margin:0; padding:0;              
}
.overlay-socials a{font-size:20px; color:#111}

/* Responsive */
@media (max-width:960px){
  .menu--header{gap:16px; flex-wrap:wrap; justify-content:center}
}
@media (max-width:720px){
  .header-nav--primary{display:none}
}