.elementor-2618 .elementor-element.elementor-element-3313cda{--display:flex;--min-height:127px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:55px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-3313cda:not(.elementor-motion-effects-element-type-background), .elementor-2618 .elementor-element.elementor-element-3313cda > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor5 );background-image:url("https://powersaver.energy/wp-content/uploads/2025/06/Untitled-design-9-3-scaled-1.png");background-position:center right;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2618 .elementor-element.elementor-element-6a796fe > .elementor-widget-container{margin:0px 0px -18px 0px;padding:0px 0px -16px 0px;}.elementor-2618 .elementor-element.elementor-element-6a796fe.elementor-element{--align-self:center;}.elementor-2618 .elementor-element.elementor-element-6a796fe{text-align:center;}.elementor-2618 .elementor-element.elementor-element-6a796fe .elementor-heading-title{font-family:"Arial", Sans-serif;font-size:31px;font-weight:900;text-transform:uppercase;font-style:normal;line-height:41px;color:#FFFFFF;}.elementor-2618 .elementor-element.elementor-element-a360733{--display:flex;--min-height:100px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-a360733.e-con{--align-self:center;}.elementor-2618 .elementor-element.elementor-element-ba57a08 > .elementor-widget-container{margin:0px 0px -60px 0px;padding:0px 0px 0px 0px;}.elementor-2618 .elementor-element.elementor-element-7eed4b7 > .elementor-widget-container{margin:24px 0px 0px 0px;}.elementor-2618 .elementor-element.elementor-element-c96a8eb > .elementor-widget-container{margin:-94px 0px 0px 0px;}.elementor-2618 .elementor-element.elementor-element-d01f9a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2618 .elementor-element.elementor-element-bcf4366{--swiper-slides-to-display:3;--swiper-slides-gap:37px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;}.elementor-2618 .elementor-element.elementor-element-bcf4366 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2618 .elementor-element.elementor-element-3313cda{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:37px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-6a796fe .elementor-heading-title{font-size:21px;line-height:32px;}.elementor-2618 .elementor-element.elementor-element-bcf4366{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-2618 .elementor-element.elementor-element-3313cda{--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:33px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2618 .elementor-element.elementor-element-6a796fe > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2618 .elementor-element.elementor-element-6a796fe.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-2618 .elementor-element.elementor-element-6a796fe .elementor-heading-title{font-size:21px;line-height:26px;}.elementor-2618 .elementor-element.elementor-element-bcf4366{--swiper-slides-to-display:1;}}/* Start custom CSS for container, class: .elementor-element-a360733 *//* CSS personnalisé pour le conteneur "Actualités" avec image de fond */

/* Cibler le conteneur principal avec l'image de fond */
.elementor-element-49084f0e {
  background: 
    linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(226, 232, 240, 0.9) 100%),
    url('https://powersaver.energy/wp-content/uploads/2025/06/Untitled-design-9-3-scaled-1.png') !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  border-radius: 16px !important;
  margin: 20px auto !important;
  padding: 50px 40px !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.15) !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  position: relative !important;
  overflow: hidden !important;
  max-width: 1200px !important;
  min-height: 300px !important;
}

/* Overlay pour améliorer la lisibilité du texte */
.elementor-element-49084f0e::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: 
    radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.4) 0%, transparent 60%),
    linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(59, 130, 246, 0.05) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Overlay supplémentaire pour le contraste du texte */
.elementor-element-49084f0e::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(1px) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* S'assurer que le contenu reste au-dessus des overlays */
.elementor-element-49084f0e .e-con-inner {
  position: relative !important;
  z-index: 3 !important;
}



