/* ABOMEY VIBES V8 — Navigation d'ordinateur sur UNE SEULE LIGNE.
   Aucun contour : contraste assuré par la typographie, la couleur et le soulignement actif.
   Chargé en dernier uniquement pour body.view-desktop. */
@media (min-width:1180px) {
  body.view-desktop .site-header {
    border:0!important;
    border-bottom:1px solid rgba(255,219,56,.15)!important;
    background:linear-gradient(90deg,rgba(5,5,8,.985),rgba(12,11,13,.975))!important;
    box-shadow:0 12px 42px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px)!important;
  }
  body.view-desktop .header-inner {
    display:grid!important;
    grid-template-columns:116px minmax(0,1fr) 80px!important;
    grid-template-rows:1fr!important;
    align-items:center!important;
    justify-content:stretch!important;
    width:100%!important;
    max-width:1700px!important;
    min-height:104px!important;
    gap:clamp(12px,1.75vw,30px)!important;
    padding:10px clamp(18px,3.5vw,70px)!important;
    margin-inline:auto!important;
  }
  body.view-desktop .header-inner::before { content:none!important;display:none!important }
  body.view-desktop .header-brand {
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    align-self:center!important;
    min-width:0!important;
  }
  body.view-desktop .header-brand .logo {
    height:78px!important;
    max-height:78px!important;
    max-width:114px!important;
    width:auto!important;
    object-fit:contain!important;
    animation:none!important;
    transform:none!important;
  }
  body.view-desktop .main-nav {
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:clamp(5px,.72vw,13px)!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
  }
  body.view-desktop .main-nav>.nav-item {
    display:flex!important;
    flex:0 1 auto!important;
    min-width:0!important;
    height:auto!important;
    align-items:center!important;
    justify-content:center!important;
    position:relative!important;
  }
  body.view-desktop .main-nav>.nav-item>.nav-link,
  body.view-desktop .main-nav>.nav-item>.nav-trigger {
    display:inline-flex!important;
    flex:0 1 auto!important;
    width:auto!important;
    min-height:60px!important;
    padding:0 clamp(6px,.7vw,13px)!important;
    border:none!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(4px,.45vw,9px)!important;
    color:#f6f3ee!important;
    font-family:var(--font-sans,Arial,sans-serif)!important;
    font-size:clamp(12.5px,.98vw,16px)!important;
    font-weight:950!important;
    letter-spacing:.075em!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    text-transform:uppercase!important;
    text-decoration:none!important;
    text-shadow:none!important;
    transform:none!important;
    transition:color .2s ease,transform .2s ease!important;
  }
  body.view-desktop .main-nav>.nav-item>.nav-link span:first-child,
  body.view-desktop .main-nav>.nav-item>.nav-trigger span:first-child {
    min-width:0!important;
    white-space:nowrap!important;
  }
  body.view-desktop .main-nav>.nav-item>.nav-link::after,
  body.view-desktop .main-nav>.nav-item>.nav-trigger::after {
    content:''!important;
    display:block!important;
    position:absolute!important;
    left:12px!important;
    right:12px!important;
    bottom:2px!important;
    top:auto!important;
    width:auto!important;
    height:3px!important;
    border:0!important;
    background:var(--rev-gold,#ffdb38)!important;
    opacity:0!important;
    transform:scaleX(.4)!important;
    transition:opacity .2s ease,transform .2s ease!important;
  }
  body.view-desktop .main-nav>.nav-item:hover>.nav-link,
  body.view-desktop .main-nav>.nav-item:hover>.nav-trigger,
  body.view-desktop .main-nav>.nav-item>.nav-link.active,
  body.view-desktop .main-nav>.nav-item>.nav-trigger.active,
  body.view-desktop .main-nav>.nav-item:focus-within>.nav-trigger {
    color:var(--rev-gold,#ffdb38)!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.view-desktop .main-nav>.nav-item:hover>.nav-link::after,
  body.view-desktop .main-nav>.nav-item:hover>.nav-trigger::after,
  body.view-desktop .main-nav>.nav-item>.nav-link.active::after,
  body.view-desktop .main-nav>.nav-item>.nav-trigger.active::after {
    opacity:1!important;
    transform:scaleX(1)!important;
  }
  body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a {
    border:0!important;
    border-radius:0!important;
    min-height:60px!important;
    padding:0 clamp(13px,1.1vw,20px)!important;
    background:var(--rev-gold,#ffdb38)!important;
    color:#0a0a0e!important;
    box-shadow:none!important;
    font-size:clamp(13px,1vw,16px)!important;
    font-weight:950!important;
  }
  body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a::after {display:none!important}
  body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a:hover,
  body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a.active {
    background:#fff0a8!important;
    color:#0a0a0e!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.view-desktop .nav-caret svg { width:12px!important;height:8px!important }
  body.view-desktop .main-nav>.nav-item.has-children:hover .nav-caret svg,
  body.view-desktop .main-nav>.nav-item.has-children:focus-within .nav-caret svg {
    transform:rotate(180deg)!important;
  }
  body.view-desktop .main-nav .nav-dropdown {
    top:calc(100% + 10px)!important;
    left:0!important;
    min-width:250px!important;
    width:max(100%,250px)!important;
    padding:12px!important;
    border:0!important;
    border-top:3px solid var(--rev-gold,#ffdb38)!important;
    background:#101115!important;
    box-shadow:0 24px 55px rgba(0,0,0,.45)!important;
    z-index:250!important;
  }
  body.view-desktop .main-nav .nav-dropdown a {
    font-size:13px!important;
    font-weight:800!important;
    letter-spacing:.06em!important;
    line-height:1.45!important;
    padding:14px 15px!important;
    border:0!important;
  }
  body.view-desktop .header-actions {
    grid-column:3!important;
    grid-row:1!important;
    justify-self:end!important;
    align-self:center!important;
    min-width:0!important;
    margin:0!important;
  }
  body.view-desktop .lang-picker .lang-button {
    min-height:60px!important;
    min-width:65px!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#f6f3ee!important;
    box-shadow:none!important;
    font-size:14px!important;
    font-weight:950!important;
    letter-spacing:.09em!important;
  }
  body.view-desktop .lang-picker .lang-button:hover{color:var(--rev-gold,#ffdb38)!important}
  body.view-desktop .av-stage .hero-content {
    min-height:740px!important;
    padding-top:148px!important;
    padding-bottom:90px!important;
  }
  body.view-desktop .av-editorial-hero {
    min-height:655px!important;
    padding-top:185px!important;
    padding-bottom:72px!important;
  }
  body.view-desktop.page-contact .page-hero,
  body.view-desktop.page-exposants .page-hero,
  body.view-desktop.page-404 .page-hero {
    min-height:530px!important;
    padding-top:185px!important;
  }
}
@media (min-width:1180px) and (max-width:1340px) {
  body.view-desktop .header-inner {
    grid-template-columns:102px minmax(0,1fr) 65px!important;
    padding-inline:18px!important;
    gap:10px!important;
  }
  body.view-desktop .main-nav {gap:3px!important}
  body.view-desktop .main-nav>.nav-item>.nav-link,
  body.view-desktop .main-nav>.nav-item>.nav-trigger {
    font-size:12.4px!important;
    letter-spacing:.035em!important;
    padding-inline:6px!important;
    gap:4px!important;
  }
  body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a{
    font-size:12.5px!important;padding-inline:12px!important;
  }
  body.view-desktop .header-brand .logo{max-width:100px!important;height:70px!important;max-height:70px!important}
}
@media (max-width:1179px) {
  /* Bascule vers le menu accessible plutôt que de tasser sept rubriques. */
  body.view-desktop .header-inner {
    display:flex!important;
    min-height:88px!important;
    padding:12px 22px!important;
    gap:16px!important;
  }
  body.view-desktop .header-inner::before {display:none!important;content:none!important}
  body.view-desktop .main-nav {display:none!important}
  body.view-desktop .header-brand .logo{height:66px!important;max-height:66px!important;max-width:108px!important}
  body.view-desktop .btn-menu {
    display:flex!important;
    width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:12px!important;
    color:#fff!important;
  }
  body.view-desktop .av-stage .hero-content{padding-top:150px!important}
  body.view-desktop .av-editorial-hero{padding-top:156px!important}
}
@media (prefers-reduced-motion:reduce) {
  body.view-desktop .main-nav>.nav-item>.nav-link,
  body.view-desktop .main-nav>.nav-item>.nav-trigger{transition:none!important}
}

@media(max-width:1179px){
 body.view-desktop .btn-menu svg{width:25px!important;min-width:25px!important;height:25px!important;flex:0 0 25px!important;stroke:#fff!important}
}


/* V9 — Navigation plus imposante, toujours sur une seule ligne, sans contours. */
@media (min-width:1180px) {
 body.view-desktop .header-inner {
   min-height:120px!important;
   grid-template-columns:124px minmax(0,1fr) 78px!important;
   gap:clamp(10px,1.4vw,26px)!important;
   padding-block:12px!important;
   padding-inline:clamp(18px,3.1vw,64px)!important;
 }
 body.view-desktop .header-brand .logo{
   height:88px!important;max-height:88px!important;max-width:124px!important;
 }
 body.view-desktop .main-nav{gap:clamp(3px,.6vw,10px)!important}
 body.view-desktop .main-nav>.nav-item>.nav-link,
 body.view-desktop .main-nav>.nav-item>.nav-trigger{
   min-height:78px!important;
   padding-inline:clamp(8px,.9vw,16px)!important;
   font-size:clamp(14px,1.12vw,18px)!important;
   font-weight:950!important;
   letter-spacing:.055em!important;
   line-height:1.15!important;
   gap:clamp(4px,.45vw,9px)!important;
   border:0!important;outline:0 solid transparent!important;
   box-shadow:none!important;
   background:transparent!important;
 }
 body.view-desktop .main-nav>.nav-item:hover>.nav-link,
 body.view-desktop .main-nav>.nav-item:hover>.nav-trigger,
 body.view-desktop .main-nav>.nav-item>.nav-link.active,
 body.view-desktop .main-nav>.nav-item>.nav-trigger.active{
   background:transparent!important;color:#ffdc38!important;
 }
 body.view-desktop .main-nav>.nav-item>.nav-link::after,
 body.view-desktop .main-nav>.nav-item>.nav-trigger::after{
   height:4px!important;bottom:9px!important;left:10px!important;right:10px!important;
 }
 body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a{
   min-height:78px!important;padding-inline:clamp(17px,1.35vw,26px)!important;
   font-size:clamp(14px,1.14vw,18px)!important;
   font-weight:950!important;
   border:0!important;box-shadow:0 12px 30px rgba(255,219,56,.14)!important;
   background:#ffdc38!important;
 }
 body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a:hover,
 body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a.active {
   background:#fff0ad!important;color:#101010!important;
 }
 body.view-desktop .lang-picker .lang-button{
   min-height:78px!important;font-size:15px!important;font-weight:950!important;
   border:0!important;background:transparent!important;box-shadow:none!important;
 }
 body.view-desktop .nav-caret svg{width:13px!important;height:9px!important}
 body.view-desktop .av-stage .hero-content{padding-top:170px!important}
 body.view-desktop .av-editorial-hero{padding-top:200px!important}
 body.view-desktop.page-contact .page-hero,
 body.view-desktop.page-exposants .page-hero,
 body.view-desktop.page-404 .page-hero{padding-top:210px!important}
}
@media (min-width:1180px) and (max-width:1370px){
 body.view-desktop .header-inner{
   min-height:110px!important;
   grid-template-columns:100px minmax(0,1fr) 58px!important;
   padding-inline:15px!important;gap:8px!important;
 }
 body.view-desktop .header-brand .logo{height:74px!important;max-height:74px!important;max-width:100px!important}
 body.view-desktop .main-nav{gap:2px!important}
 body.view-desktop .main-nav>.nav-item>.nav-link,
 body.view-desktop .main-nav>.nav-item>.nav-trigger{
   font-size:clamp(12.8px,1.025vw,14px)!important;
   padding-inline:clamp(5px,.5vw,8px)!important;
   letter-spacing:.025em!important;
   min-height:70px!important;
   gap:4px!important;
 }
 body.view-desktop .main-nav>.nav-item[data-nav-key="contact"]>a{
   min-height:70px!important;
   font-size:clamp(12.8px,1.025vw,14px)!important;
   padding-inline:12px!important;
 }
 body.view-desktop .lang-picker .lang-button{min-height:70px!important;font-size:13px!important}
 body.view-desktop .av-stage .hero-content{padding-top:155px!important}
}
