/* ==========================================================
   MEDBINEWS ARTICLES — SLIDERS
   Version 1.2.4
   Fichier nettoyé : aucun ancien CSS slider n'est conservé.
   ========================================================== */

.vwga-slider-section,
.vwga-slider-section *,
.mbn-bg-slider-section,
.mbn-bg-slider-section *{
  box-sizing:border-box;
}

.vwga-slider-section,
.mbn-bg-slider-section{
  width:100%;
  min-width:0;
  max-width:100%;
}

.vwga-slider{
  --vwga-gap:12px;
  --vwga-per-view:1;
  position:relative;
  width:100%;
  min-width:0;
  max-width:100%;
}

.vwga-slider-viewport{
  position:relative;
  width:100%;
  min-width:0;
  overflow:hidden;
  touch-action:pan-y pinch-zoom;
  overscroll-behavior-x:contain;
}

.vwga-slider-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:var(--vwga-gap);
  width:auto;
  min-width:0;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.vwga-slide{
  flex:0 0 calc(
    (100% - ((var(--vwga-per-view) - 1) * var(--vwga-gap)))
    / var(--vwga-per-view)
  );
  min-width:0;
  max-width:none;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

/* ---------- Slider standard ---------- */

.vwga-slider-heading{
  margin:0 0 28px;
  padding:0 0 16px;
  border-bottom:3px solid currentColor;
  font-size:30px;
  line-height:1.2;
}

.vwga-slide-image{
  display:block;
  width:100%;
  aspect-ratio:16/11;
  overflow:hidden;
  background:#e9e9e9;
}

.vwga-slide-image img,
.vwga-slide-placeholder{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.vwga-slide-placeholder{
  background:linear-gradient(135deg,#ececec,#d9d9d9);
}

.vwga-slide-category{
  display:inline-block;
  margin-top:12px;
  padding:4px 7px;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}

.vwga-slide-title{
  margin:14px 0 0;
  font-size:var(--medbinews-slide-title-size,21px)!important;
  font-weight:700;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--vwga-slider-title-lines,3);
  overflow:hidden;
  overflow-wrap:anywhere;
}

.vwga-slide-title > a{
  display:inherit;
  font-family:inherit!important;
  font-size:inherit!important;
  font-style:inherit!important;
  font-weight:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  color:inherit!important;
  text-decoration:none!important;
}

.vwga-slide-excerpt{
  margin:8px 0 0;
  color:#555;
  font-size:var(--medbinews-slide-excerpt-size,14px)!important;
  line-height:1.5;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--vwga-slider-excerpt-lines,3);
  overflow:hidden;
}

.vwga-slide-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;
  margin-top:10px;
  color:#777;
  font-size:var(--medbinews-slide-meta-size,12px)!important;
}

.vwga-slide-meta > *{
  font:inherit!important;
  color:inherit!important;
}

.vwga-slide-meta span+span:before{
  content:"•";
  margin-right:8px;
}

.vwga-slider-arrows{
  display:flex;
  gap:8px;
  margin-top:28px;
}

.vwga-arrow{
  width:42px;
  height:42px;
  border:1px solid #d7d7d7;
  background:transparent;
  color:#333;
  font-size:27px;
  line-height:1;
  cursor:pointer;
}

.vwga-arrow:hover{
  background:#111;
  color:#fff;
  border-color:#111;
}

.vwga-arrow:disabled{
  opacity:.35;
  cursor:default;
}

.vwga-slider-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  margin-top:22px;
}

.vwga-slider-dot{
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#c8c8c8;
  cursor:pointer;
  transition:width .2s ease,background-color .2s ease;
}

.vwga-slider-dot.is-active{
  background:#111;
}

.vwga-slider-empty{
  padding:20px;
  background:#f5f5f5;
  color:#555;
}

/* ---------- Slider standard plein bord mobile ---------- */

.vwga-slider-edge.vwga-slider-no-heading{
  padding-top:0!important;
}

@media (max-width:767px){
  .vwga-slider-section:not(.vwga-slider-edge){
    padding-left:var(--vwga-mobile-side-margin,8px);
    padding-right:var(--vwga-mobile-side-margin,8px);
  }

  .vwga-slider-edge{
    width:100vw!important;
    max-width:100vw!important;
    margin-inline:calc(50% - 50vw)!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  .vwga-slider-edge .vwga-slider-viewport{
    border-radius:0!important;
  }

  .vwga-slider-edge .vwga-slider-heading,
  .vwga-slider-edge .vwga-slider-arrows,
  .vwga-slider-edge > .vwga-slider-dots{
    margin-left:12px;
    margin-right:12px;
  }

  .vwga-slider-edge .vwga-slide-category,
  .vwga-slider-edge .vwga-slide-title,
  .vwga-slider-edge .vwga-slide-excerpt,
  .vwga-slider-edge .vwga-slide-meta{
    margin-left:12px;
    margin-right:12px;
  }
}

/* ---------- Slider image de fond ---------- */

.mbn-bg-slider-section{
  width:100%;
}

.mbn-bg-section-title{
  margin:0 0 16px;
  font-size:24px;
  font-weight:700;
  line-height:1.25;
  color:#111;
}

.mbn-bg-slider{
  --vwga-gap:0px;
  --vwga-per-view:1;
  position:relative;
  width:100%;
}

.mbn-bg-slider .vwga-slider-track{
  gap:0!important;
}

.mbn-bg-slider .vwga-slide{
  flex:0 0 100%;
}

.mbn-bg-slide{
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:520px;
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  overflow:hidden;
}

.mbn-bg-slide:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));
  pointer-events:none;
}

