/* CAROUSEL */
.wp-block-cb-carousel-v2 .cb-wrapper.swiper-wrapper {
    transition-timing-function: linear !important;
    transition-duration: 15000ms !important;
}

.wp-block-cb-carousel-v2 .cb-wrapper.swiper-wrapper[style*="transition-duration: 0ms"],
.wp-block-cb-carousel-v2 .cb-wrapper.swiper-wrapper[style*="transition-duration: 0s"] {
    transition-duration: 0ms !important;
}

/* 1. On supprime les marges et paddings internes du bloc principal */
.wp-block-cb-carousel-v2, 
.wp-block-cb-carousel-v2 .swiper-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: auto !important; /* Permet au bloc de s'adapter à la taille de son contenu */
}
/* CAROUSEL */

/* CAROUSEL LOGO */
/* 1. On cible le conteneur principal du carrousel */
.carousel-logo {
    display: flex !important;
    align-items: center !important; /* Centre les logos verticalement entre eux */
    height: auto !important;       /* Permet au carrousel de s'adapter à l'image la plus haute */
}

/* 2. On cible chaque diapositive (enfant direct) */
.carousel-logo .slick-slide, 
.carousel-logo .owl-item, 
.carousel-logo div {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 3. On règle le comportement des images (logos) */
.carousel-logo img {
    max-height: 80px !important;    /* Ajustez cette hauteur selon vos besoins */
    width: auto !important;         /* Garde les proportions d'origine */
    max-width: 100% !important;     /* Évite que le logo ne dépasse de sa case */
    object-fit: contain !important; /* Garantit que l'image n'est pas écrasée */
    margin: 0 auto !important;
}
/* CAROUSEL LOGO */


/* CAROUSEL 2 */

.wp-block-gslider-blocks-image-slider .swiper-wrapper {
    transition-timing-function: linear !important;
}
/* 1. On définit la hauteur fixe du bandeau */
.wp-block-gslider-blocks-image-slider .swiper-wrapper {
    height: 350px !important; /* Ajustez la hauteur souhaitée ici pour le bandeau complet */
    display: flex !important;
    align-items: center !important; /* Aligne les images verticalement */
}

/* 2. On dit aux colonnes Swiper de s'adapter à la largeur de l'image */
.wp-block-gslider-blocks-image-slider .swiper-slide {
    width: auto !important; 
    height: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* 3. LE RÉGLAGE CLÉ POUR LE RATIO ET L'EFFET CADRE */
.wp-block-gslider-blocks-image-slider .swiper-slide img {
    height: calc(100% - 20px) !important; /* Crée l'espace pour le cadre blanc (ici 10px de chaque côté) */
    width: auto !important; /* L'image définit la largeur de sa colonne */
    max-width: none !important; /* Empêche l'image de se rétrécir pour rentrer dans l'écran */
    
    /* On force l'image à se contenir entièrement sans se couper */
    object-fit: contain !important;
    
    /* EFFET CADRE BLANC (comme sur votre exemple image 12) */
    box-sizing: border-box !important;
    background: white !important;
    border: 5px solid white !important; /* Bordure blanche autour de l'image */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; /* Petite ombre portée pour le relief */
}

/* CAROUSEL 2 */