/* =========================================
   BELLAYA AQUA — CSS COMPLET
   ========================================= */

/* ---------- BOUTONS ---------- */

.btn,
.btn-primary,
#main-buttons .btn {
    border-radius: 30px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    transition: transform 0.2s ease,
                box-shadow 0.2s ease !important;
}

.btn:hover,
.btn-primary:hover,
#main-buttons .btn:hover {
    transform: translateY(-2px);
}


/* ---------- SERVICES ---------- */

#events .btn {
    border-radius: 30px !important;
    font-weight: 800 !important;
    min-height: 44px !important;
}

#events .event-item {
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.22) !important;
}

#events .price {
    font-size: 21px !important;
    font-weight: 800 !important;
}

#events .title {
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* ---------- CHAMPS ---------- */

input,
select,
textarea {
    border-radius: 10px !important;
}


/* =========================================
   ACCUEIL — 3 BLOCS PREMIUM
   Horaires / Bellaya Aqua / Contact
   ========================================= */

.page-content--index #schedule,
.page-content--index #about-us,
.page-content--index #contacts {
    background: rgba(20, 24, 28, 0.94) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 35px rgba(0,0,0,0.32) !important;
    color: #f4f4f4 !important;
}


/* Espace intérieur */

.page-content--index #schedule > .section-pd,
.page-content--index #about-us > .section-pd,
.page-content--index #contacts > .section-pd {
    padding: 28px !important;
}


/* ---------- TITRES ---------- */

.page-content--index #schedule .title,
.page-content--index #about-us .title,
.page-content--index #contacts .title,
.page-content--index #schedule h3,
.page-content--index #about-us h3,
.page-content--index #contacts h3 {
    color: #ffffff !important;
    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    margin-bottom: 18px !important;
}


/* ---------- TEXTES ---------- */

.page-content--index #schedule *,
.page-content--index #about-us .txt,
.page-content--index #about-us .txt *,
.page-content--index #contacts *,
.page-content--index #contacts a {
    color: #e8e8e8 !important;
}

.page-content--index #about-us .txt,
.page-content--index #contacts,
.page-content--index #schedule {
    font-family: "Open Sans", Arial, sans-serif !important;
    line-height: 1.65 !important;
}


/* Liens contact */

.page-content--index #contacts a {
    text-decoration: none !important;
}

.page-content--index #contacts a:hover {
    color: #00b8d9 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    #events .event-item {
        border-radius: 12px !important;
    }

    #events .btn {
        min-height: 46px !important;
    }

    #events .price {
        font-size: 20px !important;
    }

    .page-content--index #schedule,
    .page-content--index #about-us,
    .page-content--index #contacts {
        border-radius: 14px !important;
    }

    .page-content--index #schedule > .section-pd,
    .page-content--index #about-us > .section-pd,
    .page-content--index #contacts > .section-pd {
        padding: 20px !important;
    }

    .page-content--index #schedule .title,
    .page-content--index #about-us .title,
    .page-content--index #contacts .title {
        font-size: 20px !important;
    }
}
/* =========================================
   BELLAYA AQUA — FINITIONS LUXE ACCUEIL
   ========================================= */

:root {
    --bellaya-gold: #C9A46A;
    --bellaya-gold-light: #E4C99B;
    --bellaya-text: #F4F1EC;
    --bellaya-muted: #D8D2C8;
}


/* TITRES DES 3 BLOCS */
.page-content--index #schedule .title,
.page-content--index #about-us .title,
.page-content--index #contacts .title,
.page-content--index #schedule h3,
.page-content--index #about-us h3,
.page-content--index #contacts h3 {
    color: var(--bellaya-gold-light) !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
    font-size: 23px !important;
}


/* DESCRIPTION CENTRALE */
.page-content--index #about-us .txt,
.page-content--index #about-us .txt p,
.page-content--index #about-us .txt span {
    color: var(--bellaya-text) !important;
    font-family: "Georgia", "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    letter-spacing: 0.15px !important;
    font-weight: 400 !important;
}


/* HORAIRES */
.page-content--index #schedule,
.page-content--index #schedule *,
.page-content--index #schedule td,
.page-content--index #schedule span {
    color: var(--bellaya-muted) !important;
    font-family: "Open Sans", Arial, sans-serif !important;
}

.page-content--index #schedule .title,
.page-content--index #schedule h3 {
    color: var(--bellaya-gold-light) !important;
    font-family: "Georgia", "Times New Roman", serif !important;
}


/* CONTACT */
.page-content--index #contacts,
.page-content--index #contacts span,
.page-content--index #contacts p,
.page-content--index #contacts a {
    color: var(--bellaya-muted) !important;
    font-family: "Open Sans", Arial, sans-serif !important;
}

.page-content--index #contacts .title,
.page-content--index #contacts h3 {
    color: var(--bellaya-gold-light) !important;
    font-family: "Georgia", "Times New Roman", serif !important;
}


/* LIENS CONTACT AU SURVOL */
.page-content--index #contacts a:hover {
    color: var(--bellaya-gold-light) !important;
}


