/* Cordata Lab — animations de l'accueil v2. Désactivées si « réduire les animations ». */
@media (prefers-reduced-motion: no-preference) {
	.cdl-hero-texte > * { animation: cdl-monte .7s cubic-bezier(.2,.7,.2,1) both; }
	.cdl-hero-texte > :nth-child(2) { animation-delay: .07s; }
	.cdl-hero-texte > :nth-child(3) { animation-delay: .14s; }
	.cdl-hero-texte > :nth-child(n+4) { animation-delay: .21s; }
	.cdl-fenetre { animation: cdl-monte-loin 1s .25s cubic-bezier(.2,.7,.2,1) both; }

	.cdl-flux .cdl-flux-ok { stroke-dasharray: 5 7; animation: cdl-flux 1.4s linear infinite; }
	.cdl-flux .cdl-flux-rapide { animation-duration: .9s; }
	.cdl-flux .cdl-flux-fuite { animation: cdl-flux-lent 2.2s linear infinite; }
	.cdl-gouttes circle { transform-box: fill-box; transform-origin: center; animation: cdl-goutte 2.4s ease-in infinite; }
	.cdl-gouttes circle:nth-child(2) { animation-delay: .8s; } .cdl-gouttes circle:nth-child(3) { animation-delay: 1.6s; }
	.cdl-noeud-crm { animation: cdl-pulse 2.8s ease-in-out infinite; }

	.cdl-mini b { transform-origin: left; transition: transform 1s cubic-bezier(.2,.7,.2,1) .15s; }
	.cdl-anime .cdl-revele .cdl-mini b { transform: scaleX(0); }
	.cdl-anime .cdl-revele.cdl-visible .cdl-mini b { transform: none; }
	.cdl-mini-console p { animation: none; }
	.cdl-anime .cdl-revele.cdl-visible .cdl-mini-console p { animation: cdl-apparait .4s both; }
	.cdl-anime .cdl-revele.cdl-visible .cdl-mini-console p:nth-child(2) { animation-delay: .25s; }
	.cdl-anime .cdl-revele.cdl-visible .cdl-mini-console p:nth-child(3) { animation-delay: .5s; }
	.cdl-anime .cdl-revele.cdl-visible .cdl-mini-console p:nth-child(4) { animation-delay: .75s; }

	.cdl-anime .cdl-revele { opacity: 0; transform: translateY(18px); transition: opacity .6s ease, transform .6s cubic-bezier(.2,.7,.2,1); }
	.cdl-anime .cdl-revele.cdl-visible { opacity: 1; transform: none; }

	.cdl-bento-carte, .cdl-offre, .cdl-carte-article { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
	.cdl-bento-carte:hover, .cdl-offre:hover, .cdl-carte-article:hover { transform: translateY(-3px); box-shadow: var(--cdl-ombre); }
	.cdl-signaux li { transition: background-color .2s ease, transform .2s ease; }
	.cdl-signaux li:hover { background: var(--wp--preset--color--voile); transform: translateX(3px); }
	.wp-element-button { transition: background-color .2s ease, border-color .2s ease, transform .15s ease; }
	.wp-element-button:active { transform: translateY(1px); }
	.cdl-logo svg { transition: transform .4s cubic-bezier(.2,.7,.2,1); }
	.cdl-logo a:hover svg { transform: rotate(-8deg) scale(1.06); }

	@keyframes cdl-monte { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
	@keyframes cdl-monte-loin { from { opacity: 0; transform: translateY(40px) scale(.98); } to { opacity: 1; transform: none; } }
	@keyframes cdl-apparait { from { opacity: 0; } to { opacity: 1; } }
	@keyframes cdl-flux { to { stroke-dashoffset: -24; } }
	@keyframes cdl-flux-lent { to { stroke-dashoffset: -18; } }
	@keyframes cdl-goutte { 0% { opacity: 0; transform: translateY(-6px); } 20% { opacity: 1; } 100% { opacity: 0; transform: translateY(14px); } }
	@keyframes cdl-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .88; } }
}