.elementor-kit-24{--e-global-color-primary:#1F2A44;--e-global-color-secondary:#7B8A97;--e-global-color-text:#03060C;--e-global-color-accent:#C97B5A;--e-global-color-03ba928:#F8F5F1;--e-global-color-e3d226f:#FFFFFF;--e-global-color-5b9fd74:#F5EBE7;--e-global-typography-primary-font-family:"Varela Round";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Varela Round";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-03ba928 );color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-size:18px;}.elementor-kit-24 button,.elementor-kit-24 input[type="button"],.elementor-kit-24 input[type="submit"],.elementor-kit-24 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Varela Round", Sans-serif;font-size:20px;color:var( --e-global-color-e3d226f );border-radius:20px 20px 20px 20px;padding:20px 20px 20px 20px;}.elementor-kit-24 button:hover,.elementor-kit-24 button:focus,.elementor-kit-24 input[type="button"]:hover,.elementor-kit-24 input[type="button"]:focus,.elementor-kit-24 input[type="submit"]:hover,.elementor-kit-24 input[type="submit"]:focus,.elementor-kit-24 .elementor-button:hover,.elementor-kit-24 .elementor-button:focus{background-color:#02010100;color:var( --e-global-color-primary );border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-accent );border-radius:20px 20px 20px 20px;}.elementor-kit-24 e-page-transition{background-color:#FFBC7D;}.elementor-kit-24 h1{color:var( --e-global-color-text );font-family:"Varela Round", Sans-serif;font-size:50px;}.elementor-kit-24 h2{font-family:"Varela Round", Sans-serif;font-size:35px;}.elementor-kit-24 h3{color:var( --e-global-color-text );font-family:"Varela Round", Sans-serif;font-size:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */@media (max-width: 767px){

  .cards-scroll{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;

    /* IMPORTANT : pas de padding horizontal ici */
    padding-left: 0;
    padding-right: 0;
  }

  /* Spacers gauche/droite pour garder une marge visuelle */
  .cards-scroll::before,
  .cards-scroll::after{
    content: "";
    flex: 0 0 16px; /* ta marge */
  }

  .cards-scroll .card-item{
    flex: 0 0 70%;
    scroll-snap-align: start;
  }
  
   .cards-scroll-wrap{
    position: relative;
  }
}

@media (min-width: 768px){

  /* rail horizontal */
  .cards-scroll{
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 24px;
  }

  /* 4 cartes visibles + aperçu de la suivante */
  .cards-scroll > .card-item{
    flex: 0 0 calc((100% - (24px * 3)) / 4.4);
    max-width: calc((100% - (24px * 3)) / 4.4);
  }
}

/* ===== Galerie images horizontale - mobile only ===== */
@media (max-width: 767px){
  .galerie-scroll{
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 16px !important;
    padding: 0 16px 12px 16px !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  /* Cible directement les widgets Image */
  .galerie-scroll .elementor-widget-image{
    flex: 0 0 40vw !important;   /* largeur image */
    max-width: 40vw !important;
    scroll-snap-align: start;
  }

  /* Sécurité si Elementor ajoute un wrapper */
  .galerie-scroll > .e-con-inner .elementor-widget-image{
    flex: 0 0 40vw !important;
    max-width: 40vw !important;
  }

  /* Masquer scrollbar */
  .galerie-scroll::-webkit-scrollbar{ display:none; }
  .galerie-scroll{ scrollbar-width: none; }
}/* End custom CSS */