/* ============================================
   Cap Évasion — CSS pour harmoniser le header
   et le footer du thème avec le reste du site
   Version 2 : en-tête compact + liseré signature,
   pied de page en bleu profond
   À coller dans : Apparence → Personnaliser → CSS additionnel
   (remplace la version précédente en entier)
   ============================================ */
 
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');
 
:root{
  --ink:#3A2A1E;
  --ink-soft:#6E5B48;
  --cream:#FCFAF4;
  --orange-deep:#B85E14;
  --blue-deep:#146C94;
  --blue-footer:#0F5578;
  --gold:#F5B335;
  --sage-warm:#B7CDA0;
}
 
/* ---------- HEADER (compact, texte agrandi, liseré signature) ---------- */
header{
  background:rgba(252,250,244,.92) !important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 1px 0 rgba(58,42,30,.08) !important;
  position:sticky !important;
  top:0 !important;
  z-index:999 !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
}
 
/* Logo — garde votre image, juste redimensionnée pour un en-tête compact */
header img{
  max-height:44px !important;
  width:auto !important;
}
 
header nav a,
header .site-navigation a,
header ul li a{
  font-family:'Inter', sans-serif !important;
  font-weight:600 !important;
  font-size:1rem !important;
  color:var(--ink) !important;
  letter-spacing:.01em;
  transition:color .2s ease;
}
header nav a:hover,
header .site-navigation a:hover,
header ul li a:hover{
  color:var(--blue-deep) !important;
}
 
/* Liseré pointillé signature en bas du header, comme sur le reste du site */
header{
  position:relative !important;
}
header::after{
  content:'';
  position:absolute;
  left:0; right:0; bottom:0;
  height:6px;
  background:repeating-linear-gradient(90deg, var(--orange-deep) 0 6px, transparent 6px 12px);
  opacity:.7;
}
 
/* ---------- FOOTER (bleu profond) ---------- */
footer{
  background:var(--blue-footer) !important;
  color:var(--cream) !important;
  padding-top:48px !important;
  padding-bottom:28px !important;
}
 
footer p,
footer span{
  color:var(--gold) !important;
  font-family:'Fraunces', serif !important;
  font-style:italic;
}
 
footer a{
  color:var(--sage-warm) !important;
  font-family:'Inter', sans-serif !important;
  font-size:.82rem !important;
  transition:color .2s ease;
}
footer a:hover{
  color:var(--cream) !important;
}