/* ============================================================
   MIRROR — Custom CSS SimplyBook.me v2
   Typo : Fira Sans Condensed
   Border-radius : 10px
   Couleurs : natives SimplyBook conservées
   ============================================================ */

/* ══════════════════════════════════════════════════════════
   01. FONTS
══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@300;400;600;700&display=swap');


/* ══════════════════════════════════════════════════════════
   02. VARIABLES
══════════════════════════════════════════════════════════ */


@font-face {
  font-family: 'Gunterz Rounded';
  src: url('https://fgmirror.fr/wp-content/uploads/2026/04/gunterzrounded-extbdita-webfont.woff2') format('woff2');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@media (display-mode: browser) {

:root {
  --radius: 10px;
  --font-t: 'Gunterz Rounded', Impact, sans-serif;
  --font-b: 'Fira Sans Condensed', Arial, sans-serif;
}

/* ══════════════════════════════════════════════════════════
   03. BASE — Fira Sans partout par défaut
══════════════════════════════════════════════════════════ */

* { box-sizing: border-box; }

body,
#sb-main-container,
#sb_main,
.sb-layout,
p, span, div, li, td, th, label, input, textarea, select,
button, a, h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-b) !important;
}

::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-thumb { border-radius: 10px; }

/* ══════════════════════════════════════════════════════════
   04. HEADER
══════════════════════════════════════════════════════════ */

#header .brand .logo a img {
  max-height: 50px;
}

/* Nom entreprise */
#header .company-name,
#header .brand .company-name {
  font-family: var(--font-t) !important;
  font-style: italic !important;
  text-transform: uppercase !important;
}

#sb_menu_list_items_container .menu-item a {
  font-family: var(--font-b) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* Bouton Réserver (header) */
#book-btn .item-container a {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  border-radius: var(--radius) !important;
  padding: 8px 18px !important;
  font-size: 0.85rem !important;
}

#sb_client_info .avatar {
  border-radius: var(--radius) !important;
}

/* ══════════════════════════════════════════════════════════
   05. HERO BANNER
══════════════════════════════════════════════════════════ */

/* Nom entreprise hero */
#main-buttons .company-name {
  font-family: var(--font-t) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 5rem !important;
  letter-spacing: -0.02em !important;
}

/* Bouton Réserver (hero) */
#main-buttons .btn.book,
#main-buttons .btn.book a {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  border-radius: var(--radius) !important;
  border: none !important;
  padding: 12px 28px !important;
  font-size: 0.95rem !important;
}

#main-buttons .btn.book::before,
#main-buttons .btn.book::after,
#main-buttons .btn.book a::before,
#main-buttons .btn.book a::after {
  border-radius: var(--radius) !important;
}

/* Bouton Carte (hero) */
#main-buttons .btn.map,
#main-buttons .btn.map a {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
  padding: 12px 20px !important;
}

/* ══════════════════════════════════════════════════════════
   06. PAGE ACCUEIL
══════════════════════════════════════════════════════════ */

.section {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

.title-main {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1.1rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 14px !important;
}

/* Horaires */
#schedule table.overview td {
  font-family: var(--font-b) !important;
  font-size: 0.88rem !important;
  padding: 5px 0 !important;
}

#schedule table.overview td.day {
  font-weight: 600 !important;
  text-transform: uppercase !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.05em !important;
}

/* Contacts */
#contacts .info a {
  font-family: var(--font-b) !important;
  font-size: 0.88rem !important;
}

/* About */
#about-us .txt {
  font-family: var(--font-b) !important;
  font-size: 0.92rem !important;
  line-height: 1.6 !important;
}

/* ══════════════════════════════════════════════════════════
   07. MAP
══════════════════════════════════════════════════════════ */

#sb_map {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

#sb_map #map-view,
#sb_map iframe,
#sb_map .maplibregl-map,
#sb_map canvas {
  border-radius: var(--radius) !important;
  display: block !important;
  width: 100% !important;
}

.maplibregl-ctrl-group,
.mapboxgl-ctrl-group {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* ══════════════════════════════════════════════════════════
   08. TIMELINE (étapes réservation)
══════════════════════════════════════════════════════════ */

#sb_booking_info .step_info_item a {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

#sb_booking_info .step_info_item .title-small { font-size: 0.72rem !important; }
#sb_booking_info .step_info_item .title-sub { font-size: 0.65rem !important; }

#sb_booking_company_time .time {
  font-size: 0.75rem !important;
  font-family: var(--font-b) !important;
}

