/**
 * Elementor Enhanced Dual-Style Title - Stylesheet
 * Version: 1.0.0
 */

:root {
	--eet-transition: all 0.3s ease;
}

/* Main Container Wrapper */
.eet-heading-wrapper {
	position: relative;
	display: block;
	max-width: 100%;
}

.eet-heading-link {
	text-decoration: none;
	color: inherit;
	display: inline-block;
	max-width: 100%;
}

.eet-heading-link:hover {
	color: inherit;
	text-decoration: none;
}

/* Heading Base */
.eet-heading {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
	word-wrap: break-word;
	line-height: 1.3;
}

/* Segments */
.eet-segment {
	position: relative;
	display: inline-block;
	transition: var(--eet-transition);
	vertical-align: baseline;
}

/* Block segment (forces new line) */
.eet-segment--block {
	display: block;
	width: 100%;
}

/* Text Gradient support */
.eet-segment.has-text-gradient,
.eet-segment.has-text-gradient .eet-segment-text {
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
	color: transparent !important;
}

/* Segment text inner */
.eet-segment-text {
	position: relative;
	z-index: 2;
}

/* Highlight background pill/badge */
.eet-segment.has-highlight {
	padding: 0.1em 0.35em;
	border-radius: 4px;
}

/* ==========================================================================
   SVG Decorative Motifs & Accents
   ========================================================================== */

.eet-shape-decor {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	pointer-events: none;
	overflow: visible;
	max-width: none;
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.eet-shape-decor--behind {
	z-index: 0;
}

.eet-shape-decor--front {
	z-index: 3;
}

/* SVG Path base */
.eet-shape-decor svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.eet-shape-decor path,
.eet-shape-decor ellipse,
.eet-shape-decor line {
	transition: stroke-dashoffset 1.4s cubic-bezier(0.25, 1, 0.5, 1), stroke 0.3s ease;
}

/* Animation on View / Viewport Entrance */
.eet-shape-animated.eet-anim-entrance path,
.eet-shape-animated.eet-anim-entrance ellipse {
	stroke-dashoffset: 1000;
}

.eet-shape-animated.eet-anim-entrance.is-in-view path,
.eet-shape-animated.eet-anim-entrance.is-in-view ellipse {
	stroke-dashoffset: 0 !important;
}

/* Animation on Hover */
.eet-shape-animated.eet-anim-hover path,
.eet-shape-animated.eet-anim-hover ellipse {
	stroke-dashoffset: 1000;
}

.eet-heading-wrapper:hover .eet-shape-animated.eet-anim-hover path,
.eet-heading-wrapper:hover .eet-shape-animated.eet-anim-hover ellipse,
.eet-segment:hover .eet-shape-animated.eet-anim-hover path,
.eet-segment:hover .eet-shape-animated.eet-anim-hover ellipse {
	stroke-dashoffset: 0 !important;
}

/* Pulse Animation */
@keyframes eet-pulse {
	0% {
		transform: translateX(-50%) scale(1);
		opacity: 0.9;
	}
	50% {
		transform: translateX(-50%) scale(1.05);
		opacity: 1;
	}
	100% {
		transform: translateX(-50%) scale(1);
		opacity: 0.9;
	}
}

.eet-shape-animated.eet-anim-pulse {
	animation: eet-pulse 2.8s infinite ease-in-out;
}

/* Floating Animation */
@keyframes eet-float {
	0%, 100% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(0, -6px);
	}
}

.eet-shape-animated.eet-anim-float {
	animation: eet-float 3.5s infinite ease-in-out;
}

/* ==========================================================================
   Backdrop Patterns (Arrière-plan & Trames)
   ========================================================================== */

.eet-backdrop {
	position: absolute;
	pointer-events: none;
	z-index: 0;
	border-radius: 50%;
	transition: opacity 0.4s ease;
}

/* Pattern: Dots Matrix */
.eet-backdrop--dots {
	background-image: radial-gradient(currentColor 1.5px, transparent 1.5px);
	background-size: 14px 14px;
	border-radius: 8px;
}

/* Pattern: Diagonal Stripes */
.eet-backdrop--stripes {
	background: repeating-linear-gradient(
		45deg,
		currentColor,
		currentColor 2px,
		transparent 2px,
		transparent 10px
	);
	border-radius: 8px;
}

/* Pattern: Radial Glow Aura */
.eet-backdrop--glow {
	background: radial-gradient(circle, currentColor 0%, transparent 70%);
	filter: blur(25px);
}

/* Pattern: Organic Blob */
.eet-backdrop--blob {
	background-color: currentColor;
	border-radius: 60% 40% 70% 30% / 50% 60% 40% 50%;
	filter: blur(15px);
}