/* ============================================================
   Slider Display Modes — Desktop Fix
   Modes: cover | contain | auto
   Applies to both MWFT (marketing-widgets) and PS (promosuite)
   Tablet/Mobile: NOT MODIFIED
   ============================================================ */

/* === MODE: COUVERT (cover) — default ===
   Image fills the frame, cropped if needed.
   Best with: 1920x1080 (16:9) desktop images.
   ======================================== */
@media (min-width: 1025px) {
  .mwft-display-cover,
  .ps-display-cover {
    max-height: 560px;
    overflow: hidden;
  }
  .mwft-display-cover .mwft-slider__track,
  .ps-display-cover .ps-slider__track {
    max-height: 560px;
  }
  .mwft-display-cover .mwft-slide img,
  .mwft-display-cover .mwft-slide__img,
  .ps-display-cover .ps-slide img,
  .ps-display-cover .ps-slide__img {
    width: 100% !important;
    height: 560px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Size variants for cover mode */
  .mwft-display-cover.mwft-size-large,
  .ps-display-cover.ps-size-large { max-height: 85vh; }
  .mwft-display-cover.mwft-size-large .mwft-slide img,
  .mwft-display-cover.mwft-size-large .mwft-slide__img,
  .ps-display-cover.ps-size-large .ps-slide img,
  .ps-display-cover.ps-size-large .ps-slide__img { height: 85vh !important; }

  .mwft-display-cover.mwft-size-medium,
  .ps-display-cover.ps-size-medium { max-height: 560px; }
  .mwft-display-cover.mwft-size-medium .mwft-slide img,
  .mwft-display-cover.mwft-size-medium .mwft-slide__img,
  .ps-display-cover.ps-size-medium .ps-slide img,
  .ps-display-cover.ps-size-medium .ps-slide__img { height: 560px !important; }

  .mwft-display-cover.mwft-size-small,
  .ps-display-cover.ps-size-small { max-height: 380px; }
  .mwft-display-cover.mwft-size-small .mwft-slide img,
  .mwft-display-cover.mwft-size-small .mwft-slide__img,
  .ps-display-cover.ps-size-small .ps-slide img,
  .ps-display-cover.ps-size-small .ps-slide__img { height: 380px !important; }
}

/* === MODE: ENTIER (contain) ===
   Full image visible, letterboxed if needed.
   No crop. Black bands fill gaps.
   =============================== */
@media (min-width: 1025px) {
  .mwft-display-contain,
  .ps-display-contain {
    max-height: 560px;
    overflow: hidden;
    background: #000;
  }
  .mwft-display-contain .mwft-slider__track,
  .ps-display-contain .ps-slider__track {
    max-height: 560px;
  }
  .mwft-display-contain .mwft-slide img,
  .mwft-display-contain .mwft-slide__img,
  .ps-display-contain .ps-slide img,
  .ps-display-contain .ps-slide__img {
    width: 100% !important;
    height: 560px !important;
    object-fit: contain !important;
    object-position: center center !important;
  }
}

/* === MODE: AUTOMATIQUE (auto) ===
   Slider height adapts to image natural size.
   No crop, no letterbox. Height = image height.
   ============================================= */
@media (min-width: 1025px) {
  .mwft-display-auto .mwft-slide img,
  .mwft-display-auto .mwft-slide__img,
  .ps-display-auto .ps-slide img,
  .ps-display-auto .ps-slide__img {
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
  }
}

/* === CAPTION compact (desktop, all modes) === */
@media (min-width: 1025px) {
  .mwft-slider .mwft-slide .mwft-slide__caption,
  .ps-slider .ps-slide .ps-slide__caption {
    width: auto !important;
    max-width: min(520px, 88%) !important;
    padding: 14px 18px !important;
    box-sizing: border-box !important;
  }

  .mwft-slide__caption .mwft-slide__title,
  .ps-slide__caption .ps-slide__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
  }

  .mwft-slide__caption .mwft-slide__desc,
  .ps-slide__caption .ps-slide__desc {
    font-size: 13px !important;
    line-height: 1.4 !important;
    opacity: 0.85;
  }

  .mwft-slide__caption .mwft-btn,
  .ps-slide__caption .ps-btn {
    margin-top: 8px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
  }
}

/* === UNIFIED BUTTON STYLE (all modes, all screens) === */
.mwft-slide__caption .mwft-btn,
.mwft-slide__caption .mwft-btn--ghost,
.ps-slide__caption .ps-btn,
.ps-slide__caption .ps-btn--ghost {
  background: rgba(255, 255, 255, 0.12) !important;
  border: 1px double rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  transition: background 0.3s ease, transform 0.2s ease !important;
}

.mwft-slide__caption .mwft-btn:hover,
.mwft-slide__caption .mwft-btn--ghost:hover,
.ps-slide__caption .ps-btn:hover,
.ps-slide__caption .ps-btn--ghost:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  transform: translateY(-1px) !important;
}
