/*
Theme Name: Cabrenç
Description: Thème du trail Le Tour de Cabrenç (Serralongue, Vallespir). Couleurs catalanes, papier crème, typographie chaleureuse.
Version: 1.1.2
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: cabrenc
*/

/* Animations discrètes. Désactivées si le visiteur préfère réduire les mouvements.
   Les animations au défilement utilisent les scroll timelines CSS : les navigateurs
   qui ne les gèrent pas affichent simplement le contenu sans animation. */
@media (prefers-reduced-motion: no-preference) {

	/* Arrivée de la page : en-tête de couverture et titres */
	@keyframes cab-rise { from { opacity: 0; transform: translateY(24px); } }
	@keyframes cab-zoom { from { transform: scale(1.12); } }
	@keyframes cab-draw { from { transform: scaleX(0); } }

	.wp-block-cover.alignfull:first-child .wp-block-cover__image-background { animation: cab-zoom 14s ease-out both; }
	.wp-block-cover.alignfull:first-child .wp-block-cover__inner-container > * { animation: cab-rise .9s cubic-bezier(.2,.7,.2,1) both; }
	.wp-block-cover.alignfull:first-child .wp-block-cover__inner-container > :nth-child(2) { animation-delay: .12s; }
	.wp-block-cover.alignfull:first-child .wp-block-cover__inner-container > :nth-child(3) { animation-delay: .24s; }
	.wp-block-cover.alignfull:first-child .wp-block-cover__inner-container > :nth-child(4) { animation-delay: .36s; }
	.wp-block-cover.alignfull:first-child .wp-block-cover__inner-container > :nth-child(5) { animation-delay: .48s; }
	.wp-block-post-title { animation: cab-rise .8s cubic-bezier(.2,.7,.2,1) both; }
	.senyera { transform-origin: center; animation: cab-draw .9s .2s cubic-bezier(.6,0,.2,1) both; }

	/* Apparition au défilement */
	@supports (animation-timeline: view()) {
		.wp-block-post-content :is(.wp-block-heading, .wp-block-image, .wp-block-column, .wp-block-buttons, .wp-block-list):not(.wp-block-cover *),
		.wp-block-post-content > .wp-block-paragraph,
		.has-red-background-color > p,
		.profil-section > .wp-block-heading {
			animation: cab-rise linear both;
			animation-timeline: view();
			animation-range: entry 5% entry 70%;
		}
		.wp-block-post-content .senyera {
			animation: cab-draw linear both;
			animation-timeline: view();
			animation-range: entry 20% cover 30%;
		}
		/* Léger parallaxe sur les photos de couverture plus bas dans la page */
		@keyframes cab-parallax { from { transform: translateY(-6%) scale(1.12); } to { transform: translateY(6%) scale(1.12); } }
		.wp-block-cover:not(:first-child) .wp-block-cover__image-background {
			animation: cab-parallax linear both;
			animation-timeline: view();
		}
	}

	/* Survol */
	.wp-element-button { transition: transform .2s ease, background-color .2s ease, color .2s ease; }
	.wp-element-button:hover { transform: translateY(-2px); }
	.wp-block-gallery:not(.logos) .wp-block-image { overflow: hidden; }
	.wp-block-gallery:not(.logos) .wp-block-image img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
	.wp-block-gallery:not(.logos) .wp-block-image:hover img { transform: scale(1.05); }
	.logos .wp-block-image { transition: transform .25s ease, box-shadow .25s ease; }
	.logos .wp-block-image:hover { transform: translateY(-4px); box-shadow: 0 10px 24px -12px rgb(43 36 32 / .35); }
	.wp-block-navigation-item__content { background: linear-gradient(var(--wp--preset--color--red), var(--wp--preset--color--red)) no-repeat 0 100% / 0 2px; transition: background-size .3s ease; }
	.wp-block-navigation-item__content:hover { background-size: 100% 2px; }
}