/* ICONE INSTAGRAM — COULEURS INSTAGRAM */
.page-content--index #contacts .fa-instagram,
.page-content--index #contacts [class*="instagram"],
.page-content--index #contacts a[href*="instagram"] i,
.page-content--index #contacts a[href*="instagram"] svg {
    color: #E1306C !important;
    fill: #E1306C !important;
}


/* Si l'icône Instagram est une police */
.page-content--index #contacts a[href*="instagram"] {
    color: #E1306C !important;
}


/* PETITE LIGNE LUXE SOUS LES TITRES */
.page-content--index #schedule .title::after,
.page-content--index #about-us .title::after,
.page-content--index #contacts .title::after,
.page-content--index #schedule h3::after,
.page-content--index #about-us h3::after,
.page-content--index #contacts h3::after {
    content: "";
    display: block;
    width: 42px;
    height: 2px;
    margin-top: 10px;
    background: linear-gradient(
        90deg,
        #9B7543,
        #E4C99B
    );
    border-radius: 10px;
}


/* MOBILE */
@media (max-width: 768px) {

    .page-content--index #about-us .txt,
    .page-content--index #about-us .txt p {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    .page-content--index #schedule .title,
    .page-content--index #about-us .title,
    .page-content--index #contacts .title {
        font-size: 21px !important;
    }
}
/* =========================================
   BELLAYA AQUA - INSTAGRAM FINAL
   ========================================= */

/* BOUTON INSTAGRAM */
.page-content--index #contacts a.btn.btn--action.ig {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: linear-gradient(
        135deg,
        #833AB4 0%,
        #C13584 25%,
        #E1306C 50%,
        #F77737 75%,
        #FCAF45 100%
    ) !important;

    border: none !important;
    border-radius: 12px !important;

    box-shadow: 0 5px 14px rgba(225, 48, 108, 0.30) !important;

    position: relative !important;
}


/* MASQUE COMPLÈTEMENT LE SVG SIMPLYBOOK */
.page-content--index #contacts
a.btn.btn--action.ig
.icon--instagram svg {
    display: none !important;
}


/* CONTENEUR DE NOTRE ICÔNE */
.page-content--index #contacts
a.btn.btn--action.ig
.icon--instagram {
    width: 23px !important;
    height: 23px !important;

    display: block !important;
    position: relative !important;

    background: transparent !important;
}


/* CONTOUR DU LOGO INSTAGRAM */
.page-content--index #contacts
a.btn.btn--action.ig
.icon--instagram::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    top: 0 !important;

    width: 23px !important;
    height: 23px !important;

    box-sizing: border-box !important;

    background: transparent !important;
    border: 2px solid #ffffff !important;
    border-radius: 7px !important;
}


/* CERCLE CENTRAL */
.page-content--index #contacts
a.btn.btn--action.ig
.icon--instagram::after {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    top: 50% !important;

    width: 9px !important;
    height: 9px !important;

    transform: translate(-50%, -50%) !important;

    box-sizing: border-box !important;

    background: transparent !important;
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
}


/* PETIT POINT EN HAUT À DROITE */
.page-content--index #contacts
a.btn.btn--action.ig::after {
    content: "" !important;

    position: absolute !important;

    width: 3px !important;
    height: 3px !important;

    background: #ffffff !important;
    border-radius: 50% !important;

    /* position à l'intérieur du pictogramme */
    top: 13px !important;
    right: 13px !important;

    z-index: 10 !important;
}


/* SURVOL */
.page-content--index #contacts a.btn.btn--action.ig:hover {
    transform: translateY(-2px) scale(1.04) !important;

    box-shadow:
        0 7px 18px rgba(225, 48, 108, 0.38) !important;
}
/* =========================================
   BELLAYA AQUA - HEADER NOIR
   ========================================= */

#header,
.header,
.header--top,
#header .container-fluid,
#header .header__content {
    background: #0f1115 !important;
    background-color: #0f1115 !important;
}

/* Supprime d'éventuels fonds blancs hérités */
#header::before,
#header::after,
.header::before,
.header::after,
.header__content::before,
.header__content::after {
    background: transparent !important;
}

/* Menu du haut */
#header a,
#header .menu-item,
#header .nav-link {
    color: #e8dfd2 !important;
}

/* Lien actif / survol */
#header a:hover,
#header .active > a {
    color: #e4c99b !important;
}
/* =========================================
   BELLAYA AQUA - BOUTON RÉSERVER PREMIUM
   Uniquement le bouton sur la grande photo
   ========================================= */

#main-buttons .btn.book {
    background: linear-gradient(135deg, #b88a44 0%, #e0bd78 50%, #9b6b2f 100%) !important;
    color: #ffffff !important;

    border: 1px solid rgba(255, 224, 166, 0.75) !important;
    border-radius: 50px !important;

    padding: 0 32px !important;
    min-height: 52px !important;

    font-weight: 700 !important;
    letter-spacing: 0.7px !important;

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.32),
        0 0 16px rgba(210, 166, 92, 0.18) !important;

    transition: all 0.25s ease !important;
}

