.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}

.hero-slider { --caption-max: 70ch; }
.slide { position:relative; margin:0; height:clamp(260px, 48vw, 520px); overflow:hidden; }
.slide > img { width:100%; height:100%; object-fit:cover; display:block; object-position: center; }
/* Le voile laisse passer les clics et reste sous la légende */
.slide::after {
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,.25) 60%, rgba(27,27,27,1) 100%);
    pointer-events:none;   /* ✅ clé : ne bloque pas les clics */
    z-index:0;
}
.slide__caption {
    position:absolute;
    inset:auto 0 8%;
    padding:0 6%;
    color:#fff;
    text-shadow:0 2px 8px rgba(0,0,0,.4);
    max-width:var(--caption-max);
    z-index:1;             /* au-dessus du voile */
}
.slide__caption h2 { font-size:clamp(1.4rem, 3.5vw, 2.4rem); margin:0 0 .4rem; }
.slide__caption p  { font-size:clamp(1rem, 2.2vw, 1.125rem); margin:0 0 .8rem; }
.btn_slide {
    display:inline-block;
    /*padding:.65rem 1rem;*/
    /*border-radius:.75rem;*/
    /*background:#11a1ff;*/
    /*color:#fff;*/
    /*text-decoration:none;*/
    /*font-weight:600;*/
    position:relative;     /* pour être au-dessus */
    z-index:2;
}
/* Par sécurité : flèches au-dessus de tout */
.glide__arrow {
    background:#0008; color:#fff; border:0; padding:.5rem .75rem; border-radius:.5rem;
    position:relative; z-index:3;
}