/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 04 2025 | 11:38:32 */
/* ========= Carte film Production (section du modèle) ========= */
.film-prod-card {
  padding: 0 !important;
  margin: 0;
  background: transparent !important;
  border-radius: 0;
}

/* la carte occupe toute la hauteur */
.film-prod-card > .elementor-container,
.film-prod-card .elementor-column,
.film-prod-card .elementor-widget-wrap {
  height: 100%;
}

/* ========= Widget Appel à l’action ========= */
.film-prod-card .elementor-cta {
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 232px;       /* hauteur desktop */
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* L’image de fond doit couvrir exactement la carte */
.film-prod-card .elementor-cta__bg-wrapper {
  position: absolute;
  inset: 0;
}

.film-prod-card .elementor-cta__bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

/* Overlay sombre SUR l’image uniquement */
.film-prod-card .elementor-cta__bg-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.25);
  transition: background 0.3s ease;
}

/* Au survol : plus sombre */
.film-prod-card .elementor-cta:hover .elementor-cta__bg-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/* Contenu au premier plan, aligné en bas */
.film-prod-card .elementor-cta__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 15px;
  color: #ffffff;
}

/* ========= Textes ========= */

/* Etat du film (titre du CTA) */
.film-prod-card .elementor-cta__title {
  margin: 0 0 8px;
  font-family: "FuturaLT", sans-serif;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  color: #ffffff;
}

/* Titre du film + texte dans la description du CTA */
.film-prod-card .elementor-cta__description {
  margin: 0 0 12px;
  font-family: "FuturaLT", sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  color: #ffffff;
}

/* Si tu as un <p> en dessous (ex: texte vide / undefined), on le masque quand il est vide */
.film-prod-card .elementor-cta__description p:empty {
  display: none;
}

/* ========= Bouton ========= */
.film-prod-card .elementor-cta__button {
  background-color: #ffffff;
  color: #000000;
  border-radius: 0;
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.film-prod-card .elementor-cta__button:hover {
  background-color: #ffffff;
  color: #000000;
}

/* ========= Mobile ========= */
@media (max-width: 768px) {
  .film-prod-card .elementor-cta {
    min-height: 207px; /* hauteur mobile */
  }

  .film-prod-card .elementor-cta__title {
    font-size: 16px;
  }

  .film-prod-card .elementor-cta__description {
    font-size: 16px;
  }

  .film-prod-card .elementor-cta__button {
    padding: 10px 18px;
  }
}

/* Texte caché au repos, visible au survol */
.film-prod-card .elementor-cta__content {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Au survol : on fait apparaître le contenu */
.film-prod-card .elementor-cta:hover .elementor-cta__content {
  opacity: 1;
  transform: translateY(0);
}