/* V69 — a compact header at ordinary desktop widths, with readable controls.
   Keep the existing 980px menu breakpoint in sync with site.js. */
:is(body.home-photo,body.metier-photo,body) .site-header {
  display:grid;
  grid-template-columns:230px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  max-width:none;
  min-height:94px;
  padding:10px 20px;
  margin:0;
}
:is(body.home-photo,body.metier-photo,body) .site-header .identity-row {display:contents}
:is(body.home-photo,body.metier-photo,body) .site-header .brand-lockup {grid-column:1;grid-row:1;min-width:0}
:is(body.home-photo,body.metier-photo,body) .site-header .brand {gap:10px;min-width:0}
:is(body.home-photo,body.metier-photo,body) .site-header .brand-emblem {
  width:64px;height:64px;flex:0 0 64px;border-radius:15px;object-fit:contain;
}
:is(body.home-photo,body.metier-photo,body) .site-header .brand-word {
  font-size:28px;line-height:1.05;letter-spacing:.035em;white-space:nowrap;
}
:is(body.home-photo,body.metier-photo,body) .site-header .brand-word small {
  font-size:11px;line-height:1.35;letter-spacing:0;margin-top:4px;max-width:none;
}
:is(body.home-photo,body.metier-photo,body) .site-header .public-header-actions {
  grid-column:3;grid-row:1;display:flex;align-items:center;justify-self:end;
  gap:6px;width:auto;min-width:0;margin:0;
}
:is(body.home-photo,body.metier-photo,body) .site-header .header-action {
  flex:0 0 auto;min-height:44px;padding:10px 11px;gap:6px;
  font-size:14px;line-height:1.3;border-radius:12px;white-space:nowrap;
}
:is(body.home-photo,body.metier-photo,body) .site-header .header-action svg {width:18px;height:18px}
:is(body.home-photo,body.metier-photo,body) .site-header .main-nav {
  grid-column:2;grid-row:1;display:flex;align-items:center;align-self:stretch;
  justify-content:space-between;gap:0;width:100%;min-width:0;
  margin:0;padding:0;border:0;
}
:is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a {
  display:flex;flex:1 0 auto;flex-direction:row;align-items:center;justify-content:center;
  min-height:48px;min-width:0;padding:12px 7px;gap:0;
  font-size:15px;line-height:1.4;white-space:nowrap;text-align:center;
}
:is(body.home-photo,body.metier-photo,body) .site-header .main-nav>#tab-logiciel {flex-direction:row;gap:0}
:is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a::after {
  left:20%;right:20%;bottom:2px;width:auto;transform:none;
}
:is(body.home-photo,body.metier-photo,body) .site-header .menu-toggle {display:none}

@media(min-width:1600px) {
  :is(body.home-photo,body.metier-photo,body) .site-header {
    grid-template-columns:270px minmax(0,1fr) auto;gap:20px;padding:12px 2.5%;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-emblem {width:72px;height:72px;flex-basis:72px;border-radius:17px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-word {font-size:32px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-word small {font-size:12px}
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a {font-size:17px;padding:12px 9px}
  :is(body.home-photo,body.metier-photo,body) .site-header .header-action {font-size:15px;padding:11px 13px}
}

/* Tablets retain an explicit navigation row rather than compressing text. */
@media(min-width:981px) and (max-width:1239px) {
  :is(body.home-photo,body.metier-photo,body) .site-header {
    grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:10px 24px 6px;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .public-header-actions {grid-column:2}
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav {grid-column:1/-1;grid-row:2}
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a {font-size:16px}
}

@media(max-width:980px) {
  :is(body.home-photo,body.metier-photo,body) .site-header {
    grid-template-columns:minmax(0,1fr) 48px;gap:10px 12px;padding:12px 4%;min-height:0;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .menu-toggle {
    display:flex;grid-column:2;grid-row:1;align-self:center;justify-self:end;
    width:48px;height:48px;min-width:48px;margin:0;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .public-header-actions {
    grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;gap:8px;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .header-action {
    flex:1 1 0;min-width:0;min-height:48px;font-size:14px;padding:10px 7px;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav {
    grid-column:1/-1;grid-row:3;display:none;position:static;inset:auto;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;
    padding:8px 0 0;border-top:1px solid #8aaec13b;max-height:none;background:none;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav.open {display:grid}
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a {
    min-height:48px;padding:12px 8px;font-size:16px;white-space:normal;
  }
  :is(body.home-photo,body.metier-photo,body) .site-header .main-nav>a::after {
    left:50%;right:auto;transform:translateX(-50%);width:44px;bottom:3px;
  }
}

@media(max-width:520px) {
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-word {font-size:26px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-word small {font-size:10.5px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-emblem {width:58px;height:58px;flex-basis:58px;border-radius:14px}
  :is(body.home-photo,body.metier-photo,body) .site-header .header-action {
    font-size:13px;line-height:1.3;white-space:normal;overflow-wrap:normal;padding:9px 6px;gap:5px;
  }
}
@media(max-width:380px) {
  :is(body.home-photo,body.metier-photo,body) .site-header {grid-template-columns:minmax(0,1fr) 44px;gap:10px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand {gap:8px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-word {font-size:24px}
  :is(body.home-photo,body.metier-photo,body) .site-header .brand-emblem {width:54px;height:54px;flex-basis:54px}
  :is(body.home-photo,body.metier-photo,body) .site-header .menu-toggle {width:44px;height:44px;min-width:44px}
  :is(body.home-photo,body.metier-photo,body) .site-header .header-action svg {display:none}
}