/**
 * Custom Paragraph Block Styles - Gradient Text Effects
 * Styles pour les effets de texte dégradé sur les blocs Paragraph
 */

/* Dégradé custom */
.wp-block-paragraph.is-style-gradient-custom, .is-style-gradient-custom {
	background: linear-gradient(90deg, #ff83c8 0%, #ffccae 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	display: inline-block;
	position: relative;
}

/* Support pour les navigateurs qui ne supportent pas background-clip: text */
@supports not (background-clip: text) {
	.wp-block-paragraph.is-style-gradient-custom, .is-style-gradient-custom {
		color: #fe9fa9;
		background: none;
	}
}

/* Optimisations pour les performances */
.wp-block-paragraph.is-style-gradient-custom, .is-style-gradient-custom {
	will-change: transform;
	backface-visibility: hidden;
}

/* Styles responsifs */
@media (max-width: 768px) {
	.wp-block-paragraph.is-style-gradient-custom, .is-style-gradient-custom {
		font-size: 1.1em;
		line-height: 1.4;
	}
}

/* Amélioration de la lisibilité */
.wp-block-paragraph.is-style-gradient-custom, .is-style-gradient-custom {
	text-shadow: 0 1px 2px rgba(0,0,0,0.1);
	letter-spacing: 0.02em;
}

/* Styles pour les liens à l'intérieur des paragraphes dégradés */
.wp-block-paragraph.is-style-gradient-custom a, .is-style-gradient-custom a {
	background: inherit;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
	text-decoration: underline;
	text-decoration-color: currentColor;
}