/* ── Nav partagé — Charly ───────── */
:root {
  --green-dark:   #0D3B11;
  --green-mint:   #73C698;
  --salmon:       #EA966C;
  --salmon-dark:  #d6824f;
  --green-light:  #EAF7EF;
  --cream:        #FDF8F3;
  --cream-dark:   #F0E8DE;
  --text-muted:   #5a7060;
}

nav {
  position: sticky; top: 0; z-index: 100;
  background: rgba(253,248,243,.92); backdrop-filter: blur(14px);
  border-bottom: 1px solid #F0E8DE;
  font-family: 'Nunito', sans-serif;
}
.nav-inner {
  max-width: 1100px; margin: 0 auto; padding: 0 28px;
  display: flex; align-items: center; justify-content: space-between; height: 68px;
}
.nav-logo { display: flex; align-items: center; }
.nav-logo svg, .nav-logo img { height: 36px; width: auto; display: block; }
.nav-links { display: flex; align-items: center; gap: 32px; list-style: none; margin: 0; padding: 0; }
.nav-links a { font-size: .9rem; font-weight: 600; color: #5a7060; text-decoration: none; transition: color .15s; }
.nav-links a:hover, .nav-links a.active { color: #0D3B11; }

.btn {
  display: inline-flex; align-items: center; gap: 9px;
  padding: 14px 28px; border-radius: 12px;
  font-family: 'Nunito', sans-serif; font-size: 1rem; font-weight: 700;
  cursor: pointer; border: none; text-decoration: none;
  transition: transform .15s, box-shadow .15s, background .15s;
  line-height: 1;
}
.btn:hover { transform: translateY(-2px); box-shadow: 0 12px 48px rgba(13,59,17,.14); }
.btn-salmon { background: #EA966C; color: #fff; }
.btn-salmon:hover { background: #d6824f; }
.btn-outline { background: transparent; color: #0D3B11; border: 2px solid #0D3B11; }
.btn-outline:hover { background: #EAF7EF; }

.btn-mon-espace {
  display: inline-flex; align-items: center; gap: 7px;
  background: #0D3B11; color: #fff;
  font-family: 'Nunito', sans-serif; font-size: .88rem; font-weight: 700;
  padding: 9px 18px; border-radius: 50px;
  cursor: pointer; border: none; transition: background .2s;
  text-decoration: none; white-space: nowrap;
}
.btn-mon-espace:hover { background: #1a5e20; }

@media (max-width: 768px) {
  .nav-links { display: none; }
}