/* BISIMMO — sous-menu de marques, directement sous Bisecco dans le header.
   Logo Bisecco toujours cliquable ; chevron indépendant pour ouvrir le menu.
   Bis-Autos et Bis-Boats : logos sans fond, en attente de destinations.
   Palette : bleu marine #021434, or #B88F42, fond blanc.
*/
@media (min-width:1181px) {
  html body .entete .nav > .wp-block-navigation__container > li.bi-bisecco-header-item {
    position:relative!important;
    display:flex!important;
    align-self:center!important;
    align-items:center!important;
    flex:0 0 auto!important;
    margin-left:7px!important;
    overflow:visible!important;
    list-style:none!important;
  }
  html body .entete .nav > .wp-block-navigation__container > li.bi-bisecco-header-item .bi-network-menu {
    position:relative!important;
    display:block!important;
    width:130px!important;
    min-width:130px!important;
    max-width:130px!important;
    overflow:visible!important;
  }
  html body .entete .nav .bi-network-main {
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    height:43px!important;
    padding:0 3px!important;
    box-sizing:border-box!important;
    border:1px solid #D9C7A7!important;
    border-radius:5px!important;
    background:linear-gradient(145deg,#FFFFFF,#F9F7F2)!important;
    box-shadow:0 3px 10px rgba(2,20,52,.07)!important;
    transition:box-shadow .22s ease,border-color .22s ease!important;
  }
  html body .entete .nav .bi-network-main:hover,
  html body .entete .nav .bi-network-menu.is-open > .bi-network-main,
  html body .entete .nav .bi-network-menu:focus-within > .bi-network-main {
    border-color:#B88F42!important;
    box-shadow:0 5px 13px rgba(2,20,52,.115)!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn {
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
    height:100%!important;
    min-height:0!important;
    padding:5px 2px!important;
    margin:0!important;
    border:0!important;
    border-radius:4px!important;
    box-shadow:none!important;
    background:transparent!important;
    background-image:none!important;
    transform:none!important;
    text-decoration:none!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn:hover {
    border:0!important;
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn::before,
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn::after {
    content:none!important;
    display:none!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn img {
    display:block!important;
    width:85px!important;
    max-width:100%!important;
    height:auto!important;
    max-height:25px!important;
    object-fit:contain!important;
    filter:none!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn .bi-bisecco-header-arrow {
    display:none!important;
  }
}
/* Le bouton d'ouverture est un contrôle distinct du lien Bisecco. */
html body .entete .bi-network-toggle {
  display:grid!important;
  flex:0 0 28px!important;
  place-items:center!important;
  width:28px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-left:1px solid rgba(184,143,66,.26)!important;
  border-radius:3px!important;
  background:transparent!important;
  color:#9F7A39!important;
  box-shadow:none!important;
  cursor:pointer!important;
  transition:background-color .2s ease,color .2s ease!important;
}
html body .entete .bi-network-toggle:hover {
  background:#F4EFDF!important;
  color:#021434!important;
}
html body .entete .bi-network-toggle:focus-visible,
html body .entete a.bi-bisecco-header-btn:focus-visible {
  outline:2px solid #B88F42!important;
  outline-offset:2px!important;
}
html body .entete .bi-network-toggle .bi-network-chevron {
  display:block!important;
  width:15px!important;
  height:15px!important;
  flex:none!important;
  transition:transform .22s ease!important;
}
html body .entete .bi-network-menu.is-open .bi-network-chevron,
html body .entete .bi-network-menu:focus-within .bi-network-chevron {
  transform:rotate(180deg)!important;
}
/* Sous-menu : boîte flottante indépendante de la hauteur du header. */
@media(min-width:1181px) {
  html body .entete .nav .bi-network-dropdown {
    position:absolute!important;
    z-index:10000!important;
    top:calc(100% + 8px)!important;
    right:0!important;
    display:none!important;
    flex-direction:column!important;
    gap:0!important;
    width:218px!important;
    min-width:218px!important;
    padding:6px!important;
    border:1px solid #E7E1D5!important;
    border-radius:7px!important;
    background:#FFFFFF!important;
    box-shadow:0 14px 35px rgba(2,20,52,.14)!important;
    box-sizing:border-box!important;
  }
  html body .entete .nav .bi-network-menu.is-open > .bi-network-dropdown,
  html body .entete .nav .bi-network-menu:focus-within > .bi-network-dropdown,
  html body .entete .nav .bi-network-menu:hover > .bi-network-dropdown {
    display:flex!important;
  }
  /* Petite zone de liaison invisible pour éviter la fermeture au survol. */
  html body .entete .nav .bi-network-dropdown::before {
    content:""!important;
    display:block!important;
    position:absolute!important;
    height:10px!important;
    left:0!important;
    right:0!important;
    top:-9px!important;
    background:transparent!important;
  }
}
/* Lignes avec vrais logos détourés et noms lisibles sur fond clair. */
html body .entete .bi-network-dropdown-row {
  display:flex!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:61px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:11px!important;
  padding:8px 10px!important;
  margin:0!important;
  border:0!important;
  border-radius:4px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
  cursor:default!important;
  text-decoration:none!important;
}
html body .entete .bi-network-dropdown-row + .bi-network-dropdown-row {
  border-top:1px solid #F0EEE9!important;
  border-radius:0 0 4px 4px!important;
}
html body .entete .bi-network-dropdown-row .bi-network-brand-logo {
  display:block!important;
  flex:0 0 54px!important;
  width:54px!important;
  height:42px!important;
  max-height:42px!important;
  min-width:54px!important;
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  background-position:center!important;
  filter:none!important;
  opacity:1!important;
}
html body .entete .bi-network-dropdown-row .bi-network-logo-autos {
  background-image:url('https://www.bisimmo.com/wp-content/uploads/2026/10/bis-autos-header-cutout.webp')!important;
}
html body .entete .bi-network-dropdown-row .bi-network-logo-boats {
  background-image:url('https://www.bisimmo.com/wp-content/uploads/2026/10/bis-boats-header-cutout.webp')!important;
}
html body .entete .bi-network-dropdown-copy {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:4px!important;
  min-width:0!important;
  white-space:nowrap!important;
  color:#021434!important;
  font-family:Roboto,system-ui,Arial,sans-serif!important;
}
html body .entete .bi-network-dropdown-copy strong {
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  color:#021434!important;
}
html body .entete .bi-network-autos .bi-network-dropdown-copy strong {
  color:#1765A1!important;
}
html body .entete .bi-network-boats .bi-network-dropdown-copy strong {
  color:#99742F!important;
}
html body .entete .bi-network-dropdown-copy small {
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:500!important;
  color:#727B88!important;
  white-space:nowrap!important;
}
@media(min-width:1181px) and (max-width:1360px) {
  html body .entete .nav > .wp-block-navigation__container > li.bi-bisecco-header-item {margin-left:0!important;}
  html body .entete .nav > .wp-block-navigation__container > li.bi-bisecco-header-item .bi-network-menu {
    width:118px!important;
    min-width:118px!important;
    max-width:118px!important;
  }
  html body .entete .nav .bi-network-main > a.bi-bisecco-header-btn img {
    width:76px!important;
    max-width:76px!important;
  }
}
/* Menu mobile : sous-menu déplié dans l'overlay WordPress, non flottant. */
html body .entete .nav-panneau .bi-bisecco-mobile-nav {
  display:block!important;
  margin:10px 0 5px!important;
  padding:0!important;
  border:0!important;
  width:100%!important;
}
html body .entete .nav-panneau .bi-network-mobile {
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}
html body .entete .nav-panneau .bi-network-main {
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  box-sizing:border-box!important;
  gap:4px!important;
  width:100%!important;
  min-height:51px!important;
  padding:3px 9px!important;
  background:#FFFFFF!important;
  border:1px solid #E7E1D5!important;
  border-radius:6px!important;
  box-shadow:none!important;
}
html body .entete .nav-panneau .bi-network-main > a.bi-bisecco-mobile-btn {
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:43px!important;
  min-height:43px!important;
  padding:4px 6px!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
html body .entete .nav-panneau .bi-network-main > a.bi-bisecco-mobile-btn::before,
html body .entete .nav-panneau .bi-network-main > a.bi-bisecco-mobile-btn::after{
  content:none!important;display:none!important;
}
html body .entete .nav-panneau .bi-network-main > a.bi-bisecco-mobile-btn img {
  display:block!important;
  width:107px!important;
  max-width:107px!important;
  height:auto!important;
  max-height:30px!important;
  object-fit:contain!important;
}
html body .entete .nav-panneau .bi-network-main .bi-bisecco-mobile-arrow {
  display:none!important;
}
html body .entete .nav-panneau .bi-network-toggle {
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
}
html body .entete .nav-panneau .bi-network-dropdown {
  display:none!important;
  position:static!important;
  width:100%!important;
  gap:0!important;
  padding:5px!important;
  margin:0!important;
  border:1px solid #E7E1D5!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  background:#FFFFFF!important;
  box-shadow:none!important;
}
html body .entete .nav-panneau .bi-network-menu.is-open > .bi-network-main {
  border-radius:6px 6px 0 0!important;
}
html body .entete .nav-panneau .bi-network-menu.is-open > .bi-network-dropdown {
  display:flex!important;
  flex-direction:column!important;
}
@media(prefers-reduced-motion:reduce){
  html body .entete .bi-network-main,
  html body .entete .bi-network-toggle,
  html body .entete .bi-network-chevron {transition:none!important;transform:none!important;}
}