/* ══════════════════════════════════════════════════════════
   09. SERVICES (étape réservation)
══════════════════════════════════════════════════════════ */

.service-item .tab {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

.service-item .cap.short {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 8px !important;
}

.service-item .txt.short {
  font-family: var(--font-b) !important;
  font-size: 0.85rem !important;
  line-height: 1.5 !important;
}

.service-item .bar-service .time {
  font-family: var(--font-b) !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
}

.service-bar .service-bar__text,
.service-bar .service-bar__text a {
  font-family: var(--font-b) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
}

/* Bouton Sélectionner */
.service-item .btn.select,
.service-item .btn.select a {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 0.88rem !important;
  padding: 10px 22px !important;
}

.service-item .preloader.img,
.service-item .user.img {
  border-radius: var(--radius) var(--radius) 0 0 !important;
  overflow: hidden !important;
}

#sb_back_button a {
  font-family: var(--font-b) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* ══════════════════════════════════════════════════════════
   10. ADHÉSIONS
══════════════════════════════════════════════════════════ */

.tab-link a {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.membership-item .tab {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

.membership-item .cap.short {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 8px !important;
}

.membership-service__list-header {
  font-size: 0.72rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-weight: 700 !important;
}

.membership-service__caption {
  font-family: var(--font-b) !important;
  font-size: 0.85rem !important;
}

/* Bouton S'abonner */
.membership-item .active-container.v3 a {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
  padding: 10px 22px !important;
}

/* Bouton Renouveler */
.membership-item .info-container.v2 .wrapper.btn.price-formatter {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 10px 20px !important;
}

.membership-item .info-container.v2 {
  font-size: 0.8rem !important;
  font-family: var(--font-b) !important;
}

/* Filtre adhésions */
#membership-filters {
  border-radius: var(--radius) !important;
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.filter--header_title {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.filter--header_hint { font-size: 0.78rem !important; font-family: var(--font-b) !important; }
.sb_filter_item label { font-family: var(--font-b) !important; font-size: 0.88rem !important; }

.filter--input-field {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  padding: 10px 14px !important;
  margin-top: 12px !important;
  width: 100% !important;
}

/* ══════════════════════════════════════════════════════════
   11. CONTACT
══════════════════════════════════════════════════════════ */

.sb-widget-form {
  border-radius: var(--radius) !important;
  padding: 24px !important;
  max-width: 700px !important;
  margin: 0 auto !important;
}

.sb-widget-form .title {
  font-family: var(--font-b) !important;
  font-size: 0.92rem !important;
  margin-bottom: 20px !important;
  line-height: 1.6 !important;
}

.sb-widget-form .control-label {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.sb-widget-form .form-control,
.sb-widget-form input.form-control,
.sb-widget-form textarea.form-control {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-size: 0.92rem !important;
  padding: 10px 14px !important;
}

.sb-widget-form .open-booking-widget-button {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 0.9rem !important;
  padding: 11px 24px !important;
}

.sb-widget-form .send-message-button {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.85rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 11px 24px !important;
}

/* ══════════════════════════════════════════════════════════
   12. FORMULAIRE CONNEXION (dropdown header)
══════════════════════════════════════════════════════════ */

.full-info--client-info { border-radius: var(--radius) !important; }

.full-info--client-info .cap,
.full-info--client-info .cap b { color: #181818 !important; }

.full-info--client-info .form-control {
  border-radius: 8px !important;
  font-family: var(--font-b) !important;
}

.full-info--client-info .is-logged .cap {
  font-family: var(--font-b) !important;
  font-size: 0.88rem !important;
  margin-bottom: 12px !important;
}

.btn--sign-in.custom {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 0.82rem !important;
}

.btn--sign-up.custom {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
}

.btn.profile.btn-primary {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 0.85rem !important;
  padding: 9px 18px !important;
}

#sb_sign_out_btn {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  padding: 9px 18px !important;
}

/* ══════════════════════════════════════════════════════════
   13. MODAL PROFIL CLIENT
══════════════════════════════════════════════════════════ */

.client-preview-dialog .modal-content,
.client-preview-dialog #client-profile-preview,
.client-preview-dialog #sb_profile_form {
  background-color: #181818 !important;
  color: #efefef !important;
}

.client-preview-dialog .modal-content { border-radius: var(--radius) !important; }

.client-preview-dialog #sb_profile_form .overview .label,
.client-preview-dialog #sb_profile_form .overview .label b,
.client-preview-dialog #sb_profile_form .overview .txt {
  color: #efefef !important;
}

#client-profile-preview #sb_profile_form .title-main,
#client-profile-edit .custom-form .title-main {
  background-color: #e0e704 !important;
  color: #181818 !important;
}

.client-preview-dialog .close-modal i,
.client-preview-dialog .close-modal .fa { color: #efefef !important; }

.client-preview-dialog .bar-with-btn {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.client-preview-dialog .bar-with-btn .btn {
  background-color: transparent !important;
  color: #efefef !important;
  border: 1px solid rgba(239,239,239,0.25) !important;
  border-radius: var(--radius) !important;
  white-space: normal !important;
  word-break: break-word !important;
  flex: 1 1 auto !important;
  text-align: center !important;
  font-family: var(--font-b) !important;
  font-size: 0.8rem !important;
}

.client-preview-dialog .bar-with-btn .btn:hover { border-color: #efefef !important; }

.client-preview-dialog .bar-with-btn .btn-logout {
  border-color: rgba(255,80,80,0.35) !important;
  color: rgba(255,100,100,0.85) !important;
}

.client-preview-dialog .bar-with-btn .btn-logout:hover {
  border-color: #ff4444 !important;
  color: #ff4444 !important;
}

#client-profile-preview #sb_profile_form {
  border-radius: var(--radius) !important;
  padding: 16px !important;
}

#client-profile-preview .title-main { font-size: 1.1rem !important; margin-bottom: 16px !important; }

#client-profile-preview .avatar img {
  border-radius: 50% !important;
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  margin-bottom: 16px !important;
}

#sb_profile_form .overview .label {
  font-family: var(--font-b) !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

#sb_profile_form .overview .txt {
  font-family: var(--font-b) !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
}

#client-profile-preview .bar-with-btn .btn {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.8rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 8px 14px !important;
}

/* ══════════════════════════════════════════════════════════
   14. MODAL SERVICE / ADHÉSION
══════════════════════════════════════════════════════════ */

.full-info {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
}

.full-info .close-full-info {
  position: absolute !important;
  z-index: 99 !important;
  cursor: pointer !important;
  top: 10px !important;
  right: 10px !important;
}

.tab.tab-col .full-info .close-full-info,
.tab_provider-col .full-info .close-full-info {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cline x1='4' y1='4' x2='26' y2='26' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='26' y1='4' x2='4' y2='26' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") !important;
}

.modal-dialog .cap.full {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1.2rem !important;
  margin-bottom: 12px !important;
}

.modal-dialog .txt.full {
  font-family: var(--font-b) !important;
  font-size: 0.9rem !important;
  line-height: 1.6 !important;
}

/* ══════════════════════════════════════════════════════════
   15. INPUTS GLOBAUX
══════════════════════════════════════════════════════════ */

input.form-control,
textarea.form-control,
select.form-control {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
}

/* ══════════════════════════════════════════════════════════
   16. GOOGLE REVIEWS
══════════════════════════════════════════════════════════ */

.google-reviews__card { border-radius: var(--radius) !important; }
.google-reviews__card-heading { font-family: var(--font-b) !important; font-weight: 700 !important; }

.google-reviews__card-reviews-value,
.google-reviews__card-rating-value {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
}

.google-reviews__list-wrapper { border-radius: var(--radius) !important; }

.google-reviews__item {
  border-radius: var(--radius) !important;
  padding: 12px !important;
  margin-bottom: 8px !important;
}

.google-reviews__item-author-image { border-radius: 50% !important; }

.google-reviews__btn {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  padding: 9px 18px !important;
}

/* ══════════════════════════════════════════════════════════
   17. FOOTER
══════════════════════════════════════════════════════════ */

#footer a { font-family: var(--font-b) !important; font-size: 0.78rem !important; }
#sb_cookies_block .text { font-family: var(--font-b) !important; font-size: 0.82rem !important; }

#sb_accept_important_coo {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  padding: 8px 16px !important;
}

