/* Masquer la section #sb_booking_company_time */
div#sb_booking_company_time {
    display: none;
}

/* Style global de la police */
body, h1, h2, h3, h4, h5, h6, p, a, span, div {
    font-family: 'Source Sans Pro', sans-serif !important;
    font-size: 14px !important;
    color: #333;
}

/* Titres et textes */
#events h3,
#eventForm #start_date-block-container h3,
#eventForm #timeline-container h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #333;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

#events p.duration, 
#events div.duration,
#events p.description, 
#events div.description {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #666;
}

/* Style des liens */
a {
    color: #ED8536 !important;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Style des boutons */
button, .btn, 
#events input.reserve_time_btn, 
#events input.select_another_btn, 
#eventForm #save_button,
#sb_next_month, 
#sb_prev_month,
#sb_time_slots_weekly_container > div:nth-child(4) > div.time-container > div > div.time-slot.end_time-on.free > a {
    background-color: #ED8536 !important;
    color: #fff !important;
    border-radius: 4px !important;
    border: none !important;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

button:hover, .btn:hover, 
#events input.reserve_time_btn:hover, 
#events input.select_another_btn:hover, 
#eventForm #save_button:hover,
#sb_next_month:hover, 
#sb_prev_month:hover,
#sb_time_slots_weekly_container > div:nth-child(4) > div.time-container > div > div.time-slot.end_time-on.free > a:hover {
    background-color: #e5733c !important;
}

/* Suppression des bordures et ajout de coins arrondis */
div, .ui-widget-content, .ui-widget-header, 
#timeline-container table.timeline, 
.timeline td.not_worked_time, 
.timeline td.free_time, 
.timeline td.selected_time, 
.timeline td.reserved_time,
#widget_container,
#widget_container #widget_header,
#widget_container #widget_footer,
#sb_timeview_container {
    border-radius: 4px !important;
    border: none !important;
    box-shadow: none !important;
}

/* Appliquer les ombres uniquement aux éléments avec la classe .row */
.row {
    box-shadow: 4px 4px 8px #e0e0e0, -4px -4px 8px #ffffff;
}

/* Boutons du header sans bordures orange */
#widget_container #widget_header button, 
#widget_container #widget_header .btn {
    border: none !important;
}

/* Style des éléments sélectionnés */
#events .selectedEvent,
.datetime-step#sb_datetime_step_container {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px !important;
    box-shadow: 4px 4px 8px #e0e0e0, -4px -4px 8px #ffffff;
}

/* Arrière-plan en dégradé pour le corps de la page */
body {
    background: linear-gradient(135deg, #ffffff 0%, #f0f0f0 100%) !important;
    background-size: cover !important;
}

/* Lien vers Linktree dans le pied de page */
.footer {
    position: relative;
}

.footer .linktree-link {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.footer .linktree-link a {
    color: #ED8536;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

/* Style de la classe clearfix */
.clearfix {
    height: auto !important;
    clear: both !important;
}

/* Nav-trigger button */
.nav-trigger {
    padding: 10px 20px !important;
    border-radius: 8px;
    background-color: #ED8536;
    color: white;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.nav-trigger:hover {
    background-color: #e5733c;
}

/* Suppression des bordures dans certains éléments */
#sb_timeview_container > div > div > section > div,
#sb_next_month, 
#sb_prev_month,
#sb_time_slots_weekly_container > div:nth-child(4) > div.day-container, 
#sb_time_slots_weekly_container > div:nth-child(4) > div.time-container > div > div.time-slot.end_time-on.free > a {
    border: none !important;
    box-shadow: none !important;
}

/* Icône de la flèche du mois précédent */
#sb_prev_month > span.fa.fa-angle-left {
    content: '\f104' !important; /* FontAwesome code for left arrow */
    font-family: FontAwesome;
}

/* Titres spécifiques */
.title-main {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    font-size: 20px; /* Adjusted size */
}

.current-day, .title-main {
    font-size: 18px !important;
    font-weight: bold;
}

/* Supprimer la 4ème ligne <li> avec l'icône "share" */
li:nth-child(4) {
    display: none !important;
}

/* Supprimer #ada-compliant */
#ada-compliant {
    display: none !important;
}

/* Changer la couleur de la classe current-day en blanc */
.current-day {
    color: #fff !important;
}

/* Mettre à jour le lien href dans la classe links website */
.footer .linktree-link a {
    text-align: center;
    color: #ED8536;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    margin-top: 20px;
    text-decoration: none;
}

/* Mettre le texte du bouton "Réserver" en gras et taille 16px */
#events input.reserve_time_btn {
    font-weight: bold !important;
    font-size: 16px !important;
}

.btn.book.btn-with-icon {
    position: relative; /* Ajuster selon besoin */
    top: -10px; /* Déplacer vers le haut */
    font-size: 20px !important;
    font-weight: bold !important;
    color: #fff !important;
}

.links.website a {
    href: "https://linktr.ee/pineappli_pineappli";
    color: #ED8536 !important;
}

.modal-title.full, 
.fa.fa-times {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

.txt.full {
    text-align: justify !important;
    white-space: pre-line;
}

.current-day-number, .current-day-name {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 20px !important;
}

#sb_prev_month {
    background-color: #fff !important;
    color: #ED8536 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 8px 8px 16px #e0e0e0, -8px -8px 16px #ffffff; /* Apple-like shadow */
}

#sb_prev_month .fa-angle-left {
    display: none !important;
}

#sb_next_month {
    background-color: #fff !important;
    color: #ED8536 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 8px 8px 16px #e0e0e0, -8px -8px 16px #ffffff; /* Apple-like shadow */
}

#sb_next_month .fa-angle-right {
    display: none !important;
}

