/* Live-site menu (Accueil, Services ▾, À domicile, Tarifs, Blog, Contact) in the approved design's style:
   same font, sizes and gradient rectangular hover as .navlinks a. */
.nav-drop{position:relative;display:flex}
.nav-drop-toggle{display:flex;align-items:center;gap:7px;background:none;border:0;padding:12px 16px;font:400 14px var(--heading);text-transform:uppercase;letter-spacing:.5px;color:inherit;transition:background .2s}
.nav-drop-toggle span{font-size:11px;transition:transform .2s}
.nav-drop-toggle:hover,.nav-drop-toggle:focus-visible,.nav-drop:hover .nav-drop-toggle{background:linear-gradient(115deg,#147c88,#17465e)}
.nav-drop.active .nav-drop-toggle{color:var(--cyan)}
.nav-drop-menu{display:none;position:absolute;top:100%;left:0;z-index:50;min-width:210px;padding:6px 0;background:#0a141c;border:1px solid var(--line);box-shadow:0 18px 40px #0007}
.nav-drop-menu a{display:block;padding:12px 18px!important;font:400 14px var(--heading);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu,.nav-drop.open .nav-drop-menu{display:block}
.nav-drop.open .nav-drop-toggle span{transform:rotate(180deg)}
@media(max-width:1150px){.nav-drop-toggle{font-size:12px;padding:12px 10px}}
@media(min-width:851px) and (max-width:1200px){.nav-drop-toggle{padding:12px 9px}}
@media(max-width:850px){
.nav-drop{flex-direction:column}
.nav-drop-toggle{font-size:17px;padding:14px;justify-content:space-between;width:100%;text-align:left}
.nav-drop:hover .nav-drop-toggle{background:none}
.nav-drop:hover .nav-drop-menu,.nav-drop:focus-within .nav-drop-menu{display:none}
.nav-drop.open .nav-drop-menu{display:block;position:static;border:0;box-shadow:none;background:none;padding:0 0 6px 14px;border-left:1px solid var(--line);margin-left:14px}
.nav-drop-menu a{font-size:15px;padding:11px 14px!important;color:#b3c6cf}
}