/* beboun – nav partagée */
nav{height:52px;background:#fff;border-bottom:1px solid #EBEBEB;display:flex;align-items:center;padding:0 24px;flex-shrink:0;z-index:100;position:sticky;top:0}
.logo{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;letter-spacing:-.02em;color:#111;text-decoration:none}
.nav-right{display:flex;align-items:center;gap:16px;margin-left:auto}
.nav-mulhouse{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:400;color:#AAA;text-decoration:none}
.nav-mulhouse.on{font-weight:700;color:#111}
.nav-sep{width:1px;height:14px;background:#E8E8E8;flex-shrink:0}
.nav-link{font-size:13px;font-weight:500;color:#BBB;transition:color .12s;text-decoration:none}
.nav-link:hover{color:#555}
.nav-link.on{color:#111;font-weight:700}
.burger{display:none;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;margin-left:8px}
.nav-user-blob{display:flex;align-items:center;gap:5px;text-decoration:none;padding:3px 6px 3px 3px;border-radius:20px;transition:background .12s}
.nav-user-blob:hover{background:#F5F5F3}
.nav-user-name{font-size:13px;font-weight:400;color:#AAA}
.nav-user-name.on{font-weight:700;color:#111}
.nav-mobile{display:none;position:fixed;top:52px;left:0;right:0;background:#fff;border-bottom:1px solid #EBEBEB;z-index:999;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.nav-mobile.open{display:block;animation:nav-sd .18s ease}
@keyframes nav-sd{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.nav-mobile a{display:block;padding:15px 20px;font-size:13px;font-weight:600;color:#555;border-bottom:1px solid #F5F5F5;text-decoration:none}
.nav-mobile a.on{color:#111}
.nav-mobile-ville{padding:4px 0 8px;border-bottom:1px solid #F0F0EE;margin-bottom:4px}
.nav-mobile-user{display:flex!important;align-items:center;gap:8px}
.lang-drop{position:relative;margin-left:8px}
.lang-trigger{display:flex;align-items:center;gap:4px;border:none;background:transparent;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#888;padding:0;border-radius:7px;transition:all .15s}
.lang-trigger:hover{background:#F5F5F3;color:#111}
.lang-menu{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #E8E8E8;border-radius:10px;padding:4px;min-width:140px;z-index:999;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.lang-menu.open{display:block;animation:lm .15s ease}
@keyframes lm{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.lang-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#555;border-radius:7px;transition:background .12s;text-align:left}
.lang-option:hover{background:#F5F5F3;color:#111}
.lang-option.on{background:#F5F5F3;color:#111}
.lang-option svg{border-radius:2px;flex-shrink:0}
@media(max-width:768px){
  nav{padding:0 12px}
  .nav-right .nav-mulhouse{display:none!important}
  .nav-right .nav-link{display:none!important}
  .nav-right .nav-sep{display:none!important}
  .nav-right .nav-user-blob .nav-user-name{display:none!important}
  .nav-right .nav-user-blob svg:last-child{display:none!important}
  .lang-drop{margin-left:4px!important}
  .burger{display:flex!important}
}
@media(min-width:769px){
  .burger{display:none!important}
  .nav-mobile{display:none!important}
}

.nav-link-mairie{font-size:13px;font-weight:600;color:#7A9A76;padding:4px 10px;border-radius:5px;border:1px solid #C8DBC4;margin-right:8px;transition:background .15s;}
.nav-link-mairie:hover{background:#E5EAE2;}

.nav-link-villes{color:#4A7A40!important;border:1px solid #C8DBC4;border-radius:5px;padding:3px 9px!important;}
.nav-link-villes:hover{background:#E5EAE2!important;}