.elementor-8471 .elementor-element.elementor-element-2ffd333{--spacer-size:50px;}.elementor-8471 .elementor-element.elementor-element-2ffd333.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-8471 .elementor-element.elementor-element-f9b8e4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:30px;--margin-right:30px;}.elementor-8471 .elementor-element.elementor-element-4c769f46{--display:flex;}.elementor-8471 .elementor-element.elementor-element-4c7b8e9c.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-8471 .elementor-element.elementor-element-4c7b8e9c{text-align:center;}.elementor-8471 .elementor-element.elementor-element-19b204d4.xpro-widget-bg-overlay:before{transition:background 0.3s;}@media(max-width:767px){.elementor-8471 .elementor-element.elementor-element-f9b8e4{--width:100%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:-5px;}}@media(min-width:768px){.elementor-8471 .elementor-element.elementor-element-f9b8e4{--width:98%;}}/* Start custom CSS for html, class: .elementor-element-19b204d4 *//* =====================================================
   BSPORT WIDGET – FEUILLE DE STYLE COMPLETE ET NETTOYEE
   ===================================================== */

/* =====================================================
   1. PHOTO DU PROFESSEUR (RONDE ET BIEN PROPORTIONNEE)
   ===================================================== */
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left img {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}

/* =====================================================
   2. TYPOGRAPHIE ET INFORMATIONS DU COURS
   ===================================================== */
/* Nom du cours (ex: HOT PILATES FLOW) */
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left > div:first-child,
[id*="bsport-widget"] button.bs-offer-list-item strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #2D3748 !important;
}

/* Heure, Lieu, Professeur */
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left,
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left span,
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left p,
[id*="bsport-widget"] .bs-offer-list-item__content__offer__left div {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #4A5568 !important;
    text-transform: none !important;
}

/* =====================================================
   3. BOUTON RÉSERVER (FOND UNIQUE SANS DOUBLE EFFET HOVER)
   ===================================================== */
/* Seul conteneur avec la couleur de fond et la forme */
[id*="bsport-widget"] .bs-book-button-card,
[id*="bsport-widget"] div[class*="bs-book-button-card"],
[id*="bsport-widget"] .bs-book-button-card:hover,
[id*="bsport-widget"] div[class*="bs-book-button-card"]:hover {
    background-color: #bccac2 !important;
    background: #bccac2 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 18px !important;
    padding: 6px 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transition: none !important;
}

/* Neutralisation totale des fonds, ombres et bordures sur TOUS les enfants */
[id*="bsport-widget"] .bs-book-button-card *,
[id*="bsport-widget"] div[class*="bs-book-button-card"] *,
[id*="bsport-widget"] .bs-book-button-card *:hover,
[id*="bsport-widget"] div[class*="bs-book-button-card"] *:hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    transition: none !important;
}

/* Suppression des couches générées (pseudo-éléments avant/arrière) */
[id*="bsport-widget"] .bs-book-button-card::before,
[id*="bsport-widget"] .bs-book-button-card::after,
[id*="bsport-widget"] .bs-book-button-card:hover::before,
[id*="bsport-widget"] .bs-book-button-card:hover::after,
[id*="bsport-widget"] .bs-book-button-card *::before,
[id*="bsport-widget"] .bs-book-button-card *::after {
    display: none !important;
    content: none !important;
}

/* Texte « RÉSERVER » en blanc gras permanent */
[id*="bsport-widget"] .bs-book-button-card,
[id*="bsport-widget"] .bs-book-button-card *,
[id*="bsport-widget"] .bs-book-button-card:hover,
[id*="bsport-widget"] .bs-book-button-card:hover *,
[id*="bsport-widget"] .bs-book-button-card__inner__text,
[id*="bsport-widget"] [id*="book-button_inner_text"],
[id*="bsport-widget"] button:disabled *,
[id*="bsport-widget"] button[class*="isDisabled"] * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f9b8e4 *//* 1. Centrer le conteneur Elementor et limiter sa largeur */
.elementor-element-4c76b946,
div[data-id="4c76b946"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1140px !important; /* Largeur standard centrée */
    width: 100% !important;
}

/* 2. Centrer le widget BSport et toutes ses couches internes */
.elementor-element-4c76b946 .elementor-widget-html,
.elementor-element-4c76b946 [id*="bsport-widget"],
.elementor-element-4c76b946 .cleanSlate,
.elementor-element-4c76b946 .bs-calendar,
.elementor-element-4c76b946 .bs-week__listMode {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 1000px !important; /* Ajuste la largeur du tableau */
    box-sizing: border-box !important;
}

/* 3. Centrer la barre de sélection des jours et la barre de recherche */
.elementor-element-4c76b946 .bs-week__header,
.elementor-element-4c76b946 .bs-marketplace-filters_list,
.elementor-element-4c76b946 div[class*="filters_list"] {
    display: flex !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
}/* End custom CSS */