#main-buttons .btn.book:hover {
    background: linear-gradient(135deg, #c99a50 0%, #efd08c 50%, #a97835 100%) !important;

    transform: translateY(-2px) scale(1.03) !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.38),
        0 0 22px rgba(220, 177, 100, 0.28) !important;
}

/* Icône ✓ du bouton */
#main-buttons .btn.book svg,
#main-buttons .btn.book i,
#main-buttons .btn.book .icon {
    color: #ffffff !important;
    fill: #ffffff !important;
}
/* =========================================
   BELLAYA AQUA - TITRE PRINCIPAL
   ========================================= */

#main-buttons h1.company-name.company-logo-and-name {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;

    color: #E4C27A !important;

    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.75),
        0 0 12px rgba(228, 194, 122, 0.25) !important;

    line-height: 1.15 !important;
}

/* MOBILE */
@media (max-width: 768px) {
    #main-buttons h1.company-name.company-logo-and-name {
        font-size: 29px !important;
        letter-spacing: 1px !important;
    }
}
/* =========================================
   BELLAYA AQUA - BARRE DES ETAPES
   ========================================= */

/* Fond général de la barre */
#sb-timeline,
#steps-nav {
    background: #14181d !important;
}

/* Chaque étape */
#steps-nav .step_info_item {
    background: #1b2026 !important;
    border-right: 1px solid rgba(228, 194, 122, 0.16) !important;
}

/* Texte */
#steps-nav .step_info_item .title-small {
    color: #d8d2c8 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
}

/* Étape active */
#steps-nav .step_info_item.active {
    background: linear-gradient(
        135deg,
        #9b6b2f 0%,
        #d8b56e 50%,
        #a4773d 100%
    ) !important;
}

/* Texte de l'étape active */
#steps-nav .step_info_item.active .title-small {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Fond mobile/dynamique de l'étape active */
#menu-active-bg {
    background: linear-gradient(
        135deg,
        #9b6b2f 0%,
        #d8b56e 50%,
        #a4773d 100%
    ) !important;
}

/* Liens des étapes */
#steps-nav .step_info_item a {
    color: inherit !important;
}

/* Petit effet au survol */
#steps-nav .step_info_item:hover {
    background: #242a31 !important;
}

#steps-nav .step_info_item.active:hover {
    background: linear-gradient(
        135deg,
        #a97835 0%,
        #e2c27e 50%,
        #ad7b3b 100%
    ) !important;
}

/* MOBILE */
@media (max-width: 768px) {
    #steps-nav .step_info_item .title-small {
        font-size: 14px !important;
    }
}
/* ===== TRIANGLE APRÈS CATÉGORIE ===== */

#steps-nav .step_info_item.active::after,
#steps-nav .step_info_item.active:after {
    border-left-color: #d8b56e !important;
    border-color: transparent transparent transparent #d8b56e !important;
}

#steps-nav .step_info_item.active::before,
#steps-nav .step_info_item.active:before {
    border-left-color: #d8b56e !important;
}
/* =========================================
   BELLAYA AQUA - CARTES CATEGORIES PREMIUM
   ========================================= */

/* Carte complète */
#sb_category_step_container .category-item .item__tab {
    background: #171b20 !important;
    border: 1px solid rgba(228, 194, 122, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}

/* Petit effet premium au survol */
#sb_category_step_container .category-item .item__tab:hover {
    transform: translateY(-3px) !important;

    border-color: rgba(228, 194, 122, 0.38) !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.36) !important;
}


/* Zone titre sous l'image */
#sb_category_step_container .category-item .item__content {
    background: #171b20 !important;
    padding: 18px 20px 10px !important;
    text-align: center !important;
}


/* Titre catégorie */
#sb_category_step_container .category-item .item__content .title,
#sb_category_step_container .category-item .item__content h4 {
    color: #E4C27A !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;

    letter-spacing: 0.35px !important;
    line-height: 1.25 !important;

    margin: 0 !important;
}


/* Zone du bouton */
#sb_category_step_container .category-item .item__footer {
    background: #171b20 !important;

    padding: 8px 20px 20px !important;

    text-align: center !important;
}


/* Bouton Sélectionner */
#sb_category_step_container .category-item .item__footer .btn.select {
    background: linear-gradient(
        135deg,
        #9B6B2F 0%,
        #D8B56E 50%,
        #A4773D 100%
    ) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 226, 171, 0.70) !important;
    border-radius: 30px !important;

    min-height: 46px !important;

    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    letter-spacing: 0.4px !important;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.25) !important;

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease !important;
}


/* Survol bouton */
#sb_category_step_container .category-item .item__footer .btn.select:hover {
    background: linear-gradient(
        135deg,
        #A97835 0%,
        #E4C27A 50%,
        #AD7B3B 100%
    ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.32) !important;
}


/* MOBILE */
@media (max-width: 768px) {

    #sb_category_step_container .category-item .item__tab {
        border-radius: 13px !important;
    }

    #sb_category_step_container .category-item .item__content {
        padding: 15px 16px 8px !important;
    }

    #sb_category_step_container .category-item .item__content .title,
    #sb_category_step_container .category-item .item__content h4 {
        font-size: 17px !important;
    }

    #sb_category_step_container .category-item .item__footer {
        padding: 8px 16px 16px !important;
    }

    #sb_category_step_container .category-item .item__footer .btn.select {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}
