/* TAWSA.NET — header, menus et footer communs à toutes les pages (refonte 2026-10-19).
   Chargé par les nouvelles pages ET par les pages historiques (après homepage.css). */
:root{--nuit:var(--tawsa-bleu-nuit);--or:var(--tawsa-dore);--creme:var(--tawsa-blanc-casse);--anth:var(--tawsa-anthracite);--line:var(--tawsa-gris-bordure);--sable:#EFEBE2;--gris:#5E6470;--pad:clamp(20px,5vw,72px);--hdr-h:84px;}
.arrow{width:14px;height:14px;flex:0 0 14px;}

/* boutons */
.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:6px;font-family:var(--tawsa-display);font-size:15px;font-weight:500;letter-spacing:.02em;line-height:1;border:1px solid transparent;transition:all .24s var(--tawsa-ease);cursor:pointer;white-space:nowrap;text-decoration:none;}
.btn--navy{background:var(--nuit);color:var(--creme);}.btn--navy:hover{background:var(--or);color:var(--nuit);}
.btn--gold{background:var(--or);color:var(--nuit);}.btn--gold:hover{background:var(--creme);color:var(--nuit);}
.btn--line{padding:8px 0;border-radius:0;border-bottom:1px solid currentColor;color:var(--nuit);}.btn--line:hover{color:var(--or);}
.on-dark .btn--line{color:var(--creme);}.on-dark .btn--line:hover{color:var(--or);}

/* header */
.hdr{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent;}
.hdr.is-scrolled,.hdr.is-menu{background:rgba(248,247,244,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:var(--line);}
.hdr--legacy{position:sticky;background:var(--creme);}
.hdr__in{display:flex;align-items:center;gap:36px;height:var(--hdr-h);}
.hdr__logo{display:flex;align-items:center;flex:0 0 auto;}
.hdr__logo img{height:40px;width:auto;display:block;}
.hdr__logo .inv{display:none;}
.hdr--dark:not(.is-scrolled):not(.is-menu) .hdr__logo .pri{display:none;}
.hdr--dark:not(.is-scrolled):not(.is-menu) .hdr__logo .inv{display:block;}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
.nav__a{display:flex;align-items:center;gap:6px;padding:10px 12px;font-family:var(--tawsa-display);font-size:15px;font-weight:500;color:var(--nuit);border-radius:6px;cursor:pointer;background:none;border:none;text-decoration:none;white-space:nowrap;}
.nav__a:hover,.nav__a[aria-current]{color:var(--or);}
.nav__a svg{width:12px;height:12px;transition:transform .2s;}
.hdr--dark:not(.is-scrolled):not(.is-menu) .nav__a{color:var(--creme);}
.hdr--dark:not(.is-scrolled):not(.is-menu) .nav__a:hover,.hdr--dark:not(.is-scrolled):not(.is-menu) .nav__a[aria-current]{color:var(--or);}
.nav__dd{position:relative;}
.dd{position:absolute;top:100%;left:-12px;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;}
.nav__dd:hover .dd,.nav__dd:focus-within .dd{opacity:1;visibility:visible;transform:none;}
.nav__dd:hover .nav__a svg{transform:rotate(180deg);}
.dd__panel{width:410px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--tawsa-shadow-lg);padding:14px;}
.dd__head{font-family:var(--tawsa-display);font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--or);padding:8px 12px 10px;}
.dd__link{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:8px;text-decoration:none;}
.dd__link:hover,.dd__link[aria-current]{background:var(--creme);}
.dd__link b{font-family:var(--tawsa-display);font-size:15px;font-weight:600;color:var(--nuit);}
.dd__link span{font-size:13px;color:var(--gris);line-height:1.45;}
.dd__sep{height:1px;background:var(--line);margin:8px 12px;}
.hdr__cta{margin-left:6px;padding:13px 22px;font-size:14px;}
.hdr--dark:not(.is-scrolled):not(.is-menu) .hdr__cta{background:var(--or);color:var(--nuit);}
.hdr--dark:not(.is-scrolled):not(.is-menu) .hdr__cta:hover{background:var(--creme);}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:6px;padding:10px 14px;font-family:var(--tawsa-display);font-size:14px;font-weight:500;color:var(--nuit);cursor:pointer;}
.hdr--dark:not(.is-scrolled):not(.is-menu) .burger{color:var(--creme);border-color:rgba(248,247,244,.3);}
.mnav{display:none;}
@media (max-width:1180px){
  .nav,.hdr__cta{display:none;}
  .burger{display:block;}
  .mnav.is-open{display:block;position:fixed;inset:var(--hdr-h) 0 0;background:var(--creme);overflow-y:auto;padding:12px var(--pad) 60px;z-index:99;}
  .mnav h6{font-family:var(--tawsa-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin:26px 0 8px;}
  .mnav a{display:block;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--tawsa-display);font-size:17px;font-weight:500;color:var(--nuit);text-decoration:none;}
  .mnav a[aria-current]{color:var(--or);}
  .mnav .btn{display:flex;justify-content:center;margin-top:24px;border-bottom:none;color:var(--creme);}
}

/* footer */
.ftr{background:#081627;color:rgba(248,247,244,.7);padding:84px 0 32px;}
.ftr__top{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:40px;}
.ftr__brand img{height:40px;width:auto;margin-bottom:22px;display:block;}
.ftr__brand p{font-size:14px;line-height:1.7;max-width:34ch;margin:0;}
.ftr h6{font-family:var(--tawsa-display);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--or);margin:0 0 18px;font-weight:600;}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;}
.ftr a{color:rgba(248,247,244,.78);font-size:14px;text-decoration:none;}.ftr a:hover{color:var(--or);}
.ftr__bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:64px;padding-top:24px;border-top:1px solid rgba(248,247,244,.12);font-size:13px;}
.ftr__bot nav{display:flex;gap:22px;flex-wrap:wrap;}
@media (max-width:1000px){.ftr__top{grid-template-columns:1fr 1fr;}.ftr__brand{grid-column:1/-1;}}
@media (max-width:560px){.ftr__top{grid-template-columns:1fr;}}