/* Club Jéconomise - espace membre. Marker : club-membre-v1
   Charte jeconomise.be : terracotta #c0543a, navy #162664, fond #f9f4f1, Manrope.
   Sobriété volontaire : cartes blanches bordées, pas de dégradés ni de glow. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap');

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Manrope', system-ui, sans-serif;
  background: #f9f4f1;
  color: #162664;
  line-height: 1.55;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.cj-head { background: #fff; border-bottom: 1px solid #e8ddd6; }
.cj-head-in {
  max-width: 960px; margin: 0 auto; padding: 0.9rem 1.2rem;
  display: flex; align-items: center; justify-content: space-between;
}
.cj-brand { font-weight: 800; font-size: 1.25rem; color: #162664; text-decoration: none; }
.cj-brand-club { color: #c0543a; }
.cj-lang {
  font-weight: 700; font-size: 0.8rem; color: #162664; text-decoration: none;
  border: 1.5px solid #162664; border-radius: 50px; padding: 0.25rem 0.7rem;
}
.cj-nav {
  max-width: 960px; margin: 0 auto; padding: 0 1.2rem 0.8rem;
  display: flex; gap: 1.2rem; flex-wrap: wrap;
}
.cj-nav a { color: #162664; text-decoration: none; font-weight: 600; font-size: 0.92rem; }
.cj-nav a:hover { color: #c0543a; }
.cj-nav-out { margin-left: auto; opacity: 0.7; }

.cj-main { flex: 1; max-width: 960px; margin: 0 auto; padding: 1.6rem 1.2rem 2.5rem; width: 100%; }
h1 { font-size: 1.6rem; font-weight: 800; margin-bottom: 0.8rem; }
h2 { font-size: 1.15rem; font-weight: 700; margin-bottom: 0.7rem; }
h3 { font-size: 1rem; font-weight: 700; }

.cj-card {
  background: #fff; border: 1px solid #e8ddd6; border-radius: 14px;
  padding: 1.4rem; margin-bottom: 1.2rem; box-shadow: 0 4px 24px rgba(22, 38, 100, 0.05);
}
.cj-card-slim { max-width: 440px; margin: 2.5rem auto; }

.cj-statut {
  background: #162664; color: #fff; border-radius: 12px;
  padding: 0.8rem 1.2rem; margin-bottom: 1.2rem; font-weight: 600;
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;
}
.cj-flash {
  background: #fdf1ec; border: 1px solid #c0543a; color: #8a3423;
  border-radius: 10px; padding: 0.7rem 1rem; margin-bottom: 1rem; font-weight: 600;
}

.cj-secteurs { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; }
.cj-secteur { border: 1px solid #e8ddd6; border-radius: 12px; padding: 1rem; }
.cj-chiffre { font-size: 1.9rem; font-weight: 800; color: #c0543a; margin: 0.4rem 0; }
.cj-chiffre span { font-size: 0.85rem; font-weight: 600; color: #162664; }
.cj-total { margin-top: 1rem; font-size: 1.05rem; }
.cj-gain { color: #1a7f4e; font-weight: 700; margin-left: 0.4rem; }
.cj-muted { color: #6b6480; font-size: 0.92rem; }

.cj-offres { list-style: none; }
.cj-offres li { padding: 0.55rem 0; border-bottom: 1px solid #f0e8e2; }
.cj-offres li:last-child { border-bottom: none; }

label { display: block; font-weight: 600; font-size: 0.9rem; margin-bottom: 0.9rem; }
input[type="text"], input[type="email"], input[type="password"], input[type="number"], select {
  display: block; width: 100%; margin-top: 0.3rem;
  padding: 0.6rem 0.8rem; border: 1.5px solid #d9cec6; border-radius: 10px;
  font-family: inherit; font-size: 0.95rem; color: #162664; background: #fff;
}
input:focus, select:focus { outline: 2px solid #c0543a; border-color: #c0543a; }
.cj-check { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; }
.cj-check input { width: auto; margin: 0; }

.cj-btn {
  display: inline-block; background: #c0543a; color: #fff; border: none;
  border-radius: 50px; padding: 0.7rem 1.6rem; font-family: inherit;
  font-weight: 700; font-size: 0.95rem; cursor: pointer; text-decoration: none;
  transition: transform 0.15s ease, background 0.15s ease;
}
.cj-btn:hover { transform: translateY(-2px); background: #a84630; }
.cj-btn-small { padding: 0.4rem 1rem; font-size: 0.82rem; }
.cj-btn-ghost { background: transparent; color: #c0543a; border: 1.5px solid #c0543a; }
.cj-btn-ghost:hover { background: #fdf1ec; }
.cj-lien { color: #c0543a; font-weight: 700; }

.cj-formules { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; margin: 1rem 0; }
.cj-formule { border: 1.5px solid #e8ddd6; border-radius: 14px; padding: 1.2rem; text-align: center; }
.cj-formule-star { border-color: #c0543a; }
.cj-avantage { color: #1a7f4e; font-weight: 700; font-size: 0.88rem; margin-bottom: 0.6rem; }

.cj-foot {
  background: #162664; color: #fff; text-align: center;
  padding: 1.4rem 1.2rem; font-size: 0.85rem;
}
.cj-foot a { color: #f2b8a6; }
.cj-foot p { margin: 0.2rem 0; }

@media (max-width: 560px) {
  .cj-main { padding: 1rem 0.8rem 2rem; }
  .cj-card { padding: 1rem; }
}