/* =========================================
   BELLAYA AQUA - SELECTEUR DE LANGUE
   ========================================= */

#sb_google_translate {
    margin: 14px 0 10px 18px !important;
}

#sb_google_translate select.goog-te-combo {
    background: #171b20 !important;
    color: #E4C27A !important;

    border: 1px solid rgba(228, 194, 122, 0.45) !important;
    border-radius: 14px !important;

    padding: 10px 38px 10px 15px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;

    min-height: 44px !important;

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.28) !important;

    outline: none !important;
    cursor: pointer !important;
}

/* Hover / focus */
#sb_google_translate select.goog-te-combo:hover,
#sb_google_translate select.goog-te-combo:focus {
    border-color: #E4C27A !important;

    box-shadow:
        0 7px 20px rgba(0, 0, 0, 0.34),
        0 0 10px rgba(228, 194, 122, 0.15) !important;
}

/* Texte "Fourni par Google Traduction" plus discret */
#sb_google_translate .goog-te-gadget {
    color: rgba(255, 255, 255, 0.55) !important;
    font-size: 11px !important;
}

/* Lien Google */
#sb_google_translate .goog-te-gadget a {
    color: #C9A46A !important;
}

/* MOBILE */
@media (max-width: 768px) {
    #sb_google_translate {
        margin-left: 10px !important;
    }

    #sb_google_translate select.goog-te-combo {
        font-size: 14px !important;
        min-height: 42px !important;
    }
}
/* =========================================
   BELLAYA AQUA - CARTES SERVICES PREMIUM
   ========================================= */

/* Carte complète */
#sb_service_step_container .service-item .item__tab {
    background: #171b20 !important;
    border: 1px solid rgba(228, 194, 122, 0.18) !important;
    border-radius: 16px !important;
    overflow: hidden !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28) !important;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}

#sb_service_step_container .service-item .item__tab:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(228, 194, 122, 0.38) !important;

    box-shadow:
        0 14px 34px rgba(0, 0, 0, 0.36) !important;
}


/* Zone texte */
#sb_service_step_container .service-item .item__content {
    background: #171b20 !important;
    padding: 18px 18px 12px !important;
}


/* Titre du service */
#sb_service_step_container .service-item .item__content .title,
#sb_service_step_container .service-item .item__content h4 {
    color: #E4C27A !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
    letter-spacing: 0.2px !important;

    margin-bottom: 10px !important;
}


/* Description */
#sb_service_step_container .service-item .item__description,
#sb_service_step_container .service-item .item__description.short,
#sb_service_step_container .service-item .item__description * {
    color: #DDD7CE !important;

    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}


/* Afficher plus */
#sb_service_step_container .service-item .item__description a {
    color: #C9A46A !important;
    font-weight: 600 !important;
}


/* Barre durée / prix */
#sb_service_step_container .service-item .item__info-bar {
    background: #14181d !important;
    border-top: 1px solid rgba(228, 194, 122, 0.12) !important;

    color: #E8E2D9 !important;
}

#sb_service_step_container .service-item .item__info-bar *,
#sb_service_step_container .service-item .bar-service * {
    color: #E8E2D9 !important;
}


/* Prix plus visible */
#sb_service_step_container .service-item .price {
    color: #E4C27A !important;
    font-size: 19px !important;
    font-weight: 800 !important;
}


/* Footer */
#sb_service_step_container .service-item .item__footer {
    background: #171b20 !important;
    padding: 10px 16px 16px !important;
}


/* Sélecteur du nombre de personnes */
#sb_service_step_container .service-item .sb_group_booking_count,
#sb_service_step_container .service-item .sb_group_booking_count * {
    color: #E8E2D9 !important;
}


/* Bouton Sélectionner */
#sb_service_step_container .service-item .item__footer .btn.select {
    background: linear-gradient(
        135deg,
        #9B6B2F 0%,
        #D8B56E 50%,
        #A4773D 100%
    ) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 226, 171, 0.70) !important;
    border-radius: 30px !important;

    min-height: 46px !important;

    font-family: "Open Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    letter-spacing: 0.4px !important;

    box-shadow:
        0 5px 15px rgba(0, 0, 0, 0.25) !important;
}

#sb_service_step_container .service-item .item__footer .btn.select:hover {
    background: linear-gradient(
        135deg,
        #A97835 0%,
        #E4C27A 50%,
        #AD7B3B 100%
    ) !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 8px 20px rgba(0, 0, 0, 0.32) !important;
}


/* MOBILE */
@media (max-width: 768px) {

    #sb_service_step_container .service-item .item__tab {
        border-radius: 13px !important;
    }

    #sb_service_step_container .service-item .item__content {
        padding: 15px 15px 10px !important;
    }

    #sb_service_step_container .service-item .item__content .title,
    #sb_service_step_container .service-item .item__content h4 {
        font-size: 16px !important;
    }

    #sb_service_step_container .service-item .item__description,
    #sb_service_step_container .service-item .item__description.short {
        font-size: 12px !important;
    }

    #sb_service_step_container .service-item .item__footer .btn.select {
        min-height: 44px !important;
        font-size: 14px !important;
    }
}
/* =========================================
   BELLAYA AQUA - PAGE CALENDRIER
   ========================================= */


