/* Pullquote front - Frontend styles */

/* Styles de base pour le pullquote */
.wp-block-pullquote {
  border-radius: var(
    --wp--custom--semantic--border--radius--base,
    var(--wp--custom--primitive--size--4, 4px)
  );
  padding-top: var(
    --wp--custom--semantic--spacing--300,
    var(--wp--custom--primitive--spacing--24, 24px)
  );
  padding-bottom: var(
    --wp--custom--semantic--spacing--300,
    var(--wp--custom--primitive--spacing--24, 24px)
  );
  padding-left: var(
    --wp--custom--semantic--spacing--400,
    var(--wp--custom--primitive--spacing--32, 32px)
  );
  padding-right: var(
    --wp--custom--semantic--spacing--400,
    var(--wp--custom--primitive--spacing--32, 32px)
  );
  margin-top: var(
    --wp--custom--semantic--spacing--400,
    var(--wp--custom--primitive--spacing--32, 32px)
  ) !important;
  margin-bottom: var(
    --wp--custom--semantic--spacing--400,
    var(--wp--custom--primitive--spacing--32, 32px)
  ) !important;
}

/* Texte du pullquote */
.wp-block-pullquote p,
.wp-block-pullquote blockquote p {
  font-size: var(
    --wp--custom--semantic--font--large-screens--body--01--font-size,
    var(--wp--custom--primitive--font--size--500, 20px)
  );
  line-height: var(
    --wp--custom--semantic--font--large-screens--body--01--line-height,
    var(--wp--custom--primitive--font--line-height-figma--28, 28px)
  );
  font-weight: var(
    --wp--custom--semantic--font--large-screens--title--05--weight,
    var(--wp--custom--primitive--font--weight--800, 800)
  );
}

/* Citation (cite) */
.wp-block-pullquote cite,
.wp-block-pullquote blockquote cite {
  font-size: var(
    --wp--custom--semantic--font--size--mention--2,
    var(--wp--custom--primitive--font--size--300, 12px)
  );
  font-weight: var(
    --wp--custom--semantic--font--mention--xs--weight,
    var(--wp--custom--primitive--font--weight--300, 300)
  );
  margin-top: var(
    --wp--custom--semantic--spacing--200,
    var(--wp--custom--primitive--spacing--16, 16px)
  );
  display: block;
  font-style: normal;
}

/* Gestion automatique des couleurs de texte en fonction du background */

/* Couleurs sombres - texte clair */
.wp-block-pullquote.has-surface-brand-background-color,
.wp-block-pullquote.has-surface-inverse-background-color,
.wp-block-pullquote.has-surface-accent-dark-background-color,
.wp-block-pullquote.has-surface-accent-darker-background-color,
.wp-block-pullquote.has-surface-accent-darkest-background-color,
.wp-block-pullquote.has-primary-background-color,
.wp-block-pullquote.has-secondary-background-color,
.wp-block-pullquote.has-galactic-background-background-color,
.wp-block-pullquote[class*='has-'][class*='-background-color'][style*='background-color: rgb(0,'] p,
.wp-block-pullquote[class*='has-'][class*='-background-color'][style*='background-color: rgb(18,']
  p,
