
/* ==========================================================
   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;
}


/* ==========================================================
   Medbinews Articles Pro 1.3.0 — Slider + Slider image de fond
   Valeurs vides dans Elementor = valeurs du thème Medbinews.
   ========================================================== */

.elementor-widget-vwga_slider,
.elementor-widget-vwga_edge_slider,
.elementor-widget-vwga_background_slider{
  --medbinews-theme-slide-title-size:var(--mbn-h3-size,21px);
  --medbinews-theme-slide-body-size:var(--mbn-body-size,16px);
  --medbinews-theme-slide-meta-size:var(--mbn-meta-size,12px);
}

/* Slider standard */
.elementor-widget-vwga_slider .vwga-slide-title,
.elementor-widget-vwga_edge_slider .vwga-slide-title{
  font-family:var(--mbn-font-headings,inherit);
  font-size:var(--medbinews-slide-title-size,var(--medbinews-theme-slide-title-size))!important;
  line-height:var(--medbinews-slide-title-line,1.3)!important;
}
.elementor-widget-vwga_slider .vwga-slide-title>a,
.elementor-widget-vwga_edge_slider .vwga-slide-title>a{
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.elementor-widget-vwga_slider .vwga-slide-excerpt,
.elementor-widget-vwga_edge_slider .vwga-slide-excerpt{
  font-family:var(--mbn-font-body,inherit);
  font-size:var(--medbinews-slide-excerpt-size,var(--medbinews-theme-slide-body-size))!important;
}
.elementor-widget-vwga_slider .vwga-slide-meta,
.elementor-widget-vwga_edge_slider .vwga-slide-meta{
  font-family:var(--mbn-font-meta,var(--mbn-font-body,inherit));
  font-size:var(--medbinews-slide-meta-size,var(--medbinews-theme-slide-meta-size))!important;
}

/* Slider image de fond */
.elementor-widget-vwga_background_slider .mbn-bg-title{
  font-family:var(--mbn-font-headings,inherit);
  font-size:var(--mbn-bg-title-size,var(--mbn-h1-size,34px))!important;
  line-height:var(--mbn-bg-title-line,1.12)!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-title>a{
  font-family:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-excerpt{
  font-family:var(--mbn-font-body,inherit);
  font-size:var(--mbn-bg-excerpt-size,var(--medbinews-theme-slide-body-size))!important;
  line-height:var(--mbn-bg-excerpt-line,1.45)!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-meta{
  font-family:var(--mbn-font-meta,var(--mbn-font-body,inherit));
  font-size:var(--mbn-bg-meta-size,var(--medbinews-theme-slide-meta-size))!important;
}

/* Tablette */
@media(max-width:1024px){
  .elementor-widget-vwga_slider,
  .elementor-widget-vwga_edge_slider,
  .elementor-widget-vwga_background_slider{
    --medbinews-theme-slide-title-size:var(--mbn-h3-size-tablet,var(--mbn-h3-size,20px));
    --medbinews-theme-slide-body-size:var(--mbn-body-size-tablet,var(--mbn-body-size,16px));
    --medbinews-theme-slide-meta-size:var(--mbn-meta-size-tablet,var(--mbn-meta-size,12px));
  }
  .elementor-widget-vwga_background_slider .mbn-bg-title{
    font-size:var(--mbn-bg-title-size,var(--mbn-h1-size-tablet,var(--mbn-h1-size,30px)))!important;
  }
}

/* Mobile */
@media(max-width:767px){
  .elementor-widget-vwga_slider,
  .elementor-widget-vwga_edge_slider,
  .elementor-widget-vwga_background_slider{
    --medbinews-theme-slide-title-size:var(--mbn-h3-size-mobile,var(--mbn-h3-size,18px));
    --medbinews-theme-slide-body-size:var(--mbn-body-size-mobile,var(--mbn-body-size,15px));
    --medbinews-theme-slide-meta-size:var(--mbn-meta-size-mobile,var(--mbn-meta-size,11px));
  }
  .elementor-widget-vwga_background_slider .mbn-bg-title{
    font-size:var(--mbn-bg-title-size,var(--mbn-h1-size-mobile,var(--mbn-h1-size,24px)))!important;
  }
}


/* ==========================================================
   Medbinews Articles Pro 1.3.1 — poids des polices responsive
   ========================================================== */

.elementor-widget-vwga_slider .vwga-slide-title,
.elementor-widget-vwga_edge_slider .vwga-slide-title{
  font-weight:var(--medbinews-slide-title-weight,700)!important;
}
.elementor-widget-vwga_slider .vwga-slide-title>a,
.elementor-widget-vwga_edge_slider .vwga-slide-title>a{
  font-weight:inherit!important;
}
.elementor-widget-vwga_slider .vwga-slide-excerpt,
.elementor-widget-vwga_edge_slider .vwga-slide-excerpt{
  font-weight:var(--medbinews-slide-excerpt-weight,400)!important;
  line-height:var(--medbinews-slide-excerpt-line,1.5)!important;
}

.elementor-widget-vwga_background_slider .mbn-bg-title{
  font-weight:var(--mbn-bg-title-weight,800)!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-title>a{
  font-weight:inherit!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-excerpt{
  font-weight:var(--mbn-bg-excerpt-weight,400)!important;
}


/* ==========================================================
   Medbinews Articles Pro 1.3.2 — TYPOGRAPHIE UNIVERSELLE SLIDERS
   ========================================================== */
.elementor-widget-vwga_slider .vwga-slide-title,
.elementor-widget-vwga_edge_slider .vwga-slide-title{
  font-family:var(--mbn-font-headings,inherit)!important;
  font-size:var(--medbinews-slide-title-size,var(--medbinews-theme-slide-title-size,var(--mbn-h3-size,21px)))!important;
  line-height:var(--medbinews-slide-title-line,1.3)!important;
  font-weight:var(--medbinews-slide-title-weight,700)!important;
}
.elementor-widget-vwga_slider .vwga-slide-title > a,
.elementor-widget-vwga_edge_slider .vwga-slide-title > a{
  font:inherit!important;
  color:inherit!important;
}
.elementor-widget-vwga_slider .vwga-slide-excerpt,
.elementor-widget-vwga_edge_slider .vwga-slide-excerpt{
  font-family:var(--mbn-font-body,inherit)!important;
  font-size:var(--medbinews-slide-excerpt-size,var(--medbinews-theme-slide-body-size,var(--mbn-body-size,14px)))!important;
  line-height:var(--medbinews-slide-excerpt-line,1.5)!important;
  font-weight:var(--medbinews-slide-excerpt-weight,400)!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-title{
  font-family:var(--mbn-font-headings,inherit)!important;
  font-size:var(--mbn-bg-title-size,var(--mbn-h1-size,34px))!important;
  line-height:var(--mbn-bg-title-line,1.12)!important;
  font-weight:var(--mbn-bg-title-weight,800)!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-title > a{
  font:inherit!important;
  color:inherit!important;
}
.elementor-widget-vwga_background_slider .mbn-bg-excerpt{
  font-family:var(--mbn-font-body,inherit)!important;
  font-size:var(--mbn-bg-excerpt-size,var(--mbn-body-size,15px))!important;
  line-height:var(--mbn-bg-excerpt-line,1.45)!important;
  font-weight:var(--mbn-bg-excerpt-weight,400)!important;
}