/* Ligne décorative sous le titre */
.elementor-element-7054277e .elementor-heading-title::after {
  content: '' !important;
  display: block !important;
  width: 100px !important;
  height: 4px !important;
  background: linear-gradient(90deg, #22c55e, #16a34a) !important;
  margin: 20px auto 0 !important;
  border-radius: 2px !important;
  box-shadow: 0 2px 8px rgba(34, 197, 94, 0.3) !important;
}

/* Améliorer le texte descriptif avec meilleur contraste */
.elementor-element-3818889f .elementor-widget-container p {
  color: #334155 !important;
  font-size: 1.2rem !important;
  line-height: 1.8 !important;
  text-align: center !important;
  margin: 0 !important;
  font-weight: 500 !important;
  max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-shadow: 0 1px 3px rgba(255,255,255,0.8) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  padding: 15px 25px !important;
  border-radius: 12px !important;
  backdrop-filter: blur(5px) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Animation d'apparition */
.elementor-element-49084f0e {
  animation: slideInUp 1s ease-out !important;
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Effet parallax subtil au scroll */
@media (min-width: 1025px) {
  .elementor-element-49084f0e {
    background-attachment: fixed !important;
  }
}

/* Responsive - Tablettes */
@media (max-width: 1024px) {
  .elementor-element-49084f0e {
    padding: 40px 30px !important;
    margin: 15px 20px !important;
    border-radius: 12px !important;
    background-attachment: scroll !important;
    min-height: 250px !important;
  }
  
  .elementor-element-7054277e .elementor-heading-title {
    font-size: 2.3rem !important;
  }
  
  .elementor-element-3818889f .elementor-widget-container p {
    font-size: 1.1rem !important;
    padding: 12px 20px !important;
  }
}

/* Responsive - Mobiles */
@media (max-width: 768px) {
  .elementor-element-49084f0e {
    padding: 35px 25px !important;
    margin: 10px 15px !important;
    border-radius: 10px !important;
    background-attachment: scroll !important;
    background-position: center top !important;
    min-height: 220px !important;
  }
  
  .elementor-element-7054277e .elementor-heading-title {
    font-size: 2rem !important;
    margin-bottom: 15px !important;
  }
  
  .elementor-element-7054277e .elementor-heading-title::after {
    width: 80px !important;
    height: 3px !important;
    margin: 15px auto 0 !important;
  }
  
  .elementor-element-3818889f .elementor-widget-container p {
    font-size: 1rem !important;
    line-height: 1.6 !important;
    padding: 10px 15px !important;
  }
}

/* Très petits écrans */
@media (max-width: 480px) {
  .elementor-element-49084f0e {
    padding: 30px 20px !important;
    margin: 10px 10px !important;
    border-radius: 8px !important;
    min-height: 200px !important;
  }
  
  .elementor-element-7054277e .elementor-heading-title {
    font-size: 1.75rem !important;
  }
  
  .elementor-element-3818889f .elementor-widget-container p {
    font-size: 0.95rem !important;
    padding: 8px 12px !important;
  }
}

/* Effet de survol avec zoom subtil de l'image */
.elementor-element-49084f0e:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 15px 45px rgba(0,0,0,0.2) !important;
  transition: all 0.4s ease !important;
}

.elementor-element-49084f0e:hover::before {
  background: 
    radial-gradient(circle at 30% 70%, rgba(255, 255, 255, 0.5) 0%, transparent 60%),
    linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(59, 130, 246, 0.1) 100%) !important;
  transition: all 0.4s ease !important;
}

/* Variante avec overlay plus sombre pour meilleur contraste */
.elementor-element-49084f0e.dark-overlay {
  background: 
    linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(51, 65, 85, 0.7) 100%),
    url('https://powersaver.energy/wp-content/uploads/2025/06/Untitled-design-9-3-scaled-1.png') !important;
}

.elementor-element-49084f0e.dark-overlay .elementor-element-7054277e .elementor-heading-title {
  color: #ffffff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

.elementor-element-49084f0e.dark-overlay .elementor-element-3818889f .elementor-widget-container p {
  color: #e2e8f0 !important;
  background: rgba(0, 0, 0, 0.2) !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
}

/* Mode sombre automatique */
@media (prefers-color-scheme: dark) {
  .elementor-element-49084f0e {
    background: 
      linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(51, 65, 85, 0.8) 100%),
      url('https://powersaver.energy/wp-content/uploads/2025/06/Untitled-design-9-3-scaled-1.png') !important;
  }
  
  .elementor-element-7054277e .elementor-heading-title {
    color: #f1f5f9 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.7) !important;
  }
  
  .elementor-element-3818889f .elementor-widget-container p {
    color: #cbd5e1 !important;
    background: rgba(0, 0, 0, 0.3) !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7) !important;
  }
}

/* Optimisation pour les écrans haute résolution */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .elementor-element-49084f0e {
    background-image: 
      linear-gradient(135deg, rgba(248, 250, 252, 0.95) 0%, rgba(226, 232, 240, 0.9) 100%),
      url('https://powersaver.energy/wp-content/uploads/2025/06/Untitled-design-9-3-scaled-1.png') !important;
  }
}/* End custom CSS */