.mbn-bg-slide:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,0) 28%,rgba(0,0,0,.88) 100%);
  pointer-events:none;
}

.mbn-bg-link{
  position:absolute;
  inset:0;
  z-index:2;
}

.mbn-bg-content{
  position:relative;
  z-index:3;
  width:min(900px,94%);
  margin-top:auto;
  padding:32px;
}

.mbn-bg-category{
  display:inline-flex;
  margin-bottom:10px;
  padding:5px 9px;
  background:#FFC400;
  color:#111;
  font-size:11px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
}

.mbn-bg-title{
  margin:0;
  color:#fff;
  font-size:var(--mbn-bg-title-size,34px)!important;
  font-weight:800;
  line-height:1.12;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--mbn-bg-title-lines,3);
  overflow:hidden;
}

.mbn-bg-title > a{
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  font-style:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:inherit!important;
  color:inherit!important;
  text-decoration:none!important;
}

.mbn-bg-excerpt{
  max-width:760px;
  margin-top:10px;
  color:#f3f3f3;
  font-size:15px;
  line-height:1.45;
}

.mbn-bg-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
  color:#fff;
  font-size:12px;
  line-height:1.3;
}

.mbn-bg-meta > *{
  font:inherit!important;
  color:inherit!important;
}

.mbn-bg-sep{
  opacity:.6;
}

.mbn-bg-slider .vwga-slider-arrow{
  position:absolute;
  z-index:6;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  padding:0;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#111;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 2px 12px rgba(0,0,0,.12);
}

.mbn-bg-slider .vwga-prev{left:16px}
.mbn-bg-slider .vwga-next{right:16px}

.mbn-bg-slider .vwga-slider-dots{
  position:absolute;
  z-index:7;
  left:50%;
  bottom:15px;
  transform:translateX(-50%);
  display:flex;
  gap:7px;
  margin:0;
}

.mbn-bg-slider .vwga-slider-dot{
  width:8px;
  height:8px;
  background:rgba(255,255,255,.72);
}

.mbn-bg-slider .vwga-slider-dot.is-active{
  width:22px;
  background:#FFC400;
}

/* ---------- Mobile image de fond ---------- */

@media (max-width:767px){
  .mbn-bg-section-title{
    margin-bottom:12px;
    font-size:20px;
  }

  .mbn-bg-slide{
    min-height:360px;
  }

  .mbn-bg-content{
    width:100%;
    padding:18px 18px 22px;
  }

  .mbn-bg-title{
    font-size:var(--mbn-bg-title-size,21px)!important;
  }

  .mbn-bg-excerpt{
    font-size:13px;
  }

  .mbn-bg-meta{
    margin-top:9px;
    font-size:11px;
  }

  .mbn-bg-slider .vwga-slider-arrow{
    width:36px;
    height:36px;
    font-size:24px;
  }

  .mbn-bg-slider .vwga-prev{left:12px}
  .mbn-bg-slider .vwga-next{right:12px}

  .mbn-bg-slider .vwga-slider-dots{
    bottom:10px;
  }

  /* Plein bord uniquement si l'option du widget est activée. */
  .elementor-widget-vwga_background_slider.mbn-mobile-full-bleed-yes,
  .elementor-widget-vwga_background_slider.mbn-mobile-full-bleed-yes > .elementor-widget-container{
    overflow:visible!important;
  }

  .elementor-widget-vwga_background_slider.mbn-mobile-full-bleed-yes .mbn-bg-slider{
    width:100vw!important;
    max-width:100vw!important;
    margin-inline:calc(50% - 50vw)!important;
  }

  .elementor-widget-vwga_background_slider.mbn-mobile-full-bleed-yes .mbn-bg-slider .vwga-slider-viewport{
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0!important;
  }

  .elementor-widget-vwga_background_slider.mbn-mobile-full-bleed-yes .mbn-bg-slider .vwga-slide{
    flex-basis:100vw!important;
  }
}

/* ---------- Tablette ---------- */

@media (min-width:768px) and (max-width:1024px){
  .vwga-slider-heading{
    font-size:26px;
  }

  .mbn-bg-section-title{
    font-size:22px;
  }
}

/* ---------- Interaction ---------- */

.vwga-slider.is-dragging,
.vwga-slider.is-dragging *{
  cursor:grabbing!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

.vwga-slider img{
  -webkit-user-drag:none;
  user-select:none;
}