/* ════════════════════════════════════════════
   En-tête TAT Academy — même construction que carrieres.talentaccess.ch et programme.talentaccess.ch
   Ordinateur : barre talentaccess.ch (rouge) + sous-menu TAT Academy (rouge foncé).
   Mobile et tablette : une seule barre (logo + bouton + burger) ; le panneau liste le sous-menu
   puis les pages talentaccess.ch.
   Classes préfixées « hd- » pour ne pas entrer en conflit avec les styles propres aux pages.
   ════════════════════════════════════════════ */
:root{--hd-top:68px;--hd-sub:52px;--hd-bar:120px;--hd-sum:52px;--tat-h:calc(var(--hd-bar) + var(--hd-sum))}
body{padding-top:var(--tat-h)}
html{scroll-padding-top:calc(var(--tat-h) + 16px)}

/* Les pages compensaient l'ancien en-tête (64-78 px) : le corps s'en charge désormais */
.hero{margin-top:0!important;padding-top:0!important}
.sidebar{top:var(--tat-h)!important}

/* ── Barre du haut : talentaccess.ch ── */
.hd-top{position:fixed;top:0;left:0;right:0;z-index:301;height:var(--hd-top);background:var(--tat-cin);
  display:flex;align-items:center;justify-content:space-between;gap:2rem;
  font-family:var(--tat-sans);line-height:1.65;-webkit-font-smoothing:antialiased;
  padding:0 max(6vw, calc((100% - 1240px) / 2))}
.hd-top-logo{display:flex;align-items:center;flex-shrink:0}
.hd-top-logo img{height:40px;width:auto;display:block}
.hd-top-links{display:flex;align-items:center;gap:1.6rem}
.hd-top-links a{position:relative;color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap;padding:.3rem 0;text-decoration:none}
.hd-top-links a::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1.5px;background:#fff;
  transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.hd-top-links a:hover::after,.hd-top-links a.is-active::after{transform:scaleX(1);transform-origin:left}
.hd-top-links a.is-active{font-weight:700}
.hd-top a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ── Sous-menu TAT Academy ── */
nav.hd-sub{position:fixed;inset:auto;top:var(--hd-top);left:0;right:0;z-index:300;height:var(--hd-sub);
  background:var(--tat-cin-d);border:0;backdrop-filter:none;-webkit-backdrop-filter:none;margin:0;
  display:flex;align-items:center;justify-content:space-between;
  font-family:var(--tat-sans);line-height:1.65;-webkit-font-smoothing:antialiased;
  padding:0 max(6vw, calc((100% - 1240px) / 2))}
.hd-logo{display:none;align-items:center;text-decoration:none}
.hd-logo img{height:34px;width:auto;display:block}
.hd-links{display:flex;align-items:center;gap:clamp(.85rem,1.15vw,1.6rem);margin-right:1rem}
.hd-links a{position:relative;font-size:.86rem;font-weight:500;color:rgba(255,255,255,.92);white-space:nowrap;text-decoration:none;transition:color .18s}
.hd-links a:hover,.hd-links a[aria-current]{color:#fff}
.hd-links a::after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1.5px;background:#fff;
  transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.65,.05,.36,1)}
