/* Ranknify Factory — mouvement (subtil, accessible). Tout est désactivé sous prefers-reduced-motion. */

/* Révélation au scroll : état initial (léger décalage + fondu) */
.rnkf-reveal{opacity:0;transform:translateY(22px);
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
.rnkf-reveal.is-visible{opacity:1;transform:none}
/* décalage en cascade pour les grilles */
.rnkf-reveal.d1{transition-delay:.08s}
.rnkf-reveal.d2{transition-delay:.16s}
.rnkf-reveal.d3{transition-delay:.24s}

/* Hover : lift doux sur les cartes */
.rnk-rank-card,.rnk-guide-card,.rnk-card,.rnk-kpi-card,.rnk-secu-card,.rnk-guide-link,
.rnk-alt-item,.wp-block-post-template li,.rnkl-card{
  transition:transform .25s ease,box-shadow .25s ease}
.rnk-rank-card:hover,.rnk-guide-card:hover,.rnk-card:hover,.rnk-secu-card:hover,
.rnk-guide-link:hover,.rnkl-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(23,79,89,.13)}

/* Images d'article : zoom doux au survol */
.wp-block-post-featured-image,.rnk-guide-link,.wp-block-post-template figure{overflow:hidden}
.wp-block-post-featured-image img,.wp-block-post-template figure img{
  transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.wp-block-post-featured-image:hover img,.wp-block-post-template li:hover figure img{transform:scale(1.05)}

/* Boutons : micro-interaction */
.rnk-cta-btn,.wp-block-button__link,.rnkl-btn{transition:transform .18s ease,background-color .2s ease,box-shadow .2s ease}
.rnk-cta-btn:hover,.wp-block-button__link:hover,.rnkl-btn-solid:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(181,79,52,.28)}

/* En-tête : ombre + compactage au scroll */
header.wp-block-group{transition:box-shadow .25s ease,padding .25s ease}
header.wp-block-group.rnkf-scrolled{box-shadow:0 6px 24px rgba(23,79,89,.10);padding-top:.6rem!important;padding-bottom:.6rem!important}

/* Liens de nav : soulignement animé */
.wp-block-navigation-item__content{position:relative}
.wp-block-navigation-item__content::after{content:"";position:absolute;left:0;bottom:-3px;height:2px;width:0;
  background:var(--wp--preset--color--coral);transition:width .25s ease}
.wp-block-navigation-item__content:hover::after{width:100%}

/* Jauge : le remplissage est déjà animé par rnk-product.js (IntersectionObserver) */

@media (prefers-reduced-motion: reduce){
  .rnkf-reveal{opacity:1!important;transform:none!important;transition:none!important}
  *{scroll-behavior:auto!important}
  .rnk-rank-card,.rnk-guide-card,.rnk-card,.wp-block-post-featured-image img,.rnk-cta-btn,
  .rnkl-btn,header.wp-block-group,.wp-block-navigation-item__content::after{transition:none!important}
  .rnk-rank-card:hover,.rnk-guide-card:hover,.rnk-card:hover,.rnkl-card:hover{transform:none!important}
}