.wp-block-pullquote[style*='background-color'][style*='rgb(0,'] p,
.wp-block-pullquote[style*='background-color'][style*='rgb(18,'] p {
  color: var(
    --wp--custom--semantic--color--text--inverse,
    var(--wp--custom--primitive--color--neutral--0, #ffffff)
  ) !important;
}

.wp-block-pullquote.has-surface-brand-background-color p,
.wp-block-pullquote.has-surface-inverse-background-color p,
.wp-block-pullquote.has-surface-accent-dark-background-color p,
.wp-block-pullquote.has-surface-accent-darker-background-color p,
.wp-block-pullquote.has-surface-accent-darkest-background-color p,
.wp-block-pullquote.has-primary-background-color p,
.wp-block-pullquote.has-secondary-background-color p,
.wp-block-pullquote.has-galactic-background-background-color p {
  color: var(
    --wp--custom--semantic--color--text--inverse,
    var(--wp--custom--primitive--color--neutral--0, #ffffff)
  ) !important;
}

.wp-block-pullquote.has-surface-brand-background-color cite,
.wp-block-pullquote.has-surface-inverse-background-color cite,
.wp-block-pullquote.has-surface-accent-dark-background-color cite,
.wp-block-pullquote.has-surface-accent-darker-background-color cite,
.wp-block-pullquote.has-surface-accent-darkest-background-color cite,
.wp-block-pullquote.has-primary-background-color cite,
.wp-block-pullquote.has-secondary-background-color cite,
.wp-block-pullquote.has-galactic-background-background-color cite,
.wp-block-pullquote[style*='background-color'][style*='rgb(0,'] cite,
.wp-block-pullquote[style*='background-color'][style*='rgb(18,'] cite {
  color: var(
    --wp--custom--semantic--color--text--inverse,
    var(--wp--custom--primitive--color--neutral--0, #ffffff)
  ) !important;
  opacity: 0.8;
}

/* Couleurs claires (ou mi-sombres) - texte sombre */
.wp-block-pullquote.has-surface-body-background-color,
.wp-block-pullquote.has-surface-primary-background-color,
.wp-block-pullquote.has-surface-secondary-background-color,
.wp-block-pullquote.has-surface-tertiary-background-color,
.wp-block-pullquote.has-surface-accent-lightest-background-color,
.wp-block-pullquote.has-surface-accent-lighter-background-color,
.wp-block-pullquote.has-surface-accent-light-background-color,
.wp-block-pullquote.has-surface-background-color,
.wp-block-pullquote.has-accent-background-color {
  color: var(
    --wp--custom--semantic--color--text--primary,
    var(--wp--custom--primitive--color--neutral--900, #121212)
  );
}

.wp-block-pullquote.has-surface-body-background-color p,
.wp-block-pullquote.has-surface-primary-background-color p,
.wp-block-pullquote.has-surface-secondary-background-color p,
.wp-block-pullquote.has-surface-tertiary-background-color p,
.wp-block-pullquote.has-surface-accent-lightest-background-color p,
.wp-block-pullquote.has-surface-accent-lighter-background-color p,
.wp-block-pullquote.has-surface-accent-light-background-color p,
.wp-block-pullquote.has-surface-background-color p,
.wp-block-pullquote.has-accent-background-color p,
.wp-block-pullquote:not([class*='has-'][class*='-background-color']):not(
    [style*='background-color']
  )
  p {
  color: var(
    --wp--custom--semantic--color--text--primary,
    var(--wp--custom--primitive--color--neutral--900, #121212)
  ) !important;
}

.wp-block-pullquote.has-surface-body-background-color cite,
.wp-block-pullquote.has-surface-primary-background-color cite,
.wp-block-pullquote.has-surface-secondary-background-color cite,
.wp-block-pullquote.has-surface-tertiary-background-color cite,
.wp-block-pullquote.has-surface-accent-lightest-background-color cite,
.wp-block-pullquote.has-surface-accent-lighter-background-color cite,
.wp-block-pullquote.has-surface-accent-light-background-color cite,
.wp-block-pullquote.has-surface-background-color cite,
.wp-block-pullquote.has-accent-background-color cite,
.wp-block-pullquote:not([class*='has-'][class*='-background-color']):not(
    [style*='background-color']
  )
  cite {
  color: var(
    --wp--custom--semantic--color--text--secondary,
    var(--wp--custom--primitive--color--neutral--700, #4d4f53)
  ) !important;
}

/* Gestion du background par défaut si aucun n'est défini */
.wp-block-pullquote:not([class*='has-'][class*='-background-color']):not(
    [style*='background-color']
  ) {
  background-color: var(
    --wp--custom--semantic--color--background--surface--secondary,
    var(--wp--custom--primitive--color--neutral--100, #f4f5f6)
  ) !important;
}