/* ═══════════════════════════════════════════════════
   HUBCOWORKING — HEADER & FOOTER STYLES
   À AJOUTER à la fin du fichier css/hubcoworking.css
   ═══════════════════════════════════════════════════ */

/* SKIP LINK */
.hc-skip-link{position:absolute;top:-100px;left:1rem;background:var(--hc-ink);color:var(--hc-cream)!important;padding:.5rem 1rem;border-radius:var(--hc-r-sm);font-size:.875rem;z-index:9999;transition:top .2s;text-decoration:none!important}
.hc-skip-link:focus{top:1rem}

/* HEADER */
.hc-site-header{position:fixed;top:0;left:0;right:0;z-index:900;transition:background .3s,box-shadow .3s}
.hc-site-header.hc-scrolled{background:rgba(248,245,239,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--hc-border)}
.hc-nav{max-width:var(--hc-max-w);margin-inline:auto;padding:.9rem clamp(1.25rem,4vw,2.5rem);display:flex;align-items:center;gap:2rem}

/* LOGO */
.hc-logo{display:flex!important;align-items:center!important;gap:.5rem!important;text-decoration:none!important;color:var(--hc-cream)!important;transition:color .2s!important;flex-shrink:0}
.hc-scrolled .hc-logo{color:var(--hc-ink)!important}
.hc-logo__mark{width:34px;height:34px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-family:var(--hc-serif);font-size:1.0625rem;font-weight:700;flex-shrink:0}
.hc-logo__text{font-family:var(--hc-sans);font-size:.9375rem;font-weight:300;letter-spacing:.01em}
.hc-logo__text strong{font-weight:500}

/* NAV MENU */
.hc-nav__menu{display:flex;align-items:center;gap:.25rem;list-style:none!important;margin:0 0 0 auto!important;padding:0!important}
.hc-nav__link{display:inline-block!important;padding:.5rem .875rem!important;font-family:var(--hc-sans)!important;font-size:.875rem!important;font-weight:400!important;text-decoration:none!important;color:rgba(248,245,239,.8)!important;border-radius:var(--hc-r-sm)!important;transition:color .2s,background .2s!important}
.hc-scrolled .hc-nav__link{color:var(--hc-ink-soft)!important}
.hc-nav__link:hover{color:var(--hc-cream)!important;background:rgba(255,255,255,.1)!important}
.hc-scrolled .hc-nav__link:hover{color:var(--hc-ink)!important;background:rgba(26,24,20,.06)!important}
.hc-nav__cta{background:var(--hc-cream)!important;color:var(--hc-ink)!important;font-weight:500!important;margin-left:.5rem!important}
.hc-scrolled .hc-nav__cta{background:var(--hc-ink)!important;color:var(--hc-cream)!important}
.hc-nav__cta:hover{opacity:.88!important}

/* MOBILE TOGGLE */
.hc-nav__toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:.5rem;cursor:pointer;margin-left:auto}
.hc-nav__toggle span{display:block;width:22px;height:1.5px;background:var(--hc-cream);transition:all .2s}
.hc-scrolled .hc-nav__toggle span{background:var(--hc-ink)}

/* FOOTER */
.hc-site-footer{background:var(--hc-ink);color:rgba(248,245,239,.6);padding-block:clamp(3rem,6vw,5rem) 2rem}
.hc-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(1.5rem,3vw,3rem);margin-bottom:3rem}
.hc-footer__brand .hc-logo{color:var(--hc-cream)!important;margin-bottom:1rem}
.hc-footer__brand p{font-size:.9rem;margin-bottom:1.25rem;font-family:var(--hc-sans);color:rgba(248,245,239,.6)}
.hc-footer__brand address{font-style:normal;font-size:.875rem;line-height:1.8;font-family:var(--hc-sans);color:rgba(248,245,239,.6)}
.hc-footer__brand a{color:rgba(248,245,239,.7)!important;text-decoration:none!important}
.hc-footer__brand a:hover{color:var(--hc-accent)!important}
.hc-footer__nav h3,.hc-footer__legal h3,.hc-footer__social h3{font-family:var(--hc-sans)!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(248,245,239,.35)!important;margin-bottom:1.25rem!important}
.hc-footer__nav ul,.hc-footer__legal ul{list-style:none!important;display:flex;flex-direction:column;gap:.625rem;padding:0!important;margin:0!important}
.hc-footer__nav a,.hc-footer__legal a{font-size:.9rem!important;color:rgba(248,245,239,.6)!important;text-decoration:none!important;transition:color .15s;font-family:var(--hc-sans)}
.hc-footer__nav a:hover,.hc-footer__legal a:hover{color:var(--hc-accent)!important}
.hc-footer__social-links{display:flex;flex-direction:column;gap:.625rem}
.hc-footer__social-link{display:flex!important;align-items:center!important;gap:.5rem!important;font-size:.875rem!important;color:rgba(248,245,239,.6)!important;text-decoration:none!important;transition:color .15s;font-family:var(--hc-sans)}
.hc-footer__social-link:hover{color:var(--hc-accent)!important}
.hc-footer__bottom{border-top:1px solid rgba(248,245,239,.1);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}
.hc-footer__bottom p{font-size:.8125rem;color:rgba(248,245,239,.3);font-family:var(--hc-sans)}

/* LOGO FOOTER */
.hc-logo--footer{display:flex!important;margin-bottom:1rem}

/* RESPONSIVE HEADER/FOOTER */
@media(max-width:640px){
  .hc-nav__toggle{display:flex}
  .hc-nav__menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,24,20,.97);flex-direction:column;justify-content:center;align-items:center;gap:.25rem;z-index:800}
  .hc-nav__menu.hc-open{display:flex}
  .hc-nav__link{font-size:1.25rem!important;color:rgba(248,245,239,.85)!important}
  .hc-nav__cta{background:var(--hc-accent)!important;color:var(--hc-ink)!important;margin-top:.75rem!important}
  .hc-footer__grid{grid-template-columns:1fr 1fr}
  .hc-footer__brand{grid-column:1/-1}
  .hc-footer__bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:480px){
  .hc-footer__grid{grid-template-columns:1fr}
}