/* Navigation par catégories — iimmo (série 2)
   Menu « Outils » déroulant au survol (desktop) / au tap (mobile).
   Surcharge par spécificité (.toolnav .toolnav-links) l'overflow-x:auto inline
   des pages, qui sinon clipperait le méga-menu. */
.toolnav .toolnav-links{overflow:visible;flex-wrap:wrap;margin-right:auto}

.tnl-drop{position:relative}
.tnl-trigger{display:inline-flex;align-items:center;gap:5px;border:none;background:none;cursor:pointer;font:inherit}
.tnl-caret{width:11px;height:11px;flex:0 0 auto;transition:transform .18s ease;opacity:.65}
.tnl-drop:hover .tnl-caret,.tnl-drop:focus-within .tnl-caret,.tnl-drop.open .tnl-caret{transform:rotate(180deg)}

.tnl-menu{position:absolute;top:calc(100% + 10px);left:0;min-width:210px;background:#fff;border:1px solid #E7E1D3;border-radius:14px;box-shadow:0 24px 60px -24px rgba(23,48,43,.4);padding:8px;display:grid;grid-template-columns:1fr;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:60}
.tnl-drop:hover .tnl-menu,.tnl-drop:focus-within .tnl-menu,.tnl-drop.open .tnl-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .16s ease,transform .16s ease}
/* pont invisible : évite que le survol retombe dans l'espace de 10px */
.tnl-menu::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}

.tnl-menu a{font-size:14px;font-weight:600;color:#3C4A44;padding:9px 11px;border-radius:9px;white-space:nowrap;transition:background .14s ease,color .14s ease}
.tnl-menu a:hover{background:#F1EEE6;color:#0F6E5E}
.tnl-menu a.active{background:#EAF3F0;color:#0F6E5E}

@media(max-width:760px){
  .toolnav .toolnav-links{gap:4px 6px}
  /* le menu reste flottant (position:absolute héritée) : il ne pousse plus la barre.
     Une seule colonne, largeur adaptée à l'écran. */
  .tnl-menu{min-width:0;width:max-content;max-width:calc(100vw - 24px);grid-template-columns:1fr;gap:2px 0;padding:12px 14px}
}