.sb-date-navigate {
    background-color: #fff !important;
    color: #ED8536 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 8px 8px 16px #e0e0e0, -8px -8px 16px #ffffff; /* Apple-like shadow */
}

.sb-date-navigate .fa-angle-left,
.sb-date-navigate .fa-angle-right {
    display: none !important;
}

.sb_time_slots_weekly_day_container .time-slot.end_time-on.free {
    font-size: 16px !important;
    font-weight: bold !important;
    font-color: #fff !important;
}

#sb_timeview_container {
    border: none !important;
    box-shadow: none !important;
}

#sb_book_btn span {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #fff !important;
}

.btn-bar.has-read-more {
    display: flex; /* Aligner les éléments en ligne */
    align-items: center; /* Centre verticalement les éléments */
    justify-content: space-between; /* Assure une répartition égale entre les boutons */
    width: 100%; /* Assure que l'ensemble de la barre occupe toute la largeur disponible */
}

.wrap-read-more, 
.btn-bar.has-read-more .btn {
    display: inline-block; /* Maintient les boutons sur la même ligne */
    margin: 0; /* Supprime tout margin qui pourrait décaler les boutons */
    padding: 10px 20px; /* Uniformise la taille des boutons */
}

.wrap-read-more .btn, 
.btn-bar.has-read-more .btn {
    background-color: #ED8536 !important; /* Couleur de fond orange */
    color: #fff !important; /* Texte blanc */
    font-weight: bold !important; /* Texte en gras */
    border-radius: 4px !important; /* Bordures arrondies */
    border: none !important; /* Supprime les bordures */
}

.wrap-read-more .btn:hover, 
.btn-bar.has-read-more .btn:hover {
    background-color: #e5733c !important; /* Couleur de fond légèrement plus sombre au survol */
}


.modal-title.full, 
#service2 > div > div > div.modal-header > div.close-full-info {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

#service2 > div > div > div.tab-pd > div {
    text-align: justify !important;
}

#sb_next_month, 
#sb_prev_month {
    background-color: #fff !important;
    color: #ED8536 !important;
    font-weight: bold !important;
    border: none !important;
    box-shadow: 8px 8px 16px #e0e0e0, -8px -8px 16px #ffffff; /* Apple-like shadow */
}

#sb_next_month .fa-angle-right,
#sb_prev_month .fa-angle-left {
    display: none !important;
}

span.fa.fa-angle-left, 
span.fa.fa-angle-right {
    display: none !important;
}

.sb-date-navigate {
    background-color: #fff !important;
    border: none !important;
    color: #ED8536 !important;
    font-weight: bold !important;
    box-shadow: 8px 8px 16px #e0e0e0, -8px -8px 16px #ffffff; /* Apple-like shadow */
}

.sb-date-navigate .fa-angle-left,
.sb-date-navigate .fa-angle-right {
    display: none !important;
}
a.cell.sb-cell.free {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

#sb_timeview_container {
    border: none !important;
    box-shadow: none !important;
}

#sb_book_btn span {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #fff !important;
}

#steps-nav > div {
    width: auto !important;
    height: auto !important;
    margin: auto !important;
    display: flex !important;
    justify-content: center !important;
    font-color: #fff !important;
}

#sb_timeview_container {
    border: none !important;
    box-shadow: none !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > div,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > div > a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > span#sb_next_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > span#sb_prev_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > div,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > div > a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > span#sb_next_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > span#sb_prev_date,
#sb_dateview_container .header .txt-left > div,
#sb_dateview_container .header .txt-left > div > a,
#sb_dateview_container .header .txt-left > span#sb_next_date,
#sb_dateview_container .header .txt-left > span#sb_prev_date,
#sb_dateview_container .header .txt-right > div,
#sb_dateview_container .header .txt-right > div > a,
#sb_dateview_container .header .txt-right > span#sb_next_date,
#sb_dateview_container .header .txt-right > span#sb_prev_date {
    border: none !important;
    font-size: 16px !important;
    color: #ED8536 !important;
    font-weight: bold !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot {
    color: #fff !important;
    font-weight: bold !important;
}

button.btn, 
.btn, 
.btn a, 
.modal-dialog.timezone-modal .modal-footer .tab-pd .btn, 
.invoice-pay-page .to-invoices-list, 
#news-single .return-btn a {
    background-color: #ED8536 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link {
    background-color: #ED8536 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
}

#sb_timeview_container {
    border: none !important;
    box-shadow: none !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > div,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > div > a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > span#sb_next_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-left > span#sb_prev_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > div,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > div > a,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > span#sb_next_date,
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper .header .txt-right > span#sb_prev_date,
#sb_dateview_container .header .txt-left > div,
#sb_dateview_container .header .txt-left > div > a,
#sb_dateview_container .header .txt-left > span#sb_next_date,
#sb_dateview_container .header .txt-left > span#sb_prev_date,
#sb_dateview_container .header .txt-right > div,
#sb_dateview_container .header .txt-right > div > a,
#sb_dateview_container .header .txt-right > span#sb_next_date,
#sb_dateview_container .header .txt-right > span#sb_prev_date {
    border: none !important;
    font-size: 16px !important;
    color: #ED8536 !important;
    font-weight: bold !important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb_time_slots_weekly_container .data-col .time-container .time-slot {
    color: #fff !important;
    font-weight: bold !important;
}

button.btn, 
.btn, 
.btn a, 
.modal-dialog.timezone-modal .modal-footer .tab-pd .btn, 
.invoice-pay-page .to-invoices-list, 
#news-single .return-btn a {
    background-color: #ED8536 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link {
    background-color: #ED8536 !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    border-radius: 4px !important;
}