.elementor .hover{border-width:1px;border-color:var(--Rouge);border-style:inset;background-color:#ffffff00;}.elementor .hover:hover,.elementor .hover:focus-visible{border-width:1px;}.elementor .last-product-cta{selector {
  background: linear-gradient(135deg, #F8FAFC 0%, #E0EAF4 100%) !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  padding: 2.5rem 2rem !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  border: 2px dashed #1A3A5C !important;
  gap: 1rem !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

selector::before {
  content: "✦" !important;
  position: absolute !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
  font-size: 1.5rem !important;
  color: #1A3A5C !important;
  opacity: 0.3 !important;
  transition: all 0.4s ease !important;
}

selector h2,
selector h3,
selector .elementor-heading-title {
  color: #1A3A5C !important;
  font-size: 1.75rem !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

selector p {
  color: #4B5563 !important;
  font-size: 0.95rem !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

selector a,
selector .elementor-button,
selector button {
  background: #1A3A5C !important;
  color: #ffffff !important;
  padding: 0.875rem 1.75rem !important;
  font-size: 0.875rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border: none !important;
  border-radius: 0 !important;
  transition: all 0.3s ease !important;
  text-decoration: none !important;
  margin-top: 0.5rem !important;
}

selector a:hover,
selector .elementor-button:hover {
  background: #E8913A !important;
  transform: translateY(-2px) !important;
}

selector:hover {
  border-style: solid !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 30px rgba(26, 58, 92, 0.1) !important;
}

selector:hover::before {
  opacity: 1 !important;
  transform: rotate(180deg) !important;
  color: #E8913A !important;
}\n}.elementor .partenaire-grid{/* ==========================================================
 GRID PARTENAIRES — FERMÉ LUX
 Logos grayscale → couleur au hover
========================================================== */

.partenaire-grid {
  /* 🎨 Variables modifiables */
  --logo-grayscale: 100%;       /* 100% = gris total au repos */
  --logo-opacity: 0.55;          /* Opacité au repos */
  --logo-brightness: 0.95;       /* Légère atténuation au repos */
  --logo-hover-scale: 1.06;      /* Niveau de zoom au hover */
  --logo-spotlight-opacity: 0.25; /* Opacité des AUTRES logos quand un est hover */
  --logo-transition: 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --- État au repos : gris désaturé --- */
.partenaire-grid img {
  filter: grayscale(var(--logo-grayscale)) brightness(var(--logo-brightness));
  opacity: var(--logo-opacity);
  transition:
      filter var(--logo-transition),
      opacity var(--logo-transition),
      transform var(--logo-transition);
  will-change: filter, opacity, transform;
}

/* --- Hover : retour couleur + zoom doux --- */
.partenaire-grid img:hover,
.partenaire-grid .elementor-widget-image:hover img,
.partenaire-grid .e-con:hover img {
  filter: grayscale(0%) brightness(1);
  opacity: 1;
  transform: scale(var(--logo-hover-scale));
}

/* --- Effet SPOTLIGHT (les autres logos se voilent) ---
 Désactive ce bloc si tu veux un comportement plus simple */
.partenaire-grid:hover img {
  opacity: var(--logo-spotlight-opacity);
}
.partenaire-grid:hover img:hover,
.partenaire-grid:hover .elementor-widget-image:hover img,
.partenaire-grid:hover .e-con:hover img {
  opacity: 1;
}

/* --- Touch / Mobile : pas de hover → toujours en couleur ---
 (sinon les logos resteraient gris en permanence sur mobile) */
@media (hover: none) {
  .partenaire-grid img {
      filter: grayscale(0%) brightness(1);
      opacity: 1;
  }
}

/* --- Respect du paramètre "reduce motion" du système --- */
@media (prefers-reduced-motion: reduce) {
  .partenaire-grid img {
      transition: filter 0.2s ease, opacity 0.2s ease;
      transform: none !important;
  }
  .partenaire-grid img:hover {
      transform: none !important;
  }
}\n}