/* ---------------------------------------------------------------------------
   Exoride - personnalisations du theme
   ---------------------------------------------------------------------------
   Ce fichier est charge automatiquement par YOOtheme Pro
   (packages/theme/src/Listener/LoadThemeHead.php, "~theme/css/custom.css").
   Contrairement a theme.css / theme.9.css, il n'est PAS regenere par le
   Customizer ni par les mises a jour du theme : c'est ici que doivent vivre les
   surcharges maison, et nulle part ailleurs.
   --------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------
   1. Taille des titres d'accordeon
   ---------------------------------------------------------------------------
   La personnalisation d'origine etait ajoutee a la fin de theme.css sous la
   forme :

       .uk-accordion-title{font-size:.8rem;line-height:1.4}

   Elle a cesse de s'appliquer non pas parce qu'elle avait disparu - elle est
   toujours dans le fichier - mais parce que la mise a jour de YOOtheme emet
   desormais sa propre regle sous un selecteur plus specifique :

       .uk-accordion-default .uk-accordion-title{...font-size:20px...}

   Deux classes contre une : le theme l'emporte. On repasse donc au meme niveau
   de specificite que lui.
   --------------------------------------------------------------------------- */
.uk-accordion-default .uk-accordion-title {
	font-size: .8rem;
	line-height: 1.4;
}


/* ---------------------------------------------------------------------------
   2. Effet Ken Burns sur les en-tetes de fiche evenement
   ---------------------------------------------------------------------------
   La regle d'origine etait saisie dans le CSS personnalise de l'element, cote
   Builder, et YOOtheme la prefixait de l'identifiant du template :

       #template-2WUnFKHd\#0 .exo-kenburns-hero [uk-img]{...}

   Ce selecteur suppose que l'identifiant se trouve sur un ANCETRE du bloc. La
   mise a jour le pose maintenant sur le bloc lui-meme : #template-2WUnFKHd#0 et
   .exo-kenburns-hero designent le meme element, et un combinateur descendant ne
   peut pas correspondre. Le CSS etait toujours envoye au navigateur, mais ne
   selectionnait plus rien - d'ou l'animation qui semblait avoir disparu.

   Meme regle ici, sans le prefixe : elle s'applique a tous les en-tetes portant
   la classe, quel que soit le template, et ne dependra plus de la maniere dont
   YOOtheme genere ses identifiants.
   --------------------------------------------------------------------------- */
.exo-kenburns-hero [uk-img] {
	background-size: 110% auto !important;
	animation: exo-hero-kenburns-zoom 15s ease-in-out infinite alternate;
	will-change: background-size, background-position;
}

@keyframes exo-hero-kenburns-zoom {
	0% {
		background-size: 110% auto;
		background-position: 20% 20%;
	}

	100% {
		background-size: 132% auto;
		background-position: 80% 80%;
	}
}

/* Sur mobile, l'image est deja recadree au plus juste : on se contente d'un
   leger panoramique, un zoom accentuerait le rognage. */
@media (max-width: 767px) {
	.exo-kenburns-hero [uk-img] {
		background-size: cover !important;
		animation: exo-hero-kenburns-pan-mobile 15s ease-in-out infinite alternate;
	}

	@keyframes exo-hero-kenburns-pan-mobile {
		0% {
			background-position: 30% 30%;
		}

		100% {
			background-position: 70% 70%;
		}
	}
}

/* Respect du reglage systeme "reduire les animations". */
@media (prefers-reduced-motion: reduce) {
	.exo-kenburns-hero [uk-img] {
		animation: none !important;
	}
}