/* Navigation mobile — conserve le header Figma sur desktop. */
.latelier-menu-toggle{display:none}

@media (max-width:980px){
  .figma-header__nav{
    position:relative;
    z-index:40;
    min-height:72px;
    padding:12px 24px;
    overflow:visible;
  }

  .figma-header__nav .latelier-menu-toggle{
    width:100%;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 20px;
    border:2px solid #FAF8EA;
    border-radius:999px;
    background:#E3E8DA;
    color:#403C38;
    font:16px/1.2 Actor,Arial,sans-serif;
    letter-spacing:.06em;
    text-transform:uppercase;
    cursor:pointer;
    transition:background-color .2s ease,transform .2s ease;
  }

  .figma-header__nav .latelier-menu-toggle::after{
    content:"+";
    display:block;
    font:32px/.65 Arial,sans-serif;
    transition:transform .2s ease;
  }

  .figma-header__nav .latelier-menu-toggle:hover,
  .figma-header__nav .latelier-menu-toggle:focus-visible{
    background:#D6C262;
    outline:0;
  }

  .figma-header__nav.is-menu-open .latelier-menu-toggle::after{
    transform:rotate(45deg);
  }

  .figma-header__nav .octacom-menu{
    display:none !important;
    position:absolute;
    top:100%;
    right:0;
    left:0;
    z-index:41;
    width:auto !important;
    height:auto !important;
    max-height:calc(100dvh - 72px);
    margin:0 !important;
    padding:10px 24px 26px !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    overflow:auto;
    background:#D0D8C2;
    box-shadow:0 16px 24px rgba(64,60,56,.14);
    white-space:normal !important;
  }

  .figma-header__nav.is-menu-open .octacom-menu{
    display:flex !important;
  }

  .figma-header__nav .octacom-menu li{
    width:100%;
    margin:0 !important;
    border-bottom:1px solid rgba(64,60,56,.15);
  }

  .figma-header__nav .octacom-menu li:last-child{
    border-bottom:0;
  }

  .figma-header__nav .octacom-menu a{
    width:100%;
    min-height:50px;
    height:auto;
    padding:13px 0;
    justify-content:flex-start;
    font-size:16px;
  }

  .figma-header__nav .octacom-menu .current-menu-item a,
  .figma-header__nav .octacom-menu .current_page_item a{
    padding:13px 18px;
    border-color:#FAF8EA;
  }
}

@media (max-width:600px){
  .figma-header__nav{
    min-height:68px;
    padding:10px 16px;
  }

  .figma-header__nav .octacom-menu{
    padding:8px 16px 20px !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .figma-header__nav .latelier-menu-toggle,
  .figma-header__nav .latelier-menu-toggle::after{
    transition:none;
  }
}