#sb_scroll_top_btn { border-radius: 50% !important; }

/* ══════════════════════════════════════════════════════════
   18. ALERTES
══════════════════════════════════════════════════════════ */

.alert-info a {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* ══════════════════════════════════════════════════════════
   19. PAGE PAIEMENT
══════════════════════════════════════════════════════════ */

.promo-code-input {
  border-radius: var(--radius) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.promo-code-input .title--h3 {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 14px !important;
}

.promo-code-input .control-label {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
}

.promo-code-input #sb_promotion_code_input {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-size: 0.9rem !important;
  padding: 9px 13px !important;
}

.promo-code-input #sb_promotion_apply_btn {
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.78rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  padding: 9px 16px !important;
}

.invoice-payment-systems-info {
  border-radius: var(--radius) !important;
  padding: 20px !important;
  margin-bottom: 16px !important;
}

.invoice-payment-systems-info .title--h3 {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 14px !important;
}

.payment-system {
  border-radius: var(--radius) !important;
  padding: 13px 16px !important;
}

.form-group--checkbox-renew .control-label {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.82rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.form-group--checkbox-save-pm .control-label { font-family: var(--font-b) !important; font-size: 0.82rem !important; }

.form-group--checkbox .custom-checkbox .custom-label { border-radius: 5px !important; }

.invoice-details--module {
  border-radius: var(--radius) !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

.right-block--header .title--h4 {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
}

.invoice-table { font-family: var(--font-b) !important; font-size: 0.82rem !important; }

.invoice-table th {
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.7rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

.inv-cell-info-content .p {
  font-family: var(--font-b) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
}

.invoice-amounts--total {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1.05rem !important;
}

.invoice-amounts--total .invoice-amount--value b {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-size: 1.4rem !important;
  letter-spacing: -0.02em !important;
}

#sb_pay_btn {
  width: 100% !important;
  border-radius: var(--radius) !important;
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  font-size: 1rem !important;
  padding: 15px 28px !important;
  margin-top: 16px !important;
}

#sb_pay_btn .btn--txt {
  font-family: var(--font-b) !important;
  font-style: italic !important;
  font-weight: 900 !important;
}

/* ══════════════════════════════════════════════════════════
   20. MENU MOBILE
══════════════════════════════════════════════════════════ */

@media (max-width: 767px) {

  #header .brand.company-logo-and-name {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
  }

  #header .brand.company-logo-and-name .logo a img {
    max-height: 32px !important;
    width: auto !important;
  }

  .company-name.company-logo-and-name { font-size: 2rem !important; }

  #main-buttons .company-name {
    font-size: 2.5rem !important;
    text-align: center !important;
  }

  #main-buttons .bar {
    justify-content: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  #main-buttons .btn.map a,
  #main-buttons .btn.book a {
    font-size: 11px !important;
    padding: 6px 12px !important;
  }

  #sb_menu_list_items_container .menu-item a {
    display: block !important;
    padding: 14px 20px !important;
    font-family: var(--font-b) !important;
    font-weight: 700 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
  }

}

