/* ============================================================
   MTHOR SHOP — "Qui peut vendre ?" : statuts & régimes de TVA,
   autofacturation, conformité.
   Builds on the .aud base (audience.css) — same tokens, same grid
   rhythm, transparent bg on the dark host.
   ============================================================ */

.elig { scroll-margin-top: 88px; }

/* ---------- status cards (particulier / franchise / marge / normal) ---------- */
.elig__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(12px, 1.6vw, 20px);
}
.elig__card {
  background: var(--a-card);
  border: 1px solid var(--a-ring);
  border-top: 3px solid var(--club-teal);
  border-radius: var(--radius-lg);
  padding: clamp(18px, 2.4vw, 28px);
  transition: border-color var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);
}
.elig__card:hover { border-color: var(--club-teal); transform: translateY(-3px); }
.elig__card[data-accent="yellow"] { border-top-color: var(--club-yellow); }
.elig__card[data-accent="green"]  { border-top-color: var(--club-green); }
.elig__card[data-accent="teal"]   { border-top-color: var(--club-teal); }

.elig__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  font-size: 10px;
  letter-spacing: var(--ls-wider);
  text-transform: uppercase;
  padding: 6px 12px;
  border-radius: var(--radius-pill);
  border: 1px solid var(--a-ring);
  color: var(--a-fg-muted);
  margin-bottom: var(--sp-4);
}
.elig__badge i { width: 13px; height: 13px; flex: 0 0 auto; }
.elig__card[data-accent="yellow"] .elig__badge { color: var(--club-yellow); border-color: rgba(246, 197, 25, 0.4); }
.elig__card[data-accent="green"]  .elig__badge { color: var(--club-green);  border-color: rgba(132, 192, 100, 0.4); }
.elig__card[data-accent="teal"]   .elig__badge { color: var(--club-teal);   border-color: rgba(15, 186, 181, 0.4); }

.elig__card h3 {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: clamp(17px, 1.8vw, var(--fs-xl));
  line-height: var(--lh-snug);
  letter-spacing: -0.01em;
  margin: 0 0 var(--sp-2);
  color: var(--a-fg);
}
.elig__card > p {
  margin: 0 0 var(--sp-4);
  font-weight: 500;
  font-size: var(--fs-sm);
  line-height: var(--lh-base);
  color: var(--a-fg-muted);
  max-width: 46ch;
}
.elig__card > p b { color: var(--a-fg); font-weight: 700; }

.elig__facts {
  list-style: none;
  margin: 0;
  padding: var(--sp-4) 0 0;
  border-top: 1px solid var(--a-ring);
  display: flex;
  flex-direction: column;
  gap: var(--sp-3);
}
.elig__facts li {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-3);
  font-weight: 500;
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
  color: var(--a-fg-muted);
}
.elig__facts li b { color: var(--a-fg); font-weight: 700; }
.elig__facts i {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  color: var(--club-teal);
}

/* ---------- self-billing block ---------- */
.elig__panel {
  margin-top: clamp(28px, 4vw, 48px);
  background: var(--a-card);
  border: 1px solid var(--a-ring);
  border-radius: var(--radius-lg);
  padding: clamp(20px, 3vw, 40px);
}
.elig__panel-title {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: clamp(19px, 2.2vw, var(--fs-2xl));
  line-height: var(--lh-snug);
  letter-spacing: var(--ls-tight);
  text-transform: uppercase;
  margin: 0 0 var(--sp-3);
  color: var(--a-fg);
}
.elig__panel-lead {
  margin: 0 0 clamp(20px, 3vw, 32px);
  font-weight: 500;
  font-size: clamp(15px, 1.5vw, var(--fs-md));
  line-height: var(--lh-base);
  color: var(--a-fg-muted);
  max-width: 78ch;
}
.elig__panel-lead b { color: var(--a-fg); font-weight: 700; }

.elig__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 2.4vw, 32px);
}
.elig__step { border-top: 1px solid var(--a-ring); padding-top: var(--sp-4); }
.elig__step-num {
  display: block;
  font-family: var(--font-display);
  font-size: var(--fs-sm);
  line-height: 1;
  background: var(--club-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-bottom: var(--sp-3);
}
.elig__step h4 {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: var(--fs-base);
  line-height: var(--lh-snug);
  margin: 0 0 var(--sp-2);
  color: var(--a-fg);
}
.elig__step p {
  margin: 0;
  font-weight: 500;
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
  color: var(--a-fg-muted);
}

/* ---------- compliance grid ---------- */
.elig__compliance { margin-top: clamp(28px, 4vw, 48px); }
.elig__compliance-title {
  font-weight: 800;
  font-size: var(--fs-lg);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  margin: 0 0 var(--sp-5);
  color: var(--a-fg);
}
.elig__norms {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, 1.6vw, 20px);
}
.elig__norm {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-4);
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid var(--a-ring);
  border-radius: var(--radius-md);
  padding: clamp(16px, 2vw, 22px);
}
.elig__norm > i {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  color: var(--club-teal);
}
.elig__norm h4 {
  font-family: var(--font-body);
  font-weight: 800;
  font-size: var(--fs-sm);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  margin: 0 0 var(--sp-2);
  color: var(--a-fg);
}
.elig__norm p {
  margin: 0;
  font-weight: 500;
  font-size: var(--fs-sm);
  line-height: var(--lh-snug);
  color: var(--a-fg-muted);
}

.elig__disclaimer {
  margin: var(--sp-5) 0 0;
  font-weight: 500;
  font-size: var(--fs-xs);
  line-height: var(--lh-loose);
  color: var(--a-fg-muted);
  opacity: 0.8;
  max-width: 100ch;
}

@media (max-width: 1080px) {
  .elig__steps { grid-template-columns: repeat(2, 1fr); }
  .elig__norms { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 760px) {
  .elig__grid { grid-template-columns: 1fr; }
  .elig__steps { grid-template-columns: 1fr; }
  .elig__norms { grid-template-columns: 1fr; }
}