/* En-tête EMS : reprise fidèle du widget HTML, plus un menu visible sur téléphone. */

/*
 * L'ANCIEN EN-TETE, celui du widget HTML recopie dans les pages Canvas,
 * porte l'identifiant ems-hd. Il est masque partout : plus besoin de le
 * retirer page par page pour eviter le double en-tete. Le nouveau porte
 * un autre identifiant, pour que les styles de l'ancien ne le touchent pas.
 */
#ems-hd { display: none !important; }

/*
 * L'en-tete du theme (le grand logo) est masque sur les pages ordinaires :
 * sinon il s'afficherait sous celui-ci. Les selecteurs couvrent les themes
 * courants (Hello Elementor, Astra, OceanWP, GeneratePress, Kadence) et
 * l'en-tete du constructeur de theme d'Elementor.
 */
body.ems-entete-actif #site-header,
body.ems-entete-actif header.site-header,
body.ems-entete-actif #masthead,
body.ems-entete-actif .elementor-location-header,
body.ems-entete-actif header#header,
body.ems-entete-actif .wp-site-blocks > header,
body.ems-entete-actif .wp-site-blocks > .wp-block-template-part:first-child {
  display: none !important;
}

#ems-entete {
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 14px rgba(20, 40, 70, .08);
  font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
  position: relative;
  z-index: 60;
}
#ems-entete * { box-sizing: border-box; margin: 0; padding: 0; }
#ems-entete .in {
  max-width: 1180px; margin: 0 auto; padding: 0 24px; height: 84px;
  display: flex; align-items: center; gap: 16px;
}
#ems-entete .marque { display: flex; align-items: center; gap: 14px; text-decoration: none; }
#ems-entete img { width: 58px; height: 58px; display: block; }
#ems-entete .t1 { font-weight: 800; font-size: 20px; color: #1E395E; line-height: 1.2; }
#ems-entete .t2 { font-size: 13px; color: #5B6675; }
#ems-entete nav { margin-left: auto; display: flex; gap: 30px; font-size: 17px; }
#ems-entete nav a { color: #3A4657; text-decoration: none; }
#ems-entete nav a:hover, #ems-entete nav a.ici { color: #F7941D; }
#ems-entete .btn {
  margin-left: 26px; display: inline-block; font-weight: 700; border-radius: 10px;
  padding: 13px 26px; background: linear-gradient(180deg, #F7941D, #FB8B00); color: #fff;
  text-decoration: none; font-size: 17px; box-shadow: 0 6px 18px rgba(247, 148, 29, .35);
  white-space: nowrap;
}
#ems-entete .mob { display: none; }

@media (max-width: 1024px) {
  #ems-entete .in nav { display: none; }
  #ems-entete .btn { margin-left: auto; }
  #ems-entete .mob {
    display: flex; gap: 22px; overflow-x: auto; white-space: nowrap; padding: 10px 16px 12px;
    border-top: 1px solid #EEF1F5; font-size: 15px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
    margin: 0;
  }
  #ems-entete .mob::-webkit-scrollbar { display: none; }
  #ems-entete .mob a { flex: 0 0 auto; }
}

@media (max-width: 560px) {
  #ems-entete .in { height: auto; padding: 12px 16px; flex-wrap: wrap; gap: 10px; }
  #ems-entete img { width: 46px; height: 46px; }
  #ems-entete .t1 { font-size: 16px; }
  #ems-entete .t2 { font-size: 11.5px; }
  #ems-entete .btn { padding: 10px 18px; font-size: 15px; }
}