/*
 * MTC Cabinet — Styles spécifiques aux blocs Gutenberg
 *
 * Personnalise le rendu de quelques blocs courants pour qu'ils
 * s'intègrent au design system du thème.
 */

/* Bloc Citation */
.wp-block-quote {
  margin: 2rem 0;
  padding: 1.5rem 2rem;
  border-left: 3px solid var(--mtc-gold);
  background: var(--mtc-paper);
  font-family: var(--font-serif);
  font-style: italic;
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

.wp-block-quote cite {
  display: block;
  font-style: normal;
  font-family: var(--font-sans);
  font-size: var(--fs-sm);
  color: var(--mtc-ink-mute);
  margin-top: var(--sp-3);
}

.wp-block-quote.is-style-large {
  font-size: var(--fs-lg);
  border-left-width: 4px;
}

.wp-block-pullquote {
  border-top: 2px solid var(--mtc-gold);
  border-bottom: 2px solid var(--mtc-gold);
  background: transparent;
  padding: 2rem 0;
  margin: 2rem 0;
  text-align: center;
}

.wp-block-pullquote p {
  font-family: var(--font-serif);
  font-size: var(--fs-2xl);
  font-style: italic;
  color: var(--mtc-red-dark);
  margin: 0 auto;
  max-width: 720px;
}

/* Boutons */
.wp-block-button__link {
  border-radius: var(--radius-pill) !important;
  padding: var(--sp-3) var(--sp-6) !important;
  font-weight: 600 !important;
  font-family: var(--font-sans);
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background: var(--mtc-red);
  color: #fff;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
  background: var(--mtc-red-dark);
}

.wp-block-button.is-style-outline .wp-block-button__link {
  border: 2px solid var(--mtc-red);
  color: var(--mtc-red);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--mtc-red);
  color: #fff;
}

/* Galerie */
.wp-block-gallery {
  gap: var(--sp-3);
}

.wp-block-gallery .wp-block-image img {
  border-radius: var(--radius-md);
}

/* Image avec légende */
.wp-block-image figcaption {
  text-align: center;
  font-size: var(--fs-sm);
  color: var(--mtc-ink-mute);
  font-style: italic;
  margin-top: var(--sp-2);
}

/* Séparateur */
.wp-block-separator {
  background: linear-gradient(
    to right,
    transparent,
    var(--mtc-gold-soft) 20%,
    var(--mtc-gold) 50%,
    var(--mtc-gold-soft) 80%,
    transparent
  );
  height: 1px;
  border: 0;
  margin: var(--sp-7) 0;
}

.wp-block-separator.is-style-wide {
  margin: var(--sp-7) 0;
}

.wp-block-separator.is-style-dots {
  background: transparent;
  text-align: center;
  height: auto;
  line-height: 1;
}

.wp-block-separator.is-style-dots::before {
  content: '··· 中 ···';
  font-family: var(--font-zh);
  color: var(--mtc-gold);
  font-size: var(--fs-xl);
  letter-spacing: 0.5em;
}

/* Liste */
.wp-block-list { padding-left: var(--sp-6); }

/* Tableau */
.wp-block-table table {
  border-collapse: collapse;
}

.wp-block-table th {
  background: var(--mtc-paper);
  font-weight: 600;
}

/* Code */
.wp-block-code {
  background: var(--mtc-ink);
  color: var(--mtc-ivory);
  padding: var(--sp-5);
  border-radius: var(--radius-md);
  overflow-x: auto;
}

/* Embed (vidéos, etc.) */
.wp-block-embed {
  margin: var(--sp-6) 0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

/* Cover (avec image de fond) */
.wp-block-cover {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.wp-block-cover .wp-block-cover__inner-container {
  padding: var(--sp-7);
}

/* Group */
.wp-block-group.has-background {
  padding: var(--sp-6);
  border-radius: var(--radius-md);
}

/* Spacer */
.wp-block-spacer { display: block; }

/* Captions générales */
.wp-element-caption,
figcaption {
  text-align: center;
  font-size: var(--fs-sm);
  color: var(--mtc-ink-mute);
  font-style: italic;
  margin-top: var(--sp-2);
}