/* ==========================================================================
   ICONE SCROLL DOWN : EXCEPTION INDEX + CONTACT + PROFIL + PAGES PROJET A SLIDER (nov. 2026)
   --------------------------------------------------------------------------
   Sur ces 3 sliders, l'icone souris est pile a MI-CHEMIN entre le bas du titre / de la legende de la slide et le haut de la ligne de logos.
   Les scripts js/contact-hero-logos.js (contact, profil) et js/index-slider-logos.js (index) calculent le decalage vers le haut et le posent dans --pl-mouse-shift ;
   l'icone reste fixee au bas de la fenetre (css/scroll-indicator.css : son "bottom" ne change pas, d'autres scripts le lisent), on ajoute seulement une MARGE BASSE.
   Sans la variable (autres pages) : aucun effet. La transition adoucit le changement de position quand la slide change (index).
   POUR ANNULER : retirer ce fichier des 3 pages (l'icone retrouve sa place d'origine).
   ========================================================================== */
@media only screen and (min-width: 1200px) {
	.scroll-indicator {
		margin-bottom: var(--pl-mouse-shift, 0px);
		transition: opacity 0.3s ease-out, left .45s cubic-bezier(.65, 0, .35, 1), transform 0.2s ease-out, margin-bottom .6s cubic-bezier(.65, 0, .35, 1);
	}
}

/* POSITION FIXE MENU OUVERT : quand le menu desktop s'ouvre, l'icone ne se decale plus vers la droite (css/scroll-indicator.css la recentrait sur la zone a droite du panneau).
   Sur ces 3 pages, le titre et la ligne de logos restent centres sur l'ecran entier : l'icone aussi, pour ne pas desequilibrer le visuel. */
/* La classe html.pl-icon-fixed est posee par les scripts des pages concernees (index, contact, profil : js/contact-hero-logos.js, js/index-slider-logos.js ; pages projet a slider : js/scroll-icon-pos.js).
   Les autres pages (projets a video d'intro...) gardent le comportement d'origine. */
@media only screen and (min-width: 1200px) {
	html.pl-icon-fixed.desktop-nav-open #scrollIndicator { left: 50%; }
}

/* PAGE D'ACCUEIL : le bloc precedent / play-pause / suivant se repositionne (centre entre l'icone scroll et la ligne de logos, js/slider-nav-b.js) : on adoucit ses changements de hauteur.
   Meme transition qu'avant (opacite, glissement horizontal) + la hauteur. Classe posee par js/index-slider-logos.js. */
@media only screen and (min-width: 1200px) {
	html.pl-nav-between #slider-pause,
	html.pl-nav-between #slider-prev,
	html.pl-nav-between #slider-next {
		transition: opacity .35s ease, right .45s cubic-bezier(.65, 0, .35, 1), top .6s cubic-bezier(.65, 0, .35, 1);
	}
}