/* =========================
   Subscription / Pricing (séparé)
   - Pages : subscription.html, checkout, summary, payment
========================= */

.ev-pricing{
  display: flex;
  flex-direction: column;
  gap: 56px; /* espace entre blocs majeurs */
}

/* Head Lexia/Codexia */
.ev-pricing-head{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.ev-pricing-head .ev-lead2{
  margin: 0;
}

/* Promo code */
.close-code {
  right: 0px;
  position: absolute;
  border: 0px;
  background: none;
  margin: 0 10px;
  height: 100%;
  cursor: pointer;
  color: var(--color-slate-500);
  border-radius: 0;
}
.input-code { padding-right: 30px; }

/* Bloc gratuit : respire + pas collé à la grille */
.ev-pricing-free{
  max-width: 520px;
  margin: 0 0 20px;
}

/* Grilles : spacing pro */
.ev-pricing-grid{
  gap: 28px; /* plus large que gap-6 */
  margin-top: 6px;
}

/* Cards : padding + arrondis + espace interne */
.ev-pricing-card{
  padding: 32px;             /* plus “premium” */
  border-radius: 18px;       /* doux */
}

/* Liste : plus d’air */
.ev-pricing-list{
  margin-top: 28px;
  margin-bottom: 34px;
  display: grid;
  gap: 12px;                 /* remplace space-y-2 “tight” */
}

/* Zone CTA card : vraie séparation */
.ev-pricing-cta{
  padding-top: 28px;
  margin-top: auto;
}

/* Foot (Plan actuel) : respiration */
.ev-pricing-foot{
  padding-top: 22px;
  margin-top: auto;
}

/* CTA final */
.ev-pricing-final{
  padding: 28px;
  margin-top: 10px;
  border-radius: 18px;
}

/* Optionnel : donner du “blanc” à la section entière si besoin */
.ev-section .ev-container{
  padding-top: 8px;
  padding-bottom: 8px;
}