/* ============================================================
   En-tete reconstruit - Zerbib Avocat
   Barre horizontale autonome (independante du JS Site Creator)
   ============================================================ */

.zhd{background:#fff;border-bottom:1px solid #ececec;position:relative;z-index:1000;}
.zhd-container{max-width:1240px;margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:28px;}

/* Logo */
.zhd-logo{flex:0 0 auto;display:block;line-height:0;}
.zhd-logo img{height:66px;width:auto;display:block;}

/* Zone droite : 2 lignes (menu puis CTA) */
.zhd-right{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px;}

/* Menu principal horizontal */
.zhd-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:26px;}
.zhd-menu > li{position:relative;}
.zhd-menu > li > a{
	font-family:var(--font2),'Raleway',sans-serif;
	text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:700;
	color:#1c2a4a;text-decoration:none;white-space:nowrap;
	display:inline-flex;align-items:center;gap:6px;padding:6px 0;
	transition:color .15s ease;
}
.zhd-menu > li > a:hover{color:#e8485a;}
.zhd-menu > li > a .fa{font-size:.7rem;line-height:1;}

/* Sous-menus deroulants (CSS pur, au survol) */
.zhd-sub{
	list-style:none;margin:0;padding:8px 0;
	position:absolute;top:100%;left:0;min-width:248px;
	background:#fff;border:1px solid #ececec;box-shadow:0 12px 32px rgba(0,0,0,.12);
	opacity:0;visibility:hidden;transform:translateY(6px);
	transition:opacity .15s ease,transform .15s ease,visibility .15s;
	z-index:1001;
}
.zhd-has:hover > .zhd-sub,
.zhd-has:focus-within > .zhd-sub{opacity:1;visibility:visible;transform:translateY(0);}
.zhd-sub li a{
	display:block;padding:9px 20px;white-space:nowrap;
	font-family:var(--font2),'Raleway',sans-serif;font-size:.9rem;font-weight:500;
	color:#1c2a4a;text-decoration:none;transition:background .12s ease,color .12s ease;
}
.zhd-sub li a:hover{background:#f5f5f5;color:#e8485a;}

/* Ligne CTA : bouton Contact rouge + WhatsApp */
.zhd-cta-row{display:flex;align-items:center;gap:14px;}
.zhd-cta{
	background:#e8485a;color:#fff;text-transform:uppercase;letter-spacing:.04em;
	font-family:var(--font2),'Raleway',sans-serif;font-size:.78rem;font-weight:700;line-height:1.25;
	text-decoration:none;padding:12px 22px;border-radius:6px;max-width:430px;
	transition:background .15s ease;
}
.zhd-cta:hover{background:#d23548;color:#fff;}
.zhd-wa{
	width:42px;height:42px;flex:0 0 auto;border:1.5px solid #cfd4dc;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;
	color:#1c2a4a;text-decoration:none;transition:border-color .15s ease,color .15s ease;
}
.zhd-wa:hover{border-color:#25d366;color:#25d366;}

/* Burger (mobile) */
.zhd-burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px;margin-left:auto;}
.zhd-burger span{width:26px;height:2px;background:#1c2a4a;display:block;border-radius:2px;}

/* ===== Responsive ===== */
@media (max-width:991px){
	.zhd-container{flex-wrap:wrap;gap:0;}
	.zhd-burger{display:flex;}
	.zhd-right{
		flex-basis:100%;order:3;display:none;align-items:stretch;gap:0;
		padding:8px 0 14px;
	}
	.zhd.is-open .zhd-right{display:flex;}
	.zhd-menu{flex-direction:column;align-items:stretch;gap:0;width:100%;}
	.zhd-menu > li > a{padding:12px 4px;justify-content:space-between;border-bottom:1px solid #f0f0f0;}
	.zhd-sub{
		position:static;opacity:1;visibility:visible;transform:none;
		box-shadow:none;border:0;border-left:3px solid #e8485a;min-width:0;
		margin:0 0 6px 8px;padding:2px 0;
	}
	.zhd-sub li a{padding:8px 16px;}
	.zhd-cta-row{flex-direction:column;align-items:stretch;gap:10px;padding-top:12px;}
	.zhd-cta{max-width:none;text-align:center;}
	.zhd-wa{align-self:center;}
}