/* ═══════════════════════════════════════════════════════════════
   header-footer.css — rocket-starter child theme
   Applique le design Rocket ton Business sur TOUTES les pages
   (sauf la home qui a son propre HTML/CSS dans le post_content).
   ═══════════════════════════════════════════════════════════════ */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --orange:#FF6B35;--orange-dark:#E55A2B;--orange-light:#FFF3ED;
  --navy:#2D3047;--navy-deep:#1A1D2E;--navy-light:#3D4060;
  --teal:#1B998B;--teal-light:#E6F7F5;
  --bg:#F8F9FC;--white:#FFFFFF;
  --text:#1A1A2E;--text-muted:#6B7280;--text-light:#9CA3AF;
  --border:#E5E7EB;
  --radius:12px;--radius-lg:20px;--radius-full:9999px;
  --shadow-sm:0 1px 3px rgba(0,0,0,.06);
  --shadow:0 4px 20px rgba(0,0,0,.08);
  --shadow-lg:0 12px 40px rgba(0,0,0,.12);
}

html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}

body{font-family:'Inter',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;line-height:1.6}

/* ═══════════════ HEADER ═══════════════ */
.header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all .4s cubic-bezier(.22,1,.36,1)}
.header-inner{max-width:1320px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;height:72px}

/* Sur les pages non-home, le header est TOUJOURS en mode "scrolled" (fond blanc) car il n'y a pas de hero sombre derrière */
.header.always-scrolled,.header.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border)}

.logo{display:flex;align-items:center;gap:2px;text-decoration:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:24px;font-weight:800;letter-spacing:-.5px}
.logo-rocket{color:var(--orange)}
.logo-ton{color:var(--navy)}

.nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.nav a{font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;padding:8px 12px;border-radius:var(--radius-full);transition:all .25s;white-space:nowrap}
.nav a:hover{color:var(--orange);background:var(--orange-light)}

.mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px}
.mobile-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0;transition:.3s;border-radius:2px}

.nav-mobile{display:none;flex-direction:column;background:#fff;border-top:1px solid var(--border);padding:16px 40px;gap:4px}
.nav-mobile a{font-size:15px;font-weight:500;color:var(--text);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);transition:color .2s}
.nav-mobile a:last-child{border-bottom:none}
.nav-mobile a:hover{color:var(--orange)}
.nav-mobile.open{display:flex}

/* Spacing : pousser le contenu sous le header fixe */
.site-main{padding-top:72px;min-height:60vh}

/* Article single (single.php Astra) — petit ajustement de breathing room */
.site-main .ast-container{max-width:840px;margin:0 auto;padding:48px 24px}

/* ═══════════════ ARCHIVE / CATEGORY ═══════════════ */
.site-main .ast-archive-description,.site-main .page-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:36px;font-weight:800;color:var(--navy);margin:24px 0 32px;text-align:center}

/* ═══════════════ FOOTER ═══════════════ */
.footer{background:var(--navy-deep);padding:80px 40px 0;color:rgba(255,255,255,.5);margin-top:80px}
.footer-inner{max-width:1320px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-brand .logo{margin-bottom:16px}
.footer-brand .logo .logo-ton{color:rgba(255,255,255,.8)}
.footer-brand p{font-size:14px;line-height:1.65;max-width:280px;margin-bottom:20px}
.footer-social{display:flex;gap:10px}
.footer-social a{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;font-size:14px;transition:all .3s}
.footer-social a:hover{border-color:var(--orange);color:var(--orange);background:rgba(255,107,53,.08)}
.footer-col h4{font-family:'Plus Jakarta Sans',sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.45);text-decoration:none;padding:5px 0;transition:color .25s}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:28px 0;font-size:13px}

/* ═══════════════ RESPONSIVE ═══════════════ */
@media (max-width:1100px){
  .nav{display:none}
  .mobile-toggle{display:block}
}
@media (max-width:768px){
  .header-inner{padding:0 20px;height:64px}
  .site-main{padding-top:64px}
  .footer{padding:60px 20px 0}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px}
  .footer-bottom{flex-direction:column;gap:8px;text-align:center}
}
@media (max-width:480px){
  .footer-grid{grid-template-columns:1fr;gap:24px}
}