/* ==========================================================================
   03-header.css — En-tête + navigation. Porté de docs/index.html.
   ========================================================================== */

.apc-header{position:sticky;top:0;z-index:50;background:rgba(20,20,20,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline-dark)}
.apc-header .nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-logo{height:42px;width:auto}
.brand-text{font-family:var(--font-titre);color:var(--craie);font-size:23px;font-weight:500;letter-spacing:.01em}
.brand-text i{font-style:italic;color:var(--laiton-clair)}

.nav-links{display:flex;gap:28px;align-items:center}
.nav-links a{color:var(--craie);font-size:14.5px;font-weight:500;opacity:.85;transition:opacity .2s}
.nav-links a:hover{opacity:1}

.nav-right{display:flex;align-items:center;gap:18px}
.nav-tel{color:var(--muted-dark);font-size:14px;font-variant-numeric:tabular-nums}
.apc-social{display:inline-flex;align-items:center;gap:10px}
.apc-social a{color:var(--craie);opacity:.85;display:inline-flex;transition:color .15s ease,opacity .15s ease}
.apc-social a:hover{color:var(--laiton-clair);opacity:1}

.menu-toggle{display:none;background:none;border:0;color:var(--craie);cursor:pointer;padding:6px}

/* Menu mobile (ouvert via nav.js) */
@media (max-width:900px){
  .nav-links{
    display:none;position:absolute;top:74px;left:0;right:0;
    flex-direction:column;align-items:flex-start;gap:0;
    background:rgba(20,20,20,.98);backdrop-filter:blur(10px);
    border-bottom:1px solid var(--hairline-dark);padding:10px 28px 22px;
  }
  .apc-header.is-open .nav-links{display:flex}
  .nav-links a{padding:12px 0;font-size:16px;width:100%;border-bottom:1px solid var(--hairline-dark)}
  .nav-links a:last-child{border-bottom:0}
  .menu-toggle{display:block}
  .nav-right .btn{display:none}
}