/* Swiss Art Gallery — header unique, aligné sur l'accueil | 24 octobre 2026
   Les pages PHP partagent la ligne d'accueil pleine largeur et le même rythme.
   La barre spécifique de navigation du dossier artiste reste autonome. */

.sag-master-header.sag-master-header--unified {
 --sag-mh-bg:#fcfaf4;
 --sag-mh-bg2:#fcfaf4;
 --sag-mh-text:#4d412f;
 --sag-mh-muted:#6d6250;
 --sag-mh-gold:#aa823c;
 --sag-mh-gold2:#7b5923;
 --sag-mh-line:#e7dbca;
 position:sticky!important;
 top:0;
 z-index:110;
 width:100%;
 box-sizing:border-box;
 border-bottom:1px solid #e8decd;
 background:#fcfaf4!important;
 color:#4d412f!important;
 backdrop-filter:blur(16px);
 -webkit-backdrop-filter:blur(16px);
 box-shadow:0 4px 18px rgba(52,38,14,.035)!important;
 font-family:Inter,Arial,system-ui,sans-serif;
}
.sag-master-header--unified * { box-sizing:border-box; }
.sag-master-header--unified .sag-master-main.sag-master-shell {
 position:relative;
 display:grid;
 width:100%!important;
 max-width:none!important;
 min-height:80px;
 grid-template-columns:minmax(300px,350px) minmax(0,1fr) auto;
 align-items:center;
 gap:clamp(14px,1.35vw,28px);
 margin:0;
 padding:0 clamp(22px,2.5vw,50px);
}
.sag-master-header--unified .sag-master-brand {
 display:flex;
 gap:12px;
 align-items:center;
 width:max-content;
 max-width:100%;
 color:inherit;
 text-decoration:none;
}
.sag-master-header--unified .sag-master-brand img {
 display:block;
 width:144px;
 height:auto;
 max-width:none;
 filter:none!important;
}
.sag-master-header--unified .sag-master-brand-copy {
 display:grid;
 gap:4px;
 padding-left:0;
 border-left:0;
 white-space:nowrap;
}
.sag-master-header--unified .sag-master-brand-copy strong {
 color:#3c3328;
 font:500 .84rem/1.12 "Cormorant Garamond",Georgia,serif;
 letter-spacing:.11em;
 text-transform:uppercase;
}
.sag-master-header--unified .sag-master-brand-copy small {
 color:#7f705e;
 font:.6rem/1.25 Inter,Arial,sans-serif;
 font-weight:600;
 letter-spacing:.10em;
 text-transform:uppercase;
}
.sag-master-header--unified .sag-master-nav {
 display:flex;
 justify-content:flex-start;
 align-items:center;
 gap:clamp(28px,3.125vw,60px);
 padding-left:clamp(18px,2.9vw,56px);
 min-width:0;
}
.sag-master-header--unified .sag-master-nav>a {
 display:inline-flex;
 align-items:center;
 min-height:48px;
 flex:none;
 padding:8px 0;
 border:0;
 color:#574631;
 background:transparent;
 font:500 .86rem/1.35 Inter,Arial,system-ui,sans-serif;
 letter-spacing:0;
 text-transform:none;
 white-space:nowrap;
 text-decoration:none;
 transition:color .18s;
}
.sag-master-header--unified .sag-master-nav>a::after { display:none; }
.sag-master-header--unified .sag-master-nav>a[aria-current="page"],
.sag-master-header--unified .sag-master-nav>a:hover,
.sag-master-header--unified .sag-master-nav>a:focus-visible {
 color:#76571e;
 font-weight:750;
}
.sag-master-header--unified .sag-master-actions {
 display:flex;
 align-items:center;
 justify-content:flex-end;
 gap:clamp(14px,1.6vw,32px);
 min-width:0;
}
.sag-master-header--unified .sag-master-client {
 display:flex;
 align-items:center;
 gap:16px;
 white-space:nowrap;
}
.sag-master-header--unified .sag-master-client a,
.sag-master-header--unified .sag-master-mobile-client a {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:7px;
 min-height:42px;
 padding:0;
 color:#67583f;
 font:600 .79rem/1.35 Inter,Arial,sans-serif;
 letter-spacing:0;
 text-decoration:none;
}
.sag-master-header--unified .sag-master-client .sag-master-register,
.sag-master-header--unified .sag-master-mobile-client .sag-master-register {
 padding:9px 12px;
 min-height:42px;
 border:1px solid #e4d1b4;
 border-radius:5px;
 background:#fffdf8;
 color:#644d2c;
}
.sag-master-header--unified .sag-master-client a:hover,
.sag-master-header--unified .sag-master-mobile-client a:hover { color:#79591f; }
.sag-master-header--unified .sag-master-client a svg { flex:none; }
.sag-master-header--unified .sag-master-mobile-client { display:none; }
.sag-master-header--unified .sag-master-language-picker {
 position:relative;
 display:flex;
 align-items:center;
 flex:none;
 min-height:44px;
 gap:7px;
 color:#6c572e;
}
.sag-master-header--unified .sag-master-language-picker svg { flex:none; }
.sag-master-header--unified .sag-master-language-picker select {
 appearance:none;
 -webkit-appearance:none;
 -moz-appearance:none;
 width:38px;
 min-height:44px;
 padding:0 9px 0 0;
 border:0;
 border-radius:0;
 outline-offset:3px;
 background:transparent;
 color:#65502c;
 font:650 .80rem/1.2 Inter,Arial,sans-serif;
 cursor:pointer;
}
.sag-master-header--unified .sag-master-language-chevron {
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-58%);
 pointer-events:none;
 font:500 1rem/1 Georgia,serif;
}
.sag-master-header--unified .sag-master-toggle {display:none;}
/* Le ruban utilitaire des pages internes ne fait pas partie de l'en-tête d'accueil. */
.sag-master-header--unified > .sag-master-utility { display:none; }
/* Exception: certains dossiers artistes y greffent leur navigation propre. */
.sag-master-header--unified > .sag-master-utility.sag-dossier-strip,
.sag-master-header--unified > .sag-master-utility:has(.sag-artist-jumpnav) { display:block; }

