:root{
  --header-h-desktop: 90px;
  --header-h-mobile: 72px;
}


.sr-only{
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important
}


.site-header{
  position:sticky; top:0; z-index:5000;
  background:#fff;
  height:var(--header-h-desktop);border-bottom:1px solid #eee;

}

.site-header__container{
  display:flex; align-items:center; justify-content:space-between; gap:2rem;
  padding-left:clamp(12px,3vw,32px); padding-right:clamp(12px,3vw,32px);
  height:100%;
}


.site-header__logo{display:flex; align-items:center; height:100%;}
.site-header__logo img{display:block; height:var(--header-h-desktop); width:auto;}


.site-nav{order:1; position:relative; height:100%;}
.site-nav__panel{display:flex; align-items:center; gap:28px; position:relative; height:100%;}
.site-nav__list{display:flex; align-items:center; gap:28px; margin:0; padding:0; list-style:none; height:100%;}
.site-nav__item{position:relative; height:100%;}
.site-nav__link{
  display:inline-block; line-height:var(--header-h-desktop);
  text-decoration:none; color:#111; font-size:15px; letter-spacing:.04em; text-transform:uppercase;
}
.site-nav__link:hover{text-decoration:none;}
.site-nav__link.is-label{cursor:pointer; user-select:none;}
.is-active{font-weight:700;}
.is-disabled{opacity:.45; cursor:default}


.site-nav__instagram{
  margin-left:auto;                 
  height:100%;                     
  display:flex; align-items:center; 
}
.site-nav__icon{
  display:flex; align-items:center; justify-content:center;
  height:100%; padding:0;          
}
.site-nav__icon .icon{width:24px; height:24px; display:block;}


.site-lang{white-space:nowrap;}
.site-lang__link{
  text-decoration:none; color:#111; font-size:14px; letter-spacing:.04em; text-transform:uppercase;
  font-family:var(--ui-font,"Inter"),"Noto Sans","Segoe UI","Helvetica Neue",Arial,sans-serif; font-weight:400;
}
.site-lang__link.is-active{font-weight:700;}
.site-lang__sep{opacity:.6; margin:0 4px;}

@media (min-width:901px){
  .site-header__toggle{display:none;}
  .site-nav,.site-nav__panel{position:static!important;}
  .site-lang{position:absolute!important; left:50%; transform:translateX(-50%); bottom:10px; z-index:2;}
}


.site-nav__caret{margin-left:.35rem;}
.site-nav__item.has-children{position:relative;}

.site-nav__dropdown{
  position:absolute; top:100%; left:0;     
  width:max-content; max-width:50vw; max-height:70vh; overflow:auto;
  display:none; margin:0; padding:.5rem 0; list-style:none;

  /* >>> transparence unifiée */
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(3px);

  border:1px solid #eee; border-top:0;
  box-shadow:none; border-radius:0; z-index:6001;
}
.site-nav__dropdown.is-open{display:block;}

.site-nav__submenu-item{margin:0;}
.site-nav__submenu-link{
  display:block; padding:.5rem .9rem; text-decoration:none; color:inherit; white-space:nowrap;
}
.site-nav__submenu-link:hover,.site-nav__submenu-link:focus{background:rgba(0,0,0,.05);}


@media (min-width: 960px){
  .site-header__container{
    padding-left: clamp(0px, 1vw, 8px);
    padding-right: clamp(0px, 1vw, 8px);
  }
}

@media (max-width:900px){
  .site-header{height:var(--header-h-mobile);}
  .site-header__logo img{height:var(--header-h-mobile);}

  .site-header__toggle{
    display:block; position:absolute; right:clamp(12px,3vw,32px); top:20px;
    width:40px; height:40px; border:0; background:transparent; cursor:pointer;
  }
  .site-header__toggle span{position:relative; display:block; width:22px; height:2px; margin:5px auto; background:#111;}
  .site-header__toggle span::before,.site-header__toggle span::after{
    content:""; position:absolute; left:0; right:0; height:2px; background:#111;
  }
  .site-header__toggle span::before{top:-7px;}
  .site-header__toggle span::after{top:7px;}

  .site-nav{position:static!important; height:auto;}

  .site-nav__panel{
    position:fixed; left:0; right:0;
    top:var(--header-h-mobile);   
    bottom:0;                           
    display:none;


    background:rgba(255,255,255,.9);
    backdrop-filter:blur(3px);

    border-bottom:1px solid #eee;
    padding-left:clamp(12px,3vw,32px); padding-right:clamp(12px,3vw,32px);
    padding-top:18px; padding-bottom:24px;
    z-index:6000;
    overflow:auto;
    opacity:0; transform:translateY(-10px);
    transition:opacity .3s ease, transform .3s ease;
  }
  .site-nav__panel.is-open{display:block; opacity:1; transform:translateY(0);}

  .site-nav__list{display:flex; flex-direction:column; align-items:flex-start; gap:14px; margin:0; height:auto;}
  .site-nav__item{height:auto;}
  .site-nav__link{line-height:1.2; font-size:16px; padding:10px 0;}

  .site-lang{position:static!important; text-align:center; font-size:16px; margin:12px 0 0;}
  .site-nav__instagram{margin-left:0;}


  .site-nav__item.has-children{width:100%;}
  .site-nav__dropdown{
    position:static; width:100%; max-width:none; max-height:none;
    margin-top:6px; padding:0 0 10px 0;
    border:0;


    background:inherit;
    backdrop-filter:inherit;
  }
  .site-nav__dropdown.is-open{display:block;}
  .site-nav__submenu-link{padding:.4rem 0;}
}