/* Masquer le titre dans les aperçus des articles */
.home .entry-title {
  display: none !important;
}

/* Masquer la date et l'heure dans les aperçus des articles */
.home .entry-meta,
.home .posted-on,
.home .entry-date {
  display: none !important;
}

/* Texte limité à 7 lignes */
.elementor-element-06c1c24 {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 7;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

/* =========================
   BASE CAROUSEL VIDEO
   Ne change PAS la taille des vidéos
========================= */

.video {
  position: relative !important;
  overflow: visible !important;
}

/* Important : ne pas cacher flèches/dots */
.video .swiper,
.video .swiper-container,
.video .elementor-main-swiper,
.video .elementor-swiper,
.video .jet-listing-grid__slider,
.video .slick-slider {
  overflow: visible !important;
}

/* =========================
   STYLE DES VIDÉOS
   Coins arrondis sans toucher aux flèches
========================= */

/* Arrondi seulement sur les éléments vidéo */
.video video,
.video iframe,
.video .elementor-video,
.video .wp-video-shortcode {
  border-radius: 16px !important;
  overflow: hidden !important;
  display: block !important;
  max-width: 100% !important;
}

/* Wrapper vidéo uniquement */
.video .elementor-wrapper,
.video .wp-video {
  border-radius: 16px !important;
  overflow: hidden !important;
}

/* Si la vidéo est une image/thumbnail */
.video .elementor-carousel-image,
.video img {
  border-radius: 16px !important;
}

/* Ombre légère uniquement sur le média, pas sur les flèches */
.video video,
.video iframe,
.video .elementor-wrapper,
.video .wp-video,
.video .elementor-carousel-image {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

/* S'assure que les slides ne coupent pas les flèches */
.video .swiper-slide,
.video .slick-slide,
.video .jet-listing-grid__item {
  overflow: visible !important;
}

/* =========================
   DOTS - STYLE IMAGE D'AVANT
========================= */

.video .jet-slick-dots,
.video .slick-dots,
.video .swiper-pagination,
.video .swiper-pagination-horizontal,
.video .elementor-swiper-pagination,
.video .jet-listing-grid__slider-control-nav {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;
  height: auto !important;
  margin: 14px auto 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
  text-align: center !important;
  z-index: 9999 !important;
  list-style: none !important;
}

/* Dots normaux */
.video .jet-slick-dots li,
.video .slick-dots li,
.video .swiper-pagination-bullet,
.video .elementor-swiper-pagination .swiper-pagination-bullet,
.video .jet-listing-grid__slider-control-nav-item {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  max-width: 8px !important;
  max-height: 8px !important;
  border-radius: 50% !important;
  background: #0097a9 !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  display: block !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
}

/* Boutons dans les dots Slick */
.video .jet-slick-dots li button,
.video .slick-dots li button {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  max-width: 8px !important;
  max-height: 8px !important;
  border-radius: 50% !important;
  background: #0097a9 !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important;
}

/* Supprime les points par défaut */
.video .jet-slick-dots li button::before,
.video .slick-dots li button::before {
  display: none !important;
  content: "" !important;
}

/* Dot actif en pilule verte */
.video .jet-slick-dots li.slick-active,
.video .jet-slick-dots li.slick-active button,
.video .slick-dots li.slick-active,
.video .slick-dots li.slick-active button,
.video .swiper-pagination-bullet-active,
.video .elementor-swiper-pagination .swiper-pagination-bullet-active,
.video .jet-listing-grid__slider-control-nav-item.active,
.video .jet-listing-grid__slider-control-nav-item.slick-active {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  border-radius: 999px !important;
  background: #b7bd20 !important;
}

/* Hover dots */
.video .jet-slick-dots li:hover,
.video .jet-slick-dots li:hover button,
.video .slick-dots li:hover,
.video .slick-dots li:hover button,
.video .swiper-pagination-bullet:hover,
.video .jet-listing-grid__slider-control-nav-item:hover {
  background: #b7bd20 !important;
}

/* =========================
   FLÈCHES - STYLE CONSERVÉ
========================= */

.video .swiper-button-prev,
.video .swiper-button-next,
.video .elementor-swiper-button,
.video .jet-listing-grid__slider-icon,
.video .slick-prev,
.video .slick-next {
  width: 42px !important;
  height: 42px !important;
  border: 2px solid #b7bd20 !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.65) !important;
  color: #0097a9 !important;
  opacity: 1 !important;
  z-index: 99999 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease !important;
}

/* Icônes Swiper : couleur/taille seulement */
.video .swiper-button-prev::after,
.video .swiper-button-next::after {
  font-size: 22px !important;
  color: #0097a9 !important;
  transition: color 0.25s ease !important;
}

/* Icônes Elementor / JetEngine : couleur/taille seulement */
.video .elementor-swiper-button i,
.video .elementor-swiper-button svg,
.video .jet-listing-grid__slider-icon i,
.video .jet-listing-grid__slider-icon svg {
  color: #0097a9 !important;
  fill: #0097a9 !important;
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  transition: color 0.25s ease, fill 0.25s ease !important;
}

/* Icônes Slick : couleur/taille seulement */
.video .slick-prev::before,
.video .slick-next::before {
  color: #0097a9 !important;
  font-size: 22px !important;
  opacity: 1 !important;
  transition: color 0.25s ease !important;
}

/* Hover sans transform, sans rotation */
.video .swiper-button-prev:hover,
.video .swiper-button-next:hover,
.video .elementor-swiper-button:hover,
.video .jet-listing-grid__slider-icon:hover,
.video .slick-prev:hover,
.video .slick-next:hover {
  background: #0097a9 !important;
  border-color: #0097a9 !important;
  color: #ffffff !important;
}

/* Icônes blanches au hover */
.video .swiper-button-prev:hover::after,
.video .swiper-button-next:hover::after,
.video .slick-prev:hover::before,
.video .slick-next:hover::before {
  color: #ffffff !important;
}

.video .elementor-swiper-button:hover i,
.video .elementor-swiper-button:hover svg,
.video .jet-listing-grid__slider-icon:hover i,
.video .jet-listing-grid__slider-icon:hover svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}