/* =========================================
   SUPPRIMER COMPLETEMENT "MR BELLAYA"
   + ICONE FEMME + RECTANGLE
   ========================================= */

#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.provider-item {
    display: none !important;
}


/* =========================================
   CARTE PRESTATION A GAUCHE
   ========================================= */

#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__tab {
    background: #171b20 !important;

    border: 1px solid rgba(228, 194, 122, 0.22) !important;
    border-radius: 15px !important;

    overflow: hidden !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.28) !important;
}


/* Zone blanche sous l'image */
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__content {
    background: #171b20 !important;

    padding: 18px 18px 12px !important;

    color: #e8e2d9 !important;
}


/* Titre de la prestation */
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__content .title,
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__content h4 {
    color: #E4C27A !important;

    font-family: Georgia, "Times New Roman", serif !important;

    font-size: 17px !important;
    font-weight: 700 !important;

    line-height: 1.3 !important;
    letter-spacing: 0.2px !important;

    margin-bottom: 10px !important;
}


/* Description */
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__description,
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__description * {
    color: #DDD7CE !important;

    font-family: "Open Sans", Arial, sans-serif !important;

    font-size: 13px !important;
    line-height: 1.55 !important;
}


/* "Afficher plus" */
#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__description a {
    color: #C9A46A !important;
    font-weight: 700 !important;
}


/* =========================================
   BARRE DUREE / INFOS SOUS LA DESCRIPTION
   ========================================= */

#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__info-bar {
    background: #12161a !important;

    border-top: 1px solid rgba(228, 194, 122, 0.15) !important;

    color: #E8E2D9 !important;
}

#sb_datetime_step_container
#sb_sidebar_container
.timeline-sidebar
.service-item
.item__info-bar * {
    color: #E8E2D9 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 768px) {

    #sb_datetime_step_container
    #sb_sidebar_container
    .timeline-sidebar
    .service-item
    .item__content {
        padding: 15px 15px 10px !important;
    }

    #sb_datetime_step_container
    #sb_sidebar_container
    .timeline-sidebar
    .service-item
    .item__content .title {
        font-size: 16px !important;
    }
}
/* =========================================
   BOUTON FINAL "RÉSERVER"
   ========================================= */

#sb_book_btn {
    background: linear-gradient(
        135deg,
        #D6B46A 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    color: #17191d !important;

    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    padding: 13px 35px !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.22),
        0 0 12px rgba(228, 194, 122, 0.15) !important;

    transition: all 0.2s ease !important;
}


/* Au passage de la souris */
#sb_book_btn:hover {
    background: #17191d !important;
    color: #E4C27A !important;
    border-color: #E4C27A !important;

    transform: translateY(-1px);
}
/* =========================================
   BOUTON "RÉSERVER AUTRES"
   ========================================= */

.sb_book_again {
    background: linear-gradient(
        135deg,
        #D6B46A 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    color: #17191d !important;

    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    padding: 12px 25px !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,0.22),
        0 0 12px rgba(228,194,122,0.15) !important;

    transition: all 0.2s ease !important;
}

.sb_book_again,
.sb_book_again .txt,
.sb_book_again:before,
.sb_book_again:after {
    color: #17191d !important;
}

.sb_book_again:hover {
    background: #17191d !important;
    color: #E4C27A !important;
    border-color: #E4C27A !important;
}

.sb_book_again:hover .txt,
.sb_book_again:hover:before,
.sb_book_again:hover:after {
    color: #E4C27A !important;
}
/* MESSAGE RÉSERVATION ABONNÉ */
#sb_service_step_container::before {
    content: "PAS ENCORE ABONNÉ ?\A Prenez votre abonnement 4 séances / mois à 65 € depuis le menu ☰ → Abonnement, puis revenez ici pour réserver votre séance.";
    white-space: pre-line;

    display: block;
    max-width: 850px;
    margin: 0 auto 28px auto;
    padding: 18px 25px;

    background: #17191d;
    border: 1px solid #E4C27A;
    border-radius: 12px;

    color: #E4C27A;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
    line-height: 1.6;
    text-align: center;

    box-shadow: 0 6px 20px rgba(0,0,0,.25);
}
/* TITRE PAGE COUPLES */
span[data-start="207"][data-end="262"] {
    color: #E4C27A !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: .3px !important;
}
/* PAGE COUPLES — TEXTE */
span[style*="font-size: 24px"][style*="color: rgb(0, 255, 255)"] {
    color: #E4C27A !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: .2px !important;
}
/* MENU DÉROULANT "PLUS" — LIENS */
.popup-hide.header__navigation-link {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: .3px !important;
    opacity: 1 !important;
}

