.elementor-11644 .elementor-element.elementor-element-1b2f533 > .elementor-container{max-width:410px;}.elementor-11644 .elementor-element.elementor-element-1b2f533{overflow:hidden;}.elementor-11644 .elementor-element.elementor-element-1b2f533, .elementor-11644 .elementor-element.elementor-element-1b2f533 > .elementor-background-overlay{border-radius:24px 24px 24px 24px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11644 .elementor-element.elementor-element-0fa39a4 > .elementor-widget-container{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-11644 .elementor-element.elementor-element-0fa39a4 img{opacity:1;border-radius:0px 0px 0px 0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11644 .elementor-element.elementor-element-d2c514f .elementor-button{background-color:#02010100;fill:var( --e-global-color-19a5c641 );color:var( --e-global-color-19a5c641 );}.elementor-11644 .elementor-element.elementor-element-d2c514f.bdt-background-overlay-yes:before{transition:background 0.3s;}.elementor-11644 .elementor-element.elementor-element-d2c514f .elementor-button:hover, .elementor-11644 .elementor-element.elementor-element-d2c514f .elementor-button:focus{color:var( --e-global-color-19a5c641 );}.elementor-11644 .elementor-element.elementor-element-d2c514f .elementor-button:hover svg, .elementor-11644 .elementor-element.elementor-element-d2c514f .elementor-button:focus svg{fill:var( --e-global-color-19a5c641 );}@media(min-width:768px){.elementor-11644 .elementor-element.elementor-element-5103c38{width:100%;}}/* Start custom CSS for column, class: .elementor-element-5103c38 *//* === Carte UBA : image full cover, overlay sombre au hover, bouton révélé === */

/* Colonne */
.uba-hover-box{
    height: 540px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;            /* masque le débordement lors du zoom */
  isolation: isolate;          /* isole le ::after au bon z-index */
  /* Option de taille : choisis l'un des deux */
  /* min-height: 340px; */     /* fixe une hauteur mini */
  /* aspect-ratio: 4 / 5; */   /* ou ratio visuel cohérent si supporté */
}

/* Image */
.uba-hover-box .uba-image{
  position: absolute;
  inset: 0;                    /* top/right/bottom/left: 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;           /* couvre entièrement la colonne */
  display: block;
  transition: transform .5s ease, filter .5s ease;
  will-change: transform;
  z-index: 0;
}

/* Overlay pour assombrir au survol */
.uba-hover-box::after{
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0);   /* transparent par défaut */
  transition: background .35s ease;
  z-index: 1;
}

/* Bouton (caché de base) */
.uba-hidden-button{
    color: white;
}
.uba-hover-box .uba-hidden-button{
  position: absolute;
  left: 50%;
  bottom: 36px;
  transform: translate(-50%, 10px);
  opacity: 0;
  transition: opacity .35s ease, transform .35s ease;
  z-index: 2;                  /* au-dessus de l’overlay */
  pointer-events: none;        /* évite le focus lorsqu’invisible */
}

/* Effets au survol de la colonne */
.uba-hover-box:hover .uba-image{
  transform: scale(1.06);      /* léger zoom */
}

.uba-hover-box:hover::after{
  background: rgba(0,0,0,.25); /* assombrissement léger */
}

.uba-hover-box:hover .uba-hidden-button{
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;        /* activable une fois visible */
}

/* Bonus : si ton bouton est un widget Elementor, tu peux lisser la largeur */
.uba-hover-box .uba-hidden-button .elementor-button{
  border-radius: 999px;        /* pill button (optionnel) */
}
.uba-hidden-button{
    display: none;
}/* End custom CSS */