/* V2.20 : retour au menu classique MJ Rénovation */
@media(min-width:761px){
.dropdown-menu.classic-menu{display:block;grid-template-columns:none;width:350px;min-width:350px;max-width:none;padding:.45rem;overflow:visible}
.classic-item{position:relative;display:block}
.classic-line{display:flex;align-items:center;position:relative}
.classic-line>a{flex:1;min-width:0;display:flex;align-items:center;gap:.65rem;font-size:.94rem;padding:.65rem .7rem}
.classic-line>a svg{width:18px;height:18px;flex-shrink:0;color:var(--brand)}
.classic-expand{display:flex;align-items:center;justify-content:center;flex:0 0 34px;height:36px;border:0;background:transparent;color:var(--brand);cursor:pointer;border-radius:6px}
.classic-expand svg{width:15px;height:15px}
.classic-expand:hover,.classic-expand:focus-visible{background:var(--accent-soft)}
.classic-submenu{display:block;position:absolute;left:calc(100% - 2px);top:-8px;min-width:240px;list-style:none;margin:0;padding:.45rem;background:var(--paper-2);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-hard);opacity:0;visibility:hidden;transform:translateX(-5px);transition:opacity .15s,transform .15s,visibility .15s;z-index:80}
.classic-submenu a{font-size:.9rem;padding:.65rem .7rem}
.classic-item:hover>.classic-submenu,.classic-item:focus-within>.classic-submenu,.classic-item.submenu-open>.classic-submenu{opacity:1;visibility:visible;transform:translateX(0)}
.classic-item:hover .classic-expand svg,.classic-item.submenu-open .classic-expand svg{transform:rotate(90deg)}
}
@media(max-width:760px){
.dropdown-menu.classic-menu{display:block;padding:.1rem 0 .4rem .8rem}
.classic-line{display:flex;align-items:center}
.classic-line>a{flex:1;min-width:0;display:flex;align-items:center;gap:.6rem;padding:.65rem .5rem}
.classic-line>a svg{width:18px;height:18px;flex-shrink:0;color:var(--brand)}
.classic-expand{border:0;background:transparent;color:var(--brand);padding:.65rem;cursor:pointer}
.classic-expand svg{width:17px;height:17px;transition:transform .2s}
.classic-item.submenu-open .classic-expand svg{transform:rotate(90deg)}
.classic-submenu{display:none;list-style:none;margin:0 0 .25rem 1.4rem;padding:0 0 0 .5rem;border-left:2px solid var(--brand)}
.classic-item.submenu-open>.classic-submenu{display:block}
.classic-submenu a{font-size:.9rem;padding:.55rem .5rem}
}