.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1930 .elementor-element.elementor-element-df14d3{font-family:"Outfit", Sans-serif;font-weight:100;text-transform:uppercase;}.elementor-1930 .elementor-element.elementor-element-5b5e5300{text-align:left;font-family:"Red Hat Display", Sans-serif;font-size:12px;font-weight:400;letter-spacing:3px;color:#7A7A7A;width:100%;max-width:100%;}:root{--page-title-display:none;}body.elementor-page-1930:not(.elementor-motion-effects-element-type-background), body.elementor-page-1930 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F0ED;}/* Start custom CSS for html, class: .elementor-element-721fc07a */.scroll-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 20px 0;
  scrollbar-width: none; /* masque la barre sur Firefox */
}

.scroll-gallery::-webkit-scrollbar {
  display: none; /* masque la barre sur Chrome/Safari */
}

.scroll-gallery img {
  flex: 0 0 auto;
  width: 400px;
  height: auto;
  
  object-fit: cover;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
}


}
.scroll-gallery-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.scroll-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 20px 0;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.scroll-gallery::-webkit-scrollbar {
  display: none;
}

.scroll-gallery img {
  flex: 0 0 auto;
  width: 400px;
  height: auto;

  object-fit: cover;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
}

.scroll-gallery img:hover {
  transform: scale(1.05);
}

.scroll-gallery-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.scroll-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 20px 0;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.scroll-gallery::-webkit-scrollbar {
  display: none;
}

.scroll-gallery img {
  flex: 0 0 auto;
  width: 400px;
  height: auto;

  object-fit: cover;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
}

.scroll-gallery img:hover {
  transform: scale(1.05);
}

/* --- Flèches sans fond --- */
.scroll-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;       /* pas de fond */
  border: none;           /* pas de bordure */
  font-size: 2rem;      /* taille de la flèche */
  color: rgba(255, 255, 255, .5); /* couleur de la flèche */
  cursor: pointer;
  transition: color 0.2s ease, transform 0.2s ease;
  z-index: 10;
}

.scroll-btn:hover {
  color: rgba(0, 0, 0, 0.8); /* plus foncé au survol */
  transform: translateY(-50%) scale(1.1);
}

.scroll-btn.left {
  left: 10px;
}

.scroll-btn.right {
  right: 10px;
}
.scroll-gallery {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  gap: 20px;
  padding: 20px 0;
  scrollbar-width: none;
  cursor: grab;
  scroll-behavior: smooth;
}

.scroll-gallery::-webkit-scrollbar {
  display: none;
}

.scroll-gallery img {
  flex: 0 0 auto;
  width: 400px;
  height: auto;
  border-radius: 0px;
  object-fit: cover;
  scroll-snap-align: start;
  transition: transform 0.3s ease;
  user-select: none; /* empêche la sélection pendant le drag */
  pointer-events: none; /* évite les clics involontaires */
}

.scroll-gallery.active {
  cursor: grabbing;
}

.scroll-gallery img:hover {
  transform: scale(1.05);
}
.scroll-gallery {
  scroll-behavior: auto; /* évite conflit contenu dynamique */
  cursor: grab;
  user-select: none;
  -webkit-overflow-scrolling: touch;
}
.scroll-gallery:active {
  cursor: grabbing;
}/* End custom CSS */