@charset "UTF-8";
/* CSS Document */

/* =========================================================
   GUTENBERG — QUOTE & PULLQUOTE
   ========================================================= */

/* Variables locales (au cas où) */
:root{
  --g-quote-border: 4px;
  --g-quote-pad: clamp(12px, 2.5vw, 20px);
  --g-quote-gap: .6em;
  --g-quote-font: var(--font-body, system-ui, sans-serif);
  --g-quote-cite-font: var(--font-body, system-ui, sans-serif);
  --g-quote-color: var(--color-text, #222);
  --g-quote-accent: var(--color-secondary, #3D6C82);
  --g-quote-accent-900: var(--color-secondary-900, #274454);
  --g-quote-bg: transparent;
  --g-quote-radius: 0; /* préférence Laïcité 3.0: pas de border-radius */
}

/* ===== Blockquote standard =================================== */
.wp-block-quote{
  position: relative;
  margin: clamp(16px, 3vw, 28px) 0;
  padding: var(--g-quote-pad) var(--g-quote-pad) var(--g-quote-pad) calc(var(--g-quote-pad) + 8px);
  border-left: var(--g-quote-border) solid var(--g-quote-accent);
  background: var(--g-quote-bg);
  color: var(--g-quote-color);
  font-family: var(--g-quote-font);
  line-height: 1.55;
}

.wp-block-quote p{
  margin: 0 0 var(--g-quote-gap) 0;
}
.wp-block-quote p:last-child{
  margin-bottom: 0;
}

/* Style “large” de Gutenberg */
.wp-block-quote.is-style-large{
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.45;
}

/* Guillemets décoratifs (option) */
.wp-block-quote::before{
  content: "“";
  position: absolute;
  left: calc(var(--g-quote-pad) - .2em);
  top: .1em;
  font-size: clamp(28px, 6vw, 64px);
  line-height: 1;
  color: color-mix(in oklab, var(--g-quote-accent) 40%, #0000);
  font-family: var(--font-headings, inherit);
  transform: translate(-100%, 0);
}

/* Citation / auteur */
.wp-block-quote cite,
.wp-block-quote footer{
  display: block;
  margin-top: calc(var(--g-quote-gap) * .75);
  font-family: var(--g-quote-cite-font);
  font-size: .92em;
  color: var(--g-quote-accent-900);
  font-style: normal; /* Gutenberg met souvent <cite>, on le remet au neutre */
  opacity: .9;
}

/* Variante “plain” (sans bord) si tu l’actives dans l’éditeur */
.wp-block-quote.is-style-plain{
  border-left: none;
  padding-left: var(--g-quote-pad);
}
.wp-block-quote.is-style-plain::before{
  content: none;
}

/* Alignements wide/full */
.wp-block-quote.alignwide{
  max-width: min(1100px, 90vw);
  margin-left: auto;
  margin-right: auto;
}
.wp-block-quote.alignfull{
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  padding-left: clamp(16px, 4vw, 32px);
  padding-right: clamp(16px, 4vw, 32px);
}

/* ===== Pullquote ============================================= */
.wp-block-pullquote{
  position: relative;
  margin: clamp(20px, 5vw, 40px) 0;
  padding: clamp(16px, 3vw, 24px);
  border-top: 2px solid var(--g-quote-accent);
  border-bottom: 2px solid var(--g-quote-accent);
  background: var(--g-quote-bg);
  text-align: center;
}

.wp-block-pullquote blockquote{
  margin: 0;
  border: 0;
  padding: 0;
}
.wp-block-pullquote p{
  font-family: var(--font-headings, var(--g-quote-font));
  font-size: clamp(20px, 2.6vw, 28px);
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.wp-block-pullquote cite{
  display: block;
  margin-top: .6em;
  font-size: .9em;
  font-weight: 500;
  color: var(--g-quote-accent-900);
  font-style: normal;
  opacity: .9;
}

/* Variante “solid color” de Gutenberg (quand un fond est choisi) */
.wp-block-pullquote.has-background{
  color: inherit;
  border-color: currentColor;
}

/* Nettoyage des marges imbriquées */
.wp-block-quote > :first-child,
.wp-block-pullquote > :first-child{ margin-top: 0; }
.wp-block-quote > :last-child,
.wp-block-pullquote > :last-child{ margin-bottom: 0; }

/* Mode sombre éventuel (si tu en as un) */
/*
@media (prefers-color-scheme: dark){
  .wp-block-quote{
    border-left-color: color-mix(in oklab, var(--g-quote-accent) 75%, #000);
  }
}
*/


/* === Gutenberg – Notes de bas de page ===================== */
/* Conteneur du bloc de notes */
.wp-block-footnotes{
  /* espace AVANT le filet pour séparer du texte principal */
  margin-top: clamp(24px, 6vw, 56px);

  /* le filet en tête du bloc */
  border-top: 1px solid var(--color-accent-100, rgba(0,0,0,.16));

  /* un peu d'air après le filet */
  padding-top: clamp(10px, 2.5vw, 20px);

  /* taille "small" */
  font-size: var(--font-size-small, 0.875rem);
  line-height: 1.5;
  color: var(--color-text, inherit);
}

/* Liste et items (propre et compact) */
.wp-block-footnotes > ol{
  margin: 0;
  padding-left: 1.25em; /* retrait des numéros */
}
.wp-block-footnotes > ol > li{
  margin: .4em 0;
}

/* Lien de retour (↩︎) discret mais visible au focus */
.wp-block-footnotes a.footnote-backref{
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  font-size: .85em;
  opacity: .75;
}
.wp-block-footnotes a.footnote-backref:hover,
.wp-block-footnotes a.footnote-backref:focus{
  opacity: 1;
  outline: none;
}

/* Références inline (le petit numéro dans le texte) – optionnel */
sup[aria-describedby^="footnote"],
sup.footnote{
  font-size: .7em;
  line-height: 0;
}