/* ══════════════════════════════════════════════════════════
   21. DIVERS
══════════════════════════════════════════════════════════ */

.calendar .date.selected {
  background-color: #83b5db !important;
  border-radius: var(--radius) !important;
}

.calendar .date.selected a,
.calendar .date.selected span {
  color: #181818 !important;
  font-weight: 700 !important;
}

#sb_gdpr_email_form .title,
#sb_gdpr_email_form .content,
#sb_gdpr_email_form .step-item,
#sb_gdpr_email_form .txt {
  color: #181818 !important;
}

#sb_ada_module,
#sb_ada_module *,
.sb-pwa-popup,
.sb-pwa-popup * { color: #181818 !important; }

.pwa_install__banner { color: #000000 !important; }
.pwa_install__txt p { color: #000000 !important; }
.pwa_install__button { color: #000000 !important; }

} /* fin @media (display-mode: browser) */

/* ══════════════════════════════════════════════════════════
   BANDEAU AVERTISSEMENT
══════════════════════════════════════════════════════════ */

body::before {
  content: "⚠️ Pour réserver, souscrivez d'abord à un abonnement ! ⚠️ ";
  display: block;
  background-color: #E0E704;
  color: #181818;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 600;
  font-family: 'Fira Sans Condensed', Arial, sans-serif;
  width: 100%;
  box-sizing: border-box;
}

#feedback__subject,
#feedback__message {
  color: #181818 !important;
  -webkit-text-fill-color: #181818 !important;
}

.add-review .client-login.btn--secondary .btn--txt {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
}

#feedback__subject::placeholder,
#feedback__message::placeholder {
  color: rgba(0,0,0,0.4) !important;
  -webkit-text-fill-color: rgba(0,0,0,0.4) !important;
}

#sb_submit_review {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-family: var(--font-b) !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  border-radius: var(--radius) !important;
  padding: 10px 22px !important;
}

@media (display-mode: standalone) {
  body::before { display: none !important; }
}