.hd-links a:hover::after,.hd-links a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.hd-links .hd-group,.hd-links .hd-main,.hd-links .hd-contact{display:none}
.hd-cta{display:flex;gap:.65rem;align-items:center}
.hd-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border:0;border-radius:0;
  font-family:var(--tat-sans);font-size:.9rem;font-weight:500;line-height:1.65;white-space:nowrap;
  text-decoration:none;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.hd-btn-ghost{background:rgba(255,255,255,.12);color:#fff;font-weight:600}
.hd-btn-ghost:hover{background:rgba(255,255,255,.2);color:#fff}
.hd-btn-white{background:#fff;color:var(--tat-cin)}
.hd-btn-white:hover{background:var(--tat-ivory2);color:var(--tat-cin-d)}
nav.hd-sub a:focus-visible,nav.hd-sub button:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ── Burger ── */
.hd-burger{display:none;width:42px;height:42px;border:1.5px solid rgba(255,255,255,.45);border-radius:5px;background:transparent;cursor:pointer;position:relative;flex-shrink:0;padding:0}
.hd-burger span{position:absolute;left:11px;right:11px;height:2px;background:#fff;border-radius:2px;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .2s ease}
.hd-burger span:nth-child(1){top:13px}
.hd-burger span:nth-child(2){top:19px}
.hd-burger span:nth-child(3){top:25px}
.hd-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.hd-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.hd-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* Ordinateur : « Contact » passe dans la barre grise (le bouton « Trouver mon parcours » est plus long) */
@media(min-width:1201px){ .hd-cta .hd-btn-ghost{display:none} }
@media(max-width:1360px) and (min-width:1201px){
  .hd-links{gap:.8rem;margin-right:.75rem}
  .hd-links a{font-size:.8rem}
  .hd-btn{font-size:.82rem;padding:.5rem .9rem}
}
@media(max-width:1260px) and (min-width:1201px){
  .hd-links{gap:.7rem}
  .hd-links a{font-size:.78rem}
  .hd-btn{font-size:.8rem;padding:.5rem .8rem}
}
@media(max-width:1400px) and (min-width:1201px){
  .hd-top-links{gap:1.15rem}
  .hd-top-links a{font-size:.86rem}
}

/* ── Tablette et mobile : une seule barre ── */
@media(max-width:1200px){
  :root{--hd-bar:78px;--hd-sum:46px}
  .hd-top{display:none}
  nav.hd-sub{top:0;height:78px;background:var(--tat-cin)}
  .hd-logo{display:flex}
  .hd-burger{display:block}
  .hd-btn{padding:.45rem 1.05rem;font-size:.84rem}
  .hd-btn-ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.55)}
  .hd-links{
    display:flex;position:fixed;top:78px;left:0;right:0;z-index:299;margin:0;
    flex-direction:column;align-items:stretch;gap:0;
    background:var(--tat-cin);padding:.5rem 6vw 1.5rem;
    box-shadow:0 18px 30px rgba(26,8,7,.18);
    max-height:calc(100svh - 78px);overflow-y:auto;overscroll-behavior:contain;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s linear .3s
  }
  .hd-links.open{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease,transform .3s cubic-bezier(.22,.61,.36,1),visibility 0s}
  .hd-links .hd-main,.hd-links .hd-contact{display:block}
  .hd-links .hd-group{display:block;font-size:.875rem;font-weight:600;color:rgba(255,255,255,.65);padding:1.4rem 0 .35rem}
  .hd-links a{font-size:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.15);color:#fff}
  .hd-links a:last-child{border-bottom:none}
  .hd-links a::after{display:none}
  .hd-links a[aria-current]{font-weight:700}
}
@media(max-width:768px){
  :root{--hd-bar:64px}
  nav.hd-sub{height:64px;padding:0 4vw}
  .hd-logo img{height:30px}
  .hd-cta{gap:.4rem}
  .hd-btn{padding:.5rem 1rem;font-size:.78rem}
  .hd-cta .hd-btn-ghost{display:none}
  .hd-links{top:64px;padding:.25rem 5vw 1.25rem;max-height:calc(100svh - 64px)}
  .hd-burger{width:38px;height:38px}
  .hd-burger span{left:9px;right:9px}
  .hd-burger span:nth-child(1){top:11px}
  .hd-burger span:nth-child(2){top:17px}
  .hd-burger span:nth-child(3){top:23px}
}
@media(max-width:380px){
  nav.hd-sub{padding:0 3vw}
  .hd-logo img{height:26px}
  .hd-btn{padding:.45rem .85rem;font-size:.72rem}
}

/* ── Troisième niveau : rubriques TAT Academy (comme le sommaire gris de programme) ── */
.hd-sum{position:fixed;top:var(--hd-bar);left:0;right:0;z-index:290;height:var(--hd-sum);background:var(--tat-ivory2);
  font-family:var(--tat-sans);-webkit-font-smoothing:antialiased;
  padding:0 max(6vw, calc((100% - 1240px) / 2))}
.hd-sum-inner{height:100%;display:flex;align-items:center;gap:.75rem 2rem}
.hd-sum-brand{font-size:.875rem;font-weight:600;color:var(--tat-ink);text-decoration:none;white-space:nowrap}
.hd-sum-links{display:flex;align-items:center;gap:1.5rem}
.hd-sum-links a{position:relative;font-size:.875rem;font-weight:500;color:var(--tat-mu);text-decoration:none;white-space:nowrap;padding:.25rem 0;transition:color .15s ease}
.hd-sum-links a:hover{color:var(--tat-cin)}
.hd-sum-links a[aria-current]{color:var(--tat-ink);font-weight:600}
.hd-sum-links a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1.5px;background:var(--tat-cin)}
.hd-sum a:focus-visible{outline:2px solid var(--tat-cin);outline-offset:3px}
@media(max-width:768px){
  .hd-sum{padding:0 4vw;overflow-x:auto;scrollbar-width:none}
  .hd-sum::-webkit-scrollbar{display:none}
  .hd-sum-brand{display:none}
  .hd-sum-links{gap:1.25rem}
}
.hd-sum-contact{margin-left:auto;font-size:.875rem;font-weight:500;color:var(--tat-mu);text-decoration:none;white-space:nowrap}
.hd-sum-contact:hover{color:var(--tat-cin)}
@media(max-width:1200px){ .hd-sum-contact{display:none} }