/**
 * SEO Article Generator — styles de blocs premium.
 *
 * Le rendu visuel des callouts, pullquotes et sections est porté ICI (pas de
 * couleur inline dans le markup), keyé sur leurs classes is-style-*.
 * Objectif : sobriété éditoriale, accents mats (jamais les couleurs néon par
 * défaut de WordPress), zéro point décoratif. Tout reste recolorable dans Gutenberg.
 */

/* ------------------------------------------------------------------ *
 * Callouts / encarts
 * ------------------------------------------------------------------ */

.wp-block-group.is-style-callout,
.wp-block-group[class*="is-style-callout-"] {
	--sag-accent: #334155; /* slate-700 : neutre raffiné par défaut */
	position: relative;
	margin-block: 1.9rem;
	padding: 1.5rem 1.75rem;
	border: 1px solid color-mix(in srgb, var(--sag-accent) 18%, transparent);
	border-left: 3px solid var(--sag-accent);
	border-radius: 12px;
	background: color-mix(in srgb, var(--sag-accent) 7%, transparent);
}

/* Variantes sémantiques — teintes MATES, jamais les presets néon de WP. */
.wp-block-group.is-style-callout-tip     { --sag-accent: #0f766e; } /* teal-700   */
.wp-block-group.is-style-callout-warning { --sag-accent: #b45309; } /* amber-700  */
.wp-block-group.is-style-callout-info    { --sag-accent: #1e40af; } /* blue-800   */
.wp-block-group.is-style-callout-success { --sag-accent: #15803d; } /* green-700  */

/* Le titre du callout devient un label sobre en petites capitales (remplace le
   point décoratif banni). */
.wp-block-group.is-style-callout > .wp-block-heading:first-child,
.wp-block-group[class*="is-style-callout-"] > .wp-block-heading:first-child {
	margin-top: 0;
	margin-bottom: 0.55rem;
	font-size: 0.76rem;
	font-weight: 650;
	line-height: 1.3;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	color: var(--sag-accent);
}

.wp-block-group.is-style-callout > :last-child,
.wp-block-group[class*="is-style-callout-"] > :last-child {
	margin-bottom: 0;
}

/* ------------------------------------------------------------------ *
 * Grande citation éditoriale
 * ------------------------------------------------------------------ */

.wp-block-pullquote.is-style-sag-editorial {
	--sag-pullquote-accent: var(--wp--preset--color--accent, var(--wp--preset--color--primary, currentColor));
	--sag-pullquote-accent-mat: color-mix(in srgb, var(--sag-pullquote-accent) 72%, currentColor);
	position: relative;
	margin-block: clamp(2.25rem, 6vw, 4rem);
	padding: clamp(1.5rem, 4vw, 2.5rem) clamp(1.5rem, 5vw, 3rem);
	border: 0;
	border-left: 3px solid var(--sag-pullquote-accent-mat);
	background: color-mix(in srgb, var(--sag-pullquote-accent-mat) 6%, transparent);
	color: inherit;
	text-align: left;
}

.wp-block-pullquote.is-style-sag-editorial blockquote {
	margin: 0;
}

.wp-block-pullquote.is-style-sag-editorial p {
	margin: 0;
	font-family: var(--wp--preset--font-family--serif, ui-serif, Georgia, Cambria, "Times New Roman", serif);
	font-size: clamp(1.45rem, 2.5vw, 2.15rem);
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: -0.015em;
}

.wp-block-pullquote.is-style-sag-editorial cite {
	display: block;
	margin-top: 1.15rem;
	font-family: inherit;
	font-size: 0.72rem;
	font-style: normal;
	font-weight: 650;
	line-height: 1.4;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sag-pullquote-accent-mat);
}

/* ------------------------------------------------------------------ *
 * Section aérée
 * ------------------------------------------------------------------ */

.wp-block-group.is-style-section {
	padding-block: clamp(2.5rem, 6vw, 4.5rem);
	border-top: 1px solid color-mix(in srgb, currentColor 12%, transparent);
}

/* ------------------------------------------------------------------ *
 * Adaptation sombre (thèmes en mode sombre) — accents éclaircis.
 * ------------------------------------------------------------------ */

@media (prefers-color-scheme: dark) {
	.wp-block-group.is-style-callout,
	.wp-block-group[class*="is-style-callout-"] {
		--sag-accent: #94a3b8; /* slate-400 */
		background: color-mix(in srgb, var(--sag-accent) 10%, transparent);
	}
	.wp-block-group.is-style-callout-tip     { --sag-accent: #2dd4bf; }
	.wp-block-group.is-style-callout-warning { --sag-accent: #fbbf24; }
	.wp-block-group.is-style-callout-info    { --sag-accent: #60a5fa; }
	.wp-block-group.is-style-callout-success { --sag-accent: #4ade80; }

	.wp-block-pullquote.is-style-sag-editorial {
		background: color-mix(in srgb, var(--sag-pullquote-accent-mat) 9%, transparent);
	}
}

/* Repli si color-mix n'est pas supporté : un fond neutre discret. */
@supports not (background: color-mix(in srgb, red 7%, transparent)) {
	.wp-block-group.is-style-callout,
	.wp-block-group[class*="is-style-callout-"] {
		background: rgba(51, 65, 85, 0.05);
		border-color: rgba(51, 65, 85, 0.18);
	}

	.wp-block-pullquote.is-style-sag-editorial {
		border-left-color: currentColor;
		background: rgba(127, 127, 127, 0.06);
	}
}