/* ===== Header LCL pro — une seule ligne, logo pleine hauteur ===== */
.lcl-header {
  background: #fff;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Montserrat', 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
  position: sticky;
  top: 0;
  z-index: 100;
}
.lcl-header *, .lcl-header *::before, .lcl-header *::after { box-sizing: border-box; }
.lcl-header a { text-decoration: none; color: inherit; }

.lcl-header-inner {
  display: flex;
  align-items: stretch;
  width: 100%;
  margin: 0;
  padding: 0 clamp(1rem, 3vw, 2rem) 0 0;  /* pas de padding à gauche : logo collé au bord */
  height: 4.5rem;
  gap: 2rem;
}

/* Logo collé à gauche, pleine hauteur du header */
.lcl-header-logo {
  display: flex;
  align-items: stretch;
  flex-shrink: 0;
  align-self: stretch;
  padding: 0;
  margin: 0;
}
.lcl-header-logo img {
  height: 100%;
  width: auto;
  display: block;
}

/* Audience (Professionnel / Particulier / ...) — prend l'espace au milieu */
.lcl-audience {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex: 1;
  min-width: 0;
}
.lcl-audience a {
  font-size: 0.875rem;
  color: #5b5953;
  font-weight: 500;
  white-space: nowrap;
}
.lcl-audience a:hover { color: #1F368B; }
.lcl-audience a.active {
  color: #1F368B;
  font-weight: 700;
  position: relative;
}
.lcl-audience a.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1.5rem;
  height: 2px;
  background: #1F368B;
}

/* Utility (Nous contacter / Mon espace / Ouvrir un compte) — à droite */
.lcl-utility {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  flex-shrink: 0;
}
.lcl-utility > a {
  font-size: 0.875rem;
  color: #1F368B;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  white-space: nowrap;
}
.lcl-utility > a:hover { text-decoration: underline; }
.lcl-utility .lcl-open-account {
  background: #1F368B;
  color: #fff;
  padding: 0.5rem 1.1rem;
  border-radius: 100vw;
  text-decoration: none;
}
.lcl-utility .lcl-open-account:hover { background: #2b47b0; text-decoration: none; }

/* Responsive : on dégrade progressivement à droite, mais on garde toujours
   le bouton "Ouvrir un compte" visible (CTA principal du site LCL pro).
   Le logo reste collé au bord gauche à toutes les tailles. */
@media (max-width: 980px) {
  .lcl-audience { display: none; }
  .lcl-header-inner { gap: 1rem; justify-content: space-between; }
}
@media (max-width: 720px) {
  .lcl-utility a:not(.lcl-open-account) { display: none; }
  .lcl-header-inner { height: 3.75rem; padding-right: 0.75rem; }
}
@media (max-width: 480px) {
  .lcl-utility .lcl-open-account { padding: 0.45rem 0.9rem; font-size: 0.8125rem; }
}