/* CTA — carte sombre comme React CtaSection */
.essik-cta-section { padding: 5rem 1.25rem; background: linear-gradient(to bottom, #fff, rgba(255,85,0,.08), #fff); }
.essik-cta-card { max-width: 64rem; margin: 0 auto; border-radius: 1.5rem; background: #0A0D12; color: #fff; border: 1px solid #1F2633; padding: 2rem; text-align: center; box-shadow: 0 25px 60px rgba(0,0,0,.35); }
@media (min-width: 640px) { .essik-cta-card { padding: 3rem; } }
.essik-cta-title { font-size: 1.875rem; font-weight: 900; color: #fff; margin: 1rem 0; line-height: 1.25; }
@media (min-width: 768px) { .essik-cta-title { font-size: 2.5rem; } }
.essik-cta-text { font-size: .95rem; color: #cbd5e1; line-height: 1.7; max-width: 48rem; margin: 0 auto; }
.essik-cta-buttons { display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; margin-top: 2rem; }
@media (min-width: 640px) { .essik-cta-buttons { flex-direction: row; } }
.essik-cta-contact { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.5rem; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #1F2633; font-size: .78rem; color: #94a3b8; }
.essik-cta-contact a { color: #cbd5e1; text-decoration: none; }
.essik-cta-contact a:hover { color: #FF5500; }

/* Variante claire — bandeau centré (page À propos React) */
.essik-cta-card.is-light {
  background: #FFF7ED; color: #0A0D12; border: 1px solid #FFE0D0;
  box-shadow: 0 12px 40px -18px rgba(255,85,0,.25);
}
.essik-cta-card.is-light .essik-cta-title { color: #0A0D12; }
.essik-cta-card.is-light .essik-cta-text { color: #475569; }
.essik-cta-card.is-light .essik-btn {
  display: inline-flex; align-items: center; gap: .5rem;
  background: #FF5500; color: #fff; font-size: .75rem; font-weight: 800;
  text-transform: uppercase; letter-spacing: .05em;
  padding: .85rem 1.6rem; border-radius: .8rem; text-decoration: none;
  box-shadow: 0 8px 20px -6px rgba(255,85,0,.55);
}
.essik-cta-card.is-light .essik-btn:hover { background: #E04B00; color: #fff; }
html[data-theme="dark"] .essik-cta-card.is-light { background: #12161F; border-color: #1F2633; }
html[data-theme="dark"] .essik-cta-card.is-light .essik-cta-title { color: #fff; }
html[data-theme="dark"] .essik-cta-card.is-light .essik-cta-text { color: #94A3B8; }