/* Barre de navigation commune — Coopérative Dar Darraja */
.sh{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8dfd7;font-family:Montserrat,Arial,sans-serif}
.sh-in{max-width:1160px;margin:0 auto;padding:0 28px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.sh-brand{display:flex;align-items:center;gap:12px;color:#025159;font-weight:500;font-size:15.5px;letter-spacing:.01em;white-space:nowrap;text-decoration:none}
.sh-brand img{width:44px;height:44px;object-fit:contain;display:block}
.sh-nav{display:flex;align-items:center;gap:6px}
.sh-nav>ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.sh-nav li{position:relative}
.sh-nav a,.sh-nav button{font:400 14.5px Montserrat,Arial,sans-serif;color:#17323a;background:none;border:0;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px;border-radius:8px;transition:color .2s,background .2s}
.sh-nav a:hover,.sh-nav button:hover{color:#025159;background:#fbe6d8}
.sh-nav a.on,.sh-nav button.on{color:#025159;font-weight:600;box-shadow:inset 0 -2px 0 #f2c0a2;border-radius:8px 8px 0 0}
.sh-nav .car{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:4px;transition:transform .2s}
.sh-sub{position:absolute;top:100%;left:0;min-width:290px;background:#fff;border:1px solid #e8dfd7;border-radius:12px;box-shadow:0 18px 40px rgba(2,81,89,.14);padding:8px;list-style:none;margin:6px 0 0;display:none}
.sh-nav li.open>.sh-sub{display:block}
.sh-nav li.open>button .car{transform:rotate(225deg) translateY(-2px)}
.sh-sub a{display:flex;width:100%;padding:10px 14px;font-size:14px}
@media(min-width:981px){.sh-nav li.has:hover>.sh-sub{display:block}.sh-nav li.has:hover>button .car{transform:rotate(225deg) translateY(-2px)}}
.sh-burger{display:none;width:44px;height:44px;border:1px solid #e8dfd7;border-radius:10px;background:#fff;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:0}
.sh-burger span{display:block;width:20px;height:2px;background:#025159;border-radius:2px;transition:transform .25s,opacity .2s}
.sh-burger[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.sh-burger[aria-expanded=true] span:nth-child(2){opacity:0}
.sh-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:980px){
.sh-in{height:60px;padding:0 16px}
.sh-brand{font-size:14px}.sh-brand img{width:38px;height:38px}
.sh-burger{display:flex}
.sh-nav{position:fixed;left:0;right:0;top:60px;bottom:0;background:#fff;flex-direction:column;align-items:stretch;padding:12px 16px 40px;overflow-y:auto;display:none}
.sh-nav.open{display:flex}
.sh-nav>ul{flex-direction:column;align-items:stretch;gap:0}
.sh-nav a,.sh-nav button{width:100%;justify-content:space-between;padding:15px 8px;font-size:16px;border-radius:0;border-bottom:1px solid #f0e8e1}
.sh-nav a.on,.sh-nav button.on{box-shadow:none;border-radius:0;color:#025159}
.sh-sub{position:static;box-shadow:none;border:0;padding:0 0 6px 14px;margin:0;min-width:0;border-radius:0}
.sh-sub a{font-size:15px;padding:12px 8px}
}
@media(max-width:380px){.sh-brand span{max-width:170px;overflow:hidden;text-overflow:ellipsis}}
/* Améliorations d'affichage tablette / téléphone */
img{max-width:100%}
.skip{position:absolute;left:-999px;top:0;background:#025159;color:#fff;padding:10px 16px;z-index:2000}
.skip:focus{left:8px;top:8px}
html{scroll-behavior:smooth}
.sh-nav li.has>a{padding-right:4px}
.sh-nav li.has>button.tg{padding:10px 8px 10px 2px}
.sh-nav li.has>button.tg.on{box-shadow:none;font-weight:400}
@media(max-width:980px){
.sh-nav li.has{display:flex;flex-wrap:wrap}
.sh-nav li.has>a{flex:1;width:auto;padding-right:8px}
.sh-nav li.has>button.tg{width:56px;justify-content:center;padding:15px 8px}
.sh-nav li.has>.sh-sub{width:100%}
}

/* ===== Refonte menu + bloc Réserver (v2) ===== */
.sh{box-shadow:0 2px 14px rgba(2,81,89,.07);border-bottom:0}
.sh-in{height:76px}
.sh-brand{font-size:19px;font-weight:700;letter-spacing:.02em;color:#025159;gap:12px}
.sh-brand img{width:48px;height:48px}
.sh-nav>ul{gap:4px}
.sh-nav a,.sh-nav button{font:500 14px Montserrat,Arial,sans-serif;letter-spacing:.03em;color:#17323a;padding:10px 14px;border-radius:999px;position:relative}
.sh-nav a:hover,.sh-nav button:hover{color:#025159;background:#fbeee4}
.sh-nav a.on,.sh-nav button.on{color:#025159;font-weight:700;background:#e6f1f1;box-shadow:none;border-radius:999px}
.sh-sub{border:0!important;border-radius:16px!important;padding:10px!important;box-shadow:0 18px 40px rgba(2,81,89,.18)!important;margin-top:10px!important}
.sh-sub a{border-radius:10px!important;padding:11px 14px!important;font-weight:500}
.sh-sub a:hover{background:#fbeee4!important;color:#025159!important}
/* Bouton Réserver mis en valeur */
.sh-nav a[href="/reserver/"],.sh-nav a[href="/reserver"]{background:linear-gradient(135deg,#f2c0a2,#e8956a)!important;color:#025159!important;font-weight:700!important;padding:12px 24px!important;margin-left:10px;border-radius:999px!important;box-shadow:0 6px 18px rgba(232,149,106,.45);text-transform:uppercase;letter-spacing:.08em;font-size:13px!important;transition:transform .2s,box-shadow .2s!important}
.sh-nav a[href="/reserver/"]:hover,.sh-nav a[href="/reserver"]:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(232,149,106,.6);background:linear-gradient(135deg,#f6cdb3,#ee9f74)!important}
.sh-nav a[href="/reserver/"].on,.sh-nav a[href="/reserver"].on{background:#025159!important;color:#fff!important;box-shadow:0 6px 18px rgba(2,81,89,.35)}
@media(max-width:980px){
.sh-in{height:68px}
.sh-brand{font-size:17px}
.sh-nav a[href="/reserver/"],.sh-nav a[href="/reserver"]{display:flex!important;justify-content:center;margin:14px 0 0;width:100%;box-sizing:border-box;padding:15px 24px!important;font-size:14px!important}
}
/* Logo retiré du visuel d'accueil / bannières */
section img.logo,.dh img.logo,.hero img.logo{display:none!important}