/* ═══════════════════════════════════════════════════════════
   HEADER DU SITE — topbar + barre logo (partagé accueil + pages)
   Le CSS du menu est dans styles-pages/menu.css
═══════════════════════════════════════════════════════════ */
.hx-top{background:#0B3D2E;color:#CDE7DF;font-size:12.5px}
.hx-top .wrap{max-width:1280px;margin:0 auto;padding:0 24px;height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.hx-top .l,.hx-top .r{display:flex;align-items:center;gap:18px}
.hx-top a{color:#CDE7DF;display:inline-flex;align-items:center;gap:7px}
.hx-top a:hover{color:#F4B267}
.hx-soc{display:flex;gap:10px}
.hx-lang{display:flex;border:1px solid rgba(255,255,255,.3);border-radius:999px;overflow:hidden}
.hx-lang button{background:transparent;color:#fff;border:none;padding:3px 11px;font-size:11.5px;font-weight:700;cursor:pointer;font-family:inherit}
.hx-lang button.on{background:#E8871E;color:#fff}
.hx-brand{background:#fff}
.hx-brand .wrap{max-width:1280px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.hx-brand .id{display:flex;align-items:center;gap:16px}
.hx-brand img{height:66px;width:auto}
.hx-brand .name{border-left:2px solid #E8871E;padding-left:16px}
.hx-brand .name b{display:block;color:var(--gd);font-size:16px}
.hx-brand .name span{font-size:12px;color:#7A8A82}
.hx-brand .tools{display:flex;align-items:center;gap:12px}
.hx-search{display:flex;align-items:center;gap:8px;background:#F3F1EA;border:1px solid #E6E1D6;color:#6A756E;border-radius:999px;padding:10px 16px;font-size:14px;cursor:pointer}
.hx-search:hover{border-color:var(--g);color:var(--g)}
.hx-cta{display:inline-flex;align-items:center;gap:8px}

/* ── Responsive header ── */
@media(max-width:960px){
  .hx-brand, .hx-top { max-width:100vw }
}
@media(max-width:480px){
  .hx-tel { display:none }
  .hx-soc a:not(:first-child) { display:none }
}
@media(max-width:1080px){
  .hx-search-label { display:none }
  .hx-cta { display:none }
}