/**
 * Mur social (bloc de contenu contenant un widget Elfsight, ex. « Nous
 * suivre » sur l'accueil).
 *
 * Le widget s'injecte dans la page (pas d'iframe) avec des classes générées
 * (« Post__PostRoot-sc-… ») : on cible leur début, stable d'une version à
 * l'autre, pour lui donner la typographie, les filets et les couleurs du
 * thème. Aucun réglage n'est à faire côté Elfsight.
 */
[id^="block-"]:has([class^="elfsight-app-"]) {
  max-width: none;
  padding: clamp(56px, 7vw, 96px) 0;
  background: var(--u-surface-alt);
}
[id^="block-"]:has([class^="elfsight-app-"]) > h2 {
  max-width: var(--page-max);
  margin: 0 auto 32px;
  padding-inline: var(--page-gutter);
  font-size: clamp(30px, 3.4vw, 48px);
  line-height: 1.05;
}
/* Paragraphes vides saisis autour du script */
[id^="block-"]:has([class^="elfsight-app-"]) p {
  display: none;
}
[class^="elfsight-app-"] {
  max-width: var(--page-max);
  margin: 0 auto;
  padding-inline: var(--page-gutter);
}
/* Elfsight fixe en ligne une largeur maximale (réglage du widget) */
[class^="elfsight-app-"] [class*="EmbedRoot__Root"] {
  max-width: none !important;
}

/* Typographie et couleurs du thème dans tout le widget */
[class^="elfsight-app-"] * {
  font-family: var(--u-font-base) !important;
}
[class^="elfsight-app-"] [class*="Background__Base"],
[class^="elfsight-app-"] [class*="Background__Overlay"] {
  background: none !important;
}

/* Cartes de publication : filet fin, coins du thème, pas d'ombre */
[class^="elfsight-app-"] [class*="Post__PostRoot"] {
  overflow: hidden;
  border: 1px solid var(--u-rule) !important;
  border-radius: var(--u-radius-card) !important;
  background: var(--u-surface) !important;
  box-shadow: none !important;
  transition: border-color 0.15s;
}
[class^="elfsight-app-"] [class*="Post__PostRoot"]:hover {
  border-color: var(--u-ink) !important;
}
[class^="elfsight-app-"] [class*="Post__PostRoot"] a,
[class^="elfsight-app-"] [class*="ReadMore"] {
  color: var(--u-accent-strong) !important;
}
[class^="elfsight-app-"] [class*="Post__PostRoot"] img {
  border-radius: 0 !important;
}

/* Flèches du carrousel : mêmes boutons ronds que les rayons */
[class^="elfsight-app-"] [class*="ArrowControl__ArrowControlContainer"] {
  border: 2px solid var(--u-ink) !important;
  border-radius: var(--am-radius) !important;
  background: var(--u-surface) !important;
  box-shadow: none !important;
  color: var(--u-ink) !important;
}
[class^="elfsight-app-"] [class*="ArrowControl__ArrowControlContainer"]:hover {
  border-color: var(--u-accent) !important;
  color: var(--u-accent) !important;
}
[class^="elfsight-app-"] [class*="ArrowControl__ArrowControlContainer"] svg {
  fill: currentColor !important;
}