/* =====================================================
   V12.2 — HEADER 2 LIGNES
   Ligne 1 : Logo CRITT à gauche / logos partenaires à droite
   Ligne 2 : Menu centré
   ===================================================== */

header,
#section-haute,
.zone-haute{
  background:#ffffff;
}

.header-brand-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:14px 40px 12px;
  background:#ffffff;
}

.header-logo-left{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:180px;
}

.header-logo-left img{
  max-height:70px;
  width:auto;
  display:block;
}

.header-logos-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:220px;
}

.header-logos-right img{
  max-height:62px;
  width:auto;
  display:block;
}

.main-menu-row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:28px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  padding:15px 28px 17px !important;
  margin:0 auto !important;
  text-align:center !important;
  border-top:1px solid #E6EDF2;
  background:#ffffff;
}

.main-menu-row a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-transform:uppercase;
  font-size:13px !important;
  font-weight:900 !important;
  color:#061B2E;
  text-decoration:none;
  letter-spacing:.02em;
  white-space:nowrap;
}

.main-menu-row a:hover{
  color:#00C4B8;
}

.menu-anchor{
  display:block;
  position:relative;
  top:-130px;
  visibility:hidden;
}

@media(max-width:900px){
  .header-brand-row{
    padding:12px 22px;
  }

  .header-logo-left img{
    max-height:56px;
  }

  .header-logos-right img{
    max-height:44px;
  }

  .main-menu-row{
    gap:12px 18px !important;
    padding:13px 18px !important;
  }

  .main-menu-row a{
    font-size:11px !important;
  }
}

@media(max-width:560px){
  .header-brand-row{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }

  .header-logo-left,
  .header-logos-right{
    justify-content:center;
    min-width:0;
  }

  .main-menu-row{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px !important;
  }

  .main-menu-row a{
    border:1px solid rgba(0,196,184,.22);
    border-radius:6px;
    padding:7px 8px;
  }
}