/**
 * @file
 * Section Rich Text - Minimal styles (utilise les classes utilitaires du thème)
 * Section uses .section-padding and .section-inner utility classes from _utility.css
 */

/* Content width modifiers */

.s-rich-text--narrow .s-rich-text__content {
  max-width: 45rem; /* Narrow - optimal reading */
  margin: 0 auto;
}

.s-rich-text__content {
  max-width: 53.75rem; /* Default/standard width */
  margin: 0 auto;
}

.s-rich-text--wide .s-rich-text__content {
  max-width: 75rem;
}

/* Body content - typography */

.s-rich-text__body p {
  margin-bottom: 1.5rem;
}

.s-rich-text__body p:last-child {
  margin-bottom: 0;
}

.s-rich-text__body strong,
.s-rich-text__body b {
  color: var(--color-greyscale-2);
  font-weight: 600;
}

.s-rich-text__body ul,
.s-rich-text__body ol {
  margin: 1.5rem 0;
  padding-left: 1.5rem;
}

.s-rich-text__body li {
  margin-bottom: 0.75rem;
}

.s-rich-text__body blockquote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-left: 0.25rem solid var(--color-main-1);
  border-radius: 0 0.5rem 0.5rem 0; /* Keep custom radius for left-only rounded corners */
  background: var(--color-greyscale-6);
  font-style: italic;
}

.s-rich-text__body hr {
  margin: 2.5rem 0;
  border: none;
  border-top: 0.0625rem solid var(--color-greyscale-5);
}

/* Background wrapper - for colored backgrounds with rounded corners */

.s-rich-text__bg {
  padding: 2.5rem 1.25rem;
}

/* Gradient background variant - uses utility class .bg-gradient-purple */

/* Note: The .bg-gradient-purple class is applied via Twig template */

/* We only need to override text colors for contrast on purple background */

.s-rich-text--bg-gradient .s-rich-text__title,
.s-rich-text--bg-gradient .s-rich-text__body,
.s-rich-text--bg-gradient .s-rich-text__body strong {
  color: var(--color-greyscale-7);
}

.s-rich-text--bg-gradient .s-rich-text__body blockquote {
  border-left-color: var(--color-greyscale-7);
  background: rgb(255 255 255 / 0.1);
}