/* NAPSO — Interactions natives communes (pages PHP uniquement).
   1. Repli de sécurité  2. Héros  3. Accordéons  4. Témoignages */

/* 1. Le contenu reste accessible si JavaScript ou GSAP est indisponible. */
[data-napso-vitrine] :is(.hero_faq,.hero_bg,.split,.elementor-loop-container){opacity:1;visibility:visible}
[data-napso-vitrine] .hero_faq_cache{opacity:0;visibility:hidden;pointer-events:none}
[data-napso-vitrine] .reveal_top>*{clip-path:none;transition:none}
[data-napso-vitrine] .elementor-invisible{visibility:visible}
[data-napso-vitrine] [data-nv-reveal]{animation:none!important}
[data-napso-vitrine] [hidden]{display:none!important}

/* 2. Masque vertical, silhouette blanche et couches alpha de fin de révélation. */
html.napso-vitrines-motion :is([data-napso-vitrine],[data-napso-php-directory]) :is(.hero_faq,.hero_faq_cache,.hero_bg){opacity:0;visibility:hidden}
:is([data-napso-vitrine],[data-napso-php-directory]) [data-nv-hero]{isolation:isolate}
.nv-hero-alpha{position:absolute;inset:0;z-index:20;background:#fff;pointer-events:none;opacity:0}
[data-napso-vitrine] .nv-word{display:inline-block;vertical-align:baseline}

/* 3. Accordéons HTML natifs : mêmes classes visuelles, aucun handler Elementor. */
[data-napso-vitrine] [data-nv-accordion]>summary{cursor:pointer;list-style:none}
[data-napso-vitrine] [data-nv-accordion]>summary::-webkit-details-marker{display:none}
[data-napso-vitrine] [data-nv-accordion]>summary:focus-visible{outline:2px solid #2b464d;outline-offset:4px}
[data-napso-vitrine] [data-nv-accordion][open]>.e-con{display:flex}

/* 4. Carrousels de témoignages : défilement natif, flèches et lecture étendue. */
[data-napso-vitrine] [data-nv-carousel] .swiper{overflow:visible!important}
[data-napso-vitrine] [data-nv-carousel] .swiper-wrapper{display:flex!important;align-items:stretch;transform:none!important;height:auto!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:30px;width:100%!important;padding:12px 0 20px;box-sizing:border-box}
[data-napso-vitrine] [data-nv-carousel] .swiper-wrapper::-webkit-scrollbar{display:none}
[data-napso-vitrine] [data-nv-carousel] .nv-testimonial{flex:0 0 350px!important;width:350px!important;max-width:350px!important;min-width:0!important;scroll-snap-align:start;position:relative;box-sizing:border-box;overflow:visible!important}
[data-napso-vitrine] [data-nv-carousel] .nv-testimonial>.e-con{height:100%}
[data-napso-vitrine] [data-nv-carousel] .nv-testimonial:not(.is-pro){cursor:default}
[data-napso-vitrine] [data-nv-carousel] .nv-testimonial:not(.is-pro)>.e-con:hover{transform:none}
[data-napso-vitrine] .nv-testimonial-pro{position:absolute;top:0;right:0;width:54px;height:54px;background:#429da7;color:#fff;clip-path:polygon(0 0,100% 0,100% 100%);font:500 12px/1 napso,sans-serif;text-align:right;padding:9px 5px;box-sizing:border-box;pointer-events:none}
[data-napso-vitrine] .nv-testimonial-message{position:relative}
[data-napso-vitrine] .nv-testimonial-message.is-collapsed{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
[data-napso-vitrine] .nv-testimonial-message p{margin-bottom:0}
[data-napso-vitrine] .nv-testimonial-toggle{align-self:flex-start;border:0;background:none;color:#429da7;font:600 13px/1.4 napso,sans-serif;padding:12px 0 0;cursor:pointer}
[data-napso-vitrine] .nv-testimonial .elementor-element-fa7b24d h4{overflow-wrap:normal;word-break:normal}
[data-napso-vitrine] [data-nv-carousel] .elementor-swiper-button{cursor:pointer}
[data-napso-vitrine] [data-nv-carousel] .elementor-swiper-button[aria-disabled="true"]{opacity:.35!important;pointer-events:none}
@media(max-width:767px){
 [data-napso-vitrine] [data-nv-carousel] .nv-testimonial{flex-basis:min(350px,82vw)!important;width:min(350px,82vw)!important;max-width:min(350px,82vw)!important}
 [data-napso-vitrine] [data-nv-carousel] .swiper-wrapper::before{display:none!important}
}

/* Annuaire : fond visible immédiatement, titres synchronisés avec la photo. */
html.napso-vitrines-motion [data-napso-php-directory] .hero_bg{opacity:1;visibility:visible}
html.napso-vitrines-motion [data-napso-php-directory] .hero_praticien .elementor-widget-heading{opacity:0;visibility:hidden}

/* Effet stroke Elementor : démarrer seulement quand le titre devient visible. */
html.napso-vitrines-motion [data-napso-php-directory] .hero_praticien .stroke_text{animation:none!important;-webkit-text-fill-color:#fff;-webkit-text-stroke:1.3px #fff}
html.napso-vitrines-motion [data-napso-php-directory] .hero_praticien.nv-title-visible .stroke_text{animation:napso-directory-stroke .4s ease-in-out .4s both!important}
@keyframes napso-directory-stroke{0%{-webkit-text-fill-color:#fff;-webkit-text-stroke:1.3px #fff}100%{-webkit-text-fill-color:transparent;-webkit-text-stroke:1.3px #fff;font-size:1.3em}}
