/* ============================================================
 * ESSIKNETWORK — Widget Titre de Section (en-tête réutilisable).
 * Badge pastille + titre + sous-titre + lien optionnel.
 * Dark mode via html[data-theme="dark"].
 * ============================================================ */
.essik-sec-head { max-width: 48rem; margin: 0 auto 2.5rem; text-align: center; }
.essik-sec-head > * + * { margin-top: .9rem; }
.essik-sec-badge {
  display: inline-flex; align-items: center; gap: .45rem;
  padding: .3rem .85rem; border-radius: 9999px;
  background: rgba(255,85,0,.1); color: #FF5500;
  font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;
}
.essik-sec-title { margin: 0; font-size: 1.75rem; font-weight: 900; letter-spacing: -.02em; color: #0A0D12; line-height: 1.2; }
@media (min-width: 768px) { .essik-sec-title { font-size: 2.25rem; } }
.essik-sec-sub { margin: 0; max-width: 42rem; color: #475569; font-size: .95rem; line-height: 1.6; }
.essik-sec-link { font-size: .82rem; font-weight: 800; color: #FF5500; text-decoration: none; }
.essik-sec-link:hover { text-decoration: underline; }

/* ---------- Dark mode ---------- */
html[data-theme="dark"] .essik-sec-title { color: #fff; }
html[data-theme="dark"] .essik-sec-sub { color: #94A3B8; }