/* SURVOL */
.popup-hide.header__navigation-link:hover {
    color: #FFFFFF !important;
    opacity: 1 !important;
}
/* BOUTON ACHAT ABONNEMENT 65 € */
.btn--membership {
    background: linear-gradient(
        135deg,
        #D6B46A 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    color: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    padding: 13px 30px !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.25),
        0 0 12px rgba(228,194,122,.15) !important;

    transition: all .2s ease !important;
}

/* SURVOL */
.btn--membership:hover {
    background: #17191d !important;
    color: #E4C27A !important;
    border-color: #E4C27A !important;
    transform: translateY(-1px);
}
/* ABONNEMENT — SUPPRIMER LE LOGO PAR DÉFAUT */
.btn--membership {
    /* ton CSS bouton actuel reste ici */
}

/* BANDEAU DORÉ ABONNEMENT */
.item__picture--default:has(svg[src="membership.svg"]) {
    display: flex !important;
    height: 58px !important;
    min-height: 58px !important;

    align-items: center !important;
    justify-content: center !important;

    background: linear-gradient(
        135deg,
        #C79A45 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    border-radius: 14px 14px 0 0 !important;
}

/* ENLÈVE L'ANCIEN LOGO */
.item__picture--default:has(svg[src="membership.svg"]) .default {
    display: none !important;
}

/* TEXTE DU BANDEAU */
.item__picture--default:has(svg[src="membership.svg"])::after {
    content: "ABONNEMENT";
    color: #17191d !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
}
}
/* CARTE ABONNEMENT — CONTENU */
.item__content {
    background: #17191d !important;
    color: #F3E7C2 !important;
    border-left: 1px solid #E4C27A !important;
    border-right: 1px solid #E4C27A !important;
    padding: 22px !important;
}

/* TITRE */
.item__content .title {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

/* DESCRIPTION */
.item__content .item__description,
.item__content .item__description p {
    color: #F3E7C2 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    line-height: 1.65 !important;
}

/* AFFICHER PLUS */
.item__content .item__read-more {
    color: #E4C27A !important;
    background: transparent !important;
    border: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

/* SERVICES RATTACHÉS */
.item__connected-services,
.membership-service__list-item {
    background: #1d2025 !important;
    color: #F3E7C2 !important;
    border-color: rgba(228,194,122,.25) !important;
}

.membership-service__list-header {
    color: #E4C27A !important;
}

/* BARRE 1 MOIS / 4 SÉANCES / RENOUVELLEMENT */
.item__info-bar {
    background: #1d2025 !important;
    border-left: 1px solid #E4C27A !important;
    border-right: 1px solid #E4C27A !important;
    border-top: 1px solid rgba(228,194,122,.25) !important;
    border-bottom: 1px solid rgba(228,194,122,.25) !important;
}

.item__info-bar,
.item__info-bar .info-bar--item,
.item__info-bar .date,
.item__info-bar .session-remind,
.item__info-bar .item__renewal-prise,
.item__info-bar .txt,
.item__info-bar i {
    color: #E4C27A !important;
}

/* BAS DE CARTE */
.item__footer.item__footer--v2 {
    background: #17191d !important;
    color: #E4C27A !important;
    border-left: 1px solid #E4C27A !important;
    border-right: 1px solid #E4C27A !important;
    border-bottom: 1px solid #E4C27A !important;
    border-radius: 0 0 14px 14px !important;
    padding: 18px 22px !important;
}

/* DÉMARRE LE + DATE */
.item__footer .start-date-btn,
.item__footer .sb_start_date {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

/* BOUTON ABONNEMENT */
.btn--membership {
    background: linear-gradient(135deg,#D6B46A 0%,#F0D48D 50%,#C79A45 100%) !important;
    color: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}
/* SUPPRIMER LA BANDE BLANCHE ENTRE INFOS ET FOOTER */
.item__info-bar {
    margin-bottom: 0 !important;
}

.item__footer.item__footer--v2 {
    margin-top: 0 !important;
    border-top: 0 !important;
    position: relative;
    top: -1px;
}

/* COUVRE LE PETIT ESPACE RÉSIDUEL DU THÈME */
.item__footer.item__footer--v2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;
    height: 18px;
    background: #17191d;
}
/* TRADUCTION BOUTON ABONNEMENT */
.btn--membership {
    font-size: 0 !important;
}

.btn--membership::before {
    content: "S’abonner – 65,00 €";
    font-size: 17px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    color: #17191d !important;
}

.btn--membership:hover::before {
    color: #E4C27A !important;
}
/* "Attached service(s)" → "Service inclus" */
.membership-service__list-header .membership-service__caption {
    font-size: 0 !important;
}

.membership-service__list-header .membership-service__caption::after {
    content: "Service inclus";
    font-size: 16px !important;
    color: #E4C27A !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}
/* ===== CARTE ABONNEMENT — RÉAJUSTEMENT FINAL ===== */

/* SUPPRIME TOTALEMENT LA ZONE IMAGE / JAUNE DU HAUT */
.item__picture--default:has(svg[src="membership.svg"]),
.item__picture-wrapper:has(svg[src="membership.svg"]) {
    display: none !important;
}

/* CONTENU PRINCIPAL */
.item__content {
    background: #17191d !important;
    color: #F3E7C2 !important;
    border: 1px solid #E4C27A !important;
    border-bottom: 0 !important;
    padding: 22px 24px !important;
}

/* TITRE */
.item__content .title {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* DESCRIPTION */
.item__content .item__description,
.item__content .item__description p {
    color: #F3E7C2 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
}

/* AFFICHER PLUS */
.item__content .item__read-more {
    color: #E4C27A !important;
    background: transparent !important;
    border: 0 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

/* SERVICE INCLUS */
.item__connected-services,
.membership-service__list-item {
    background: #20242a !important;
    color: #F3E7C2 !important;
    border-color: rgba(228,194,122,.35) !important;
}

.membership-service__list-header {
    color: #E4C27A !important;
}

/* BARRE INFOS */
.item__info-bar {
    background: #1d2025 !important;
    border: 1px solid #E4C27A !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin: 0 !important;
    padding: 10px 14px !important;
}

/* SUPPRIME TOUT ESPACE / BANDE BLANCHE */
.item__info-bar::before,
.item__info-bar::after {
    display: none !important;
}

.item__info-bar,
.item__info-bar .info-bar--item,
.item__info-bar .date,
.item__info-bar .session-remind,
.item__info-bar .item__renewal-prise,
.item__info-bar .txt,
.item__info-bar i {
    color: #E4C27A !important;
}

/* FOOTER */
.item__footer.item__footer--v2 {
    background: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-top: 0 !important;
    border-radius: 0 0 14px 14px !important;
    margin: 0 !important;
    padding: 22px 20px !important;
    top: 0 !important;
}

/* ON SUPPRIME L'ANCIEN PSEUDO-ÉLÉMENT QUI CRÉAIT LE RACCORD */
.item__footer.item__footer--v2::before {
    display: none !important;
    content: none !important;
}

/* DATE */
.item__footer .start-date-btn,
.item__footer .sb_start_date {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

/* BOUTON */
.btn--membership {
    background: linear-gradient(135deg,#D6B46A 0%,#F0D48D 50%,#C79A45 100%) !important;
    color: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    padding: 13px 28px !important;
}

/* TRADUCTION SERVICE INCLUS */
.membership-service__list-header .membership-service__caption {
    font-size: 0 !important;
}

.membership-service__list-header .membership-service__caption::after {
    content: "Service inclus";
    font-size: 16px !important;
    color: #E4C27A !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
}

/* TRADUCTION BOUTON */
.btn--membership {
    font-size: 0 !important;
}

.btn--membership::before {
    content: "S’abonner – 65,00 €";
    font-size: 17px !important;
    color: #17191d !important;
}
/* BANDEAU DORÉ EN HAUT DE LA CARTE ABONNEMENT */
.item__content::before {
    content: "ABONNEMENT";
    display: flex !important;
    align-items: center;
    justify-content: center;

    height: 75px;
    margin: -22px -24px 22px -24px;

    background: linear-gradient(
        135deg,
        #C79A45 0%,
        #F0D48D 50%,
        #D6B46A 100%
    );

    color: #17191d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 2px;

    border-radius: 12px 12px 0 0;
}
/* ALERTE "AUCUN ABONNEMENT EN COURS" */
.alert.alert-info {
    background: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 10px !important;

    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;

    padding: 15px 20px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.20) !important;
}

/* LIENS ÉVENTUELS DANS L'ALERTE */
.alert.alert-info a {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
/* BOUTON "AJOUTER UN COMMENTAIRE" */
#sb_submit_review {
    background: linear-gradient(
        135deg,
        #D6B46A 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    color: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    padding: 12px 26px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.22) !important;
    transition: all .2s ease !important;
}

/* SURVOL */
#sb_submit_review:hover {
    background: #17191d !important;
    color: #E4C27A !important;
    border-color: #E4C27A !important;
    transform: translateY(-1px);
}
/* ===== PACKAGE — BAS DE CARTE ===== */

/* FOOTER / BAS DE L'ENCADRÉ */
.item__footer {
    background: #17191d !important;
    color: #E4C27A !important;

    border-left: 1px solid #E4C27A !important;
    border-right: 1px solid #E4C27A !important;
    border-bottom: 1px solid #E4C27A !important;

    padding: 18px 22px !important;
}

/* "Démarre le" + DATE */
.item__footer .start-date-btn,
.item__footer .sb_start_date {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 600 !important;
}

/* BOUTON PRIX PACKAGE */
.item__footer a.btn.select[href*="#package/buy/"] {
    background: linear-gradient(
        135deg,
        #D6B46A 0%,
        #F0D48D 50%,
        #C79A45 100%
    ) !important;

    color: #17191d !important;
    border: 1px solid #E4C27A !important;
    border-radius: 30px !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;

    padding: 12px 28px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.22) !important;
    transition: all .2s ease !important;
}

/* SURVOL */
.item__footer a.btn.select[href*="#package/buy/"]:hover {
    background: #17191d !important;
    color: #E4C27A !important;
    border-color: #E4C27A !important;
    transform: translateY(-1px);
}
/* ==========================================
   CORRECTION BANDEAU "ABONNEMENT"
   À LAISSER TOUT EN BAS DU CSS
   ========================================== */

/* 1. INTERDIT LE BANDEAU SUR TOUTES LES CARTES NORMALES */
#sb_service_step_container .item__content::before {
    content: none !important;
    display: none !important;
}

/* 2. BANDEAU UNIQUEMENT SUR LA CARTE D'ACHAT D'ABONNEMENT */
.item:has(a.btn--membership) .item__content::before {
    content: "ABONNEMENT" !important;
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    height: 75px !important;

    margin: -22px -24px 22px -24px !important;
    padding: 0 !important;

    background: linear-gradient(
        135deg,
        #C79A45 0%,
        #F0D48D 50%,
        #D6B46A 100%
    ) !important;

    color: #17191d !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
    text-align: center !important;

    border-radius: 12px 12px 0 0 !important;
}
/* =========================================
   CORRECTION CARTE CATÉGORIES
   ENLÈVE "ABONNEMENT" DES 3 CARTES
   ========================================= */

#sb_category_step_container .item__content::before,
#sb_category_step_container .category-item .item__content::before {
    content: "" !important;
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
}
/* =========================================
   ENLÈVE LE FAUX BANDEAU "ABONNEMENT"
   CATÉGORIES + PACKAGES
   ========================================= */

/* CATÉGORIES */
#sb_category_step_container .item__content::before,
#sb_category_step_container .category-item .item__content::before,

/* PACKAGES */
.package-item .item__content::before,
.item.package-item .item__content::before {
    content: none !important;
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
}

/* GARDE "ABONNEMENT" UNIQUEMENT SUR LA VRAIE CARTE ABONNEMENT */
.item:has(.btn--membership) .item__content::before {
    content: "ABONNEMENT" !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 75px !important;
    margin: -22px -24px 22px -24px !important;
    padding: 0 !important;

    background: linear-gradient(
        135deg,
        #C79A45 0%,
        #F0D48D 50%,
        #D6B46A 100%
    ) !important;

    color: #17191d !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 2px !important;
}
/* ==========================================
   ACCUEIL — BLOC CENTRAL BELLAYA AQUA
   ========================================== */

/* CARTE CENTRALE */
.section-pd {
    background: linear-gradient(
        180deg,
        rgba(31,38,47,.98) 0%,
        rgba(23,25,29,.98) 100%
    ) !important;

    border: 1px solid rgba(228,194,122,.55) !important;
    border-radius: 16px !important;
    padding: 28px 30px !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.03) !important;
}

/* TITRE BELLAYA AQUA */
.section-pd > .title.title--h3 {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    text-transform: none !important;
    margin-bottom: 18px !important;
}

/* PETIT TRAIT DORÉ SOUS LE TITRE */
.section-pd > .title.title--h3::after {
    content: "";
    display: block;
    width: 48px;
    height: 2px;
    margin-top: 10px;

    background: linear-gradient(
        90deg,
        #C79A45,
        #F0D48D
    );

    border-radius: 10px;
}

/* TEXTE GLOBAL */
.section-pd .txt,
.section-pd .txt p,
.section-pd .txt span {
    color: #F3E7C2 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* SOUS-TITRE RÉCUPÉRATION • PERFORMANCE • BIEN-ÊTRE */
.section-pd .txt p:first-of-type span {
    color: #F0D48D !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: .6px !important;
}

/* ESPACEMENT ENTRE PARAGRAPHES */
.section-pd .txt p {
    margin-bottom: 14px !important;
}

/* MOTS EN GRAS */
.section-pd .txt b {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}
/* ================================
   PAGE COUPLES — CORRECTION FINALE
   ================================ */

/* TITRE "Couples" */
#content-view h2.title.title--h2 {
    color: #F0D48D !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    letter-spacing: .5px !important;
    opacity: 1 !important;
    margin-bottom: 20px !important;
}

/* petit trait doré sous le titre */
#content-view h2.title.title--h2::after {
    content: "";
    display: block;
    width: 52px;
    height: 2px;
    margin-top: 9px;
    background: linear-gradient(90deg,#C79A45,#F0D48D);
    border-radius: 10px;
}

/* TOUS LES SPAN EN 24px DE LA PAGE COUPLES */
#content-view span[style*="font-size: 24px"] {
    color: #F3E7C2 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 18px !important;
    line-height: 1.7 !important;
    opacity: 1 !important;
}

/* phrase principale */
#content-view span[data-start="207"][data-end="262"] {
    color: #F0D48D !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* liens éventuels */
#content-view a {
    color: #E4C27A !important;
}

#content-view a:hover {
    color: #FFFFFF !important;
}
/* BOUTON SÉANCE DÉCOUVERTE */
#sb_content #about-us a[href*="/service/14/"] {
    display: inline-block !important;
    background: linear-gradient(135deg, #c9a35b, #e8cf92) !important;
    color: #111820 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    letter-spacing: 0.5px !important;

    padding: 11px 20px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;

    border-radius: 25px !important;
    border: 1px solid #e8cf92 !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;

    transition: all 0.25s ease !important;
}

/* SURVOL */
#sb_content #about-us a[href*="/service/14/"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.35) !important;
    filter: brightness(1.08);
}