@media(min-width:1501px) {
 .sag-master-header--unified .sag-master-brand img{width:144px;}
}
@media(min-width:1101px) and (max-width:1600px) {
 .sag-master-header--unified .sag-master-brand-copy { display:none; }
 .sag-master-header--unified .sag-master-main.sag-master-shell {
  grid-template-columns:145px minmax(0,1fr) auto;
 }
 .sag-master-header--unified .sag-master-nav>a {font-size:.83rem;}
 .sag-master-header--unified .sag-master-nav {gap:clamp(9px,1vw,19px);}
}
@media(max-width:1500px){
 .sag-master-header--unified .sag-master-main.sag-master-shell{
  grid-template-columns:minmax(0,1fr) auto;
  min-height:78px;
 }
 .sag-master-header--unified .sag-master-brand-copy{display:none;}
 .sag-master-header--unified .sag-master-nav {
  padding-left:12px;
  display:none;
  position:absolute;
  z-index:12;
  top:100%;
  left:18px;
  right:18px;
  min-width:0;
  padding:12px;
  border:1px solid #dacaa9;
  border-radius:0 0 12px 12px;
  background:#fffdf8;
  box-shadow:0 20px 40px rgba(53,38,14,.13);
 }
 .sag-master-header--unified.is-open .sag-master-nav {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 16px;
 }
 .sag-master-header--unified .sag-master-nav>a {
  min-width:0;
  min-height:46px;
  border-bottom:1px solid #ede1cc;
  padding:11px 12px;
  white-space:normal;
 }
 .sag-master-header--unified .sag-master-toggle{
  display:grid;
  width:43px;
  height:43px;
  min-width:43px;
  border:1px solid #d9c49a;
  border-radius:50%;
  background:transparent;
  color:#6f562a;
  cursor:pointer;
  place-items:center;
  align-content:center;
 }
 .sag-master-header--unified .sag-master-toggle span{
  display:block;
  width:17px;
  height:1px;
  margin:2px 0;
  background:currentColor;
 }
 .sag-master-header--unified .sag-master-actions {gap:17px;}
}
@media(max-width:760px) {
 .sag-master-header--unified .sag-master-main.sag-master-shell {
  min-height:72px;
  padding-inline:14px;
  gap:8px;
 }
 .sag-master-header--unified .sag-master-brand img {width:133px;}
 .sag-master-header--unified .sag-master-client {display:none;}
 .sag-master-header--unified .sag-master-language-picker {gap:5px;}
 .sag-master-header--unified .sag-master-actions {gap:13px;}
 .sag-master-header--unified .sag-master-main .sag-master-nav {
  left:10px;
  right:10px;
  grid-template-columns:1fr;
  max-height:calc(100dvh - 88px);
  overflow-y:auto;
 }
 .sag-master-header--unified.is-open .sag-master-nav {
  grid-template-columns:1fr;
 }
 .sag-master-header--unified.is-open .sag-master-mobile-client {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:14px;
  padding:10px 12px;
 }
 .sag-master-header--unified .sag-master-toggle {
  width:44px;height:44px;min-width:44px;
 }
}
@media(max-width:420px) {
 .sag-master-header--unified .sag-master-main.sag-master-shell {
  padding-inline:12px;
  min-height:68px;
 }
 .sag-master-header--unified .sag-master-brand img{width:116px;}
 .sag-master-header--unified .sag-master-actions {gap:9px;}
 .sag-master-header--unified .sag-master-language-picker {gap:4px;}
 .sag-master-header--unified .sag-master-toggle {width:40px;height:40px;min-width:40px;}
}
@media(prefers-reduced-motion:reduce) {
 .sag-master-header--unified * {transition:none!important;}
}

/* Artiste : le sous-menu documentaire conserve son ancrage lors du defilement. */
body.sag-dossier-navigation > .sag-master-header--unified {
 position:relative!important;
 top:auto!important;
}
