.elementor-3378 .elementor-element.elementor-element-4db31f5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-4db31f5:not(.elementor-motion-effects-element-type-background), .elementor-3378 .elementor-element.elementor-element-4db31f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3378 .elementor-element.elementor-element-8934045{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3378 .elementor-element.elementor-element-8934045:not(.elementor-motion-effects-element-type-background), .elementor-3378 .elementor-element.elementor-element-8934045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-3378 .elementor-element.elementor-element-8934045.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3378 .elementor-element.elementor-element-6218ace{--spacer-size:150px;}.elementor-3378 .elementor-element.elementor-element-d86c777{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-5a56900{--spacer-size:130px;}.elementor-3378 .elementor-element.elementor-element-2b60f3b{z-index:0;background-color:#000000;}.elementor-3378 .elementor-element.elementor-element-ddc8094{--spacer-size:130px;}.elementor-3378 .elementor-element.elementor-element-2598ae7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-577dc5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;background-color:var( --e-global-color-primary );}.elementor-3378 .elementor-element.elementor-element-e69f9ca{--spacer-size:130px;}:root{--page-title-display:none;}body.elementor-page-3378{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-3378:not(.elementor-motion-effects-element-type-background), body.elementor-page-3378 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}@media(max-width:767px){.elementor-3378 .elementor-element.elementor-element-8934045{--width:100%;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3378 .elementor-element.elementor-element-d86c777{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-5a56900{--spacer-size:100px;}.elementor-3378 .elementor-element.elementor-element-ddc8094{--spacer-size:100px;}.elementor-3378 .elementor-element.elementor-element-2598ae7{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3378 .elementor-element.elementor-element-e69f9ca{--spacer-size:100px;}}@media(min-width:768px){.elementor-3378 .elementor-element.elementor-element-8934045{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-2b60f3b *//* =========================================================
4ESCAPE — CLOCKWISE CSS FINAL PROPRE
Planning premium + popup Appelez-nous premium
Fenêtre réservation simple, stable
Version nettoyée : aucun doublon + / -
========================================================= */

.forescape,
.forescape-reveal-section{
  --cw-gold:#c9a86a;
  --cw-gold-light:#e6cc95;
  --cw-black:#050505;
  --cw-white:#f3efe4;
  --cw-red:#b32020;
}

/* =========================================================
0) BASE / APPARITION / SÉCURITÉ PANIER
========================================================= */

.forescape-reveal-section{
  position:relative !important;
  z-index:1 !important;
  overflow:visible !important;
}

.forescape-reveal-section,
.forescape-reveal-section *{
  backface-visibility:visible !important;
}

.forescape-reveal-section .forescape-catalog{
  opacity:0;
  transform:translateY(70px);
  transition:
    opacity 2.1s ease,
    transform 2.35s cubic-bezier(.16,.72,.18,1);
  will-change:opacity, transform;
}

.forescape-reveal-section.is-visible .forescape-catalog{
  opacity:1;
  transform:translateY(0);
}

.forescape-cart,
.forescape [class*="cart"],
.forescape [class*="basket"],
.forescape [class*="checkout"]{
  z-index:999999 !important;
}

html{
  scroll-padding-top:140px !important;
}

.cw-mobile-booking-spacer{
  display:none;
}

/* =========================================================
1) MESSAGE MARDI
========================================================= */

.cw-tuesday-message-holder{
  padding:0 !important;
  margin:0 !important;
  line-height:1.15 !important;
}

.cw-tuesday-message{
  display:block;
  text-align:center;
  color:#EAE6DE;
  font-family:Montserrat, Arial, sans-serif;
  font-size:1.03rem;
  line-height:1.32;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(-34px);
}

.cw-tuesday-message strong{
  display:block;
  color:#C9A86A;
  font-weight:800;
  font-size:1.04em;
  line-height:1.22;
  margin:0 0 4px;
}

.cw-tuesday-message span{
  display:block;
  margin:0;
}

.cw-tuesday-message a{
  color:#C9A86A;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(201,168,106,.58);
}

.cw-tuesday-message a:hover{
  color:#E6CC95;
  border-color:#E6CC95;
}

/* =========================================================
2) BLOC ACOMPTE CHECKOUT
========================================================= */

.cw-acompte-top-box{
  margin:0 0 22px 0 !important;
  padding:20px 24px !important;
  background:
    radial-gradient(circle at top left, rgba(201,168,106,.16), transparent 38%),
    linear-gradient(135deg, rgba(201,168,106,.12), rgba(201,168,106,.035)),
    #070707 !important;
  border:1px solid rgba(201,168,106,.58) !important;
  border-radius:10px !important;
  color:#EAE6DE !important;
  font-family:Montserrat, Arial, sans-serif !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.38),
    0 0 24px rgba(201,168,106,.08) !important;
}

.cw-acompte-top-box strong{
  display:block !important;
  margin:0 0 7px 0 !important;
  color:#C9A86A !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
}

.cw-acompte-top-box span{
  display:block !important;
  color:rgba(234,230,222,.88) !important;
  font-size:15px !important;
  font-weight:500 !important;
  line-height:1.55 !important;
}

/* =========================================================
3) BADGE -10% PREMIUM
========================================================= */

.forescape-reveal-section .f-availability-classic-room-slot-badge,
.forescape-reveal-section .f-availability-hero-room-slot-badge--voucher,
.forescape-reveal-section [class*="slot-badge"]{
  background:linear-gradient(135deg,#050505 0%,#171006 48%,#c9a86a 100%) !important;
  color:#f3efe4 !important;
  border:1px solid rgba(230,204,149,.92) !important;
  border-radius:999px !important;
  font-family:Montserrat, Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:16px !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.35),
    0 4px 12px rgba(0,0,0,.42),
    0 0 14px rgba(201,168,106,.28) !important;
  text-shadow:0 0 8px rgba(0,0,0,.9) !important;
}

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover .f-availability-classic-room-slot-badge,
.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover .f-availability-hero-room-slot-badge--voucher,
.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover [class*="slot-badge"]{
  background:linear-gradient(135deg,#050505 0%,#171006 48%,#c9a86a 100%) !important;
  color:#f3efe4 !important;
  border:1px solid rgba(230,204,149,.92) !important;
}

/* =========================================================
4) TÉLÉPHONE PREMIUM — UNIQUEMENT PASTILLES PLANNING
Important : ne jamais cibler [class*="phone"], [class*="call"] ou a[href^="tel"] globalement.
========================================================= */

.forescape-reveal-section .f-room-slot-oncall,
.forescape-reveal-section .f-availability-classic-room-slot-oncall,
.forescape-reveal-section .f-availability-hero-room-slot-oncall,
.forescape-reveal-section [class*="room-slot-oncall"],
.forescape-reveal-section [class*="slot-oncall"]{
  background:
    radial-gradient(circle at 30% 25%, rgba(230,204,149,.34), transparent 36%),
    linear-gradient(135deg, #050505 0%, #171006 52%, #c9a86a 100%) !important;
  color:#f3efe4 !important;
  border:1px solid rgba(230,204,149,.9) !important;
  border-radius:999px !important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.34),
    0 5px 14px rgba(0,0,0,.42),
    0 0 16px rgba(201,168,106,.30) !important;
}

.forescape-reveal-section .f-room-slot-oncall svg,
.forescape-reveal-section .f-availability-classic-room-slot-oncall svg,
.forescape-reveal-section .f-availability-hero-room-slot-oncall svg,
.forescape-reveal-section [class*="room-slot-oncall"] svg,
.forescape-reveal-section [class*="slot-oncall"] svg,
.forescape-reveal-section .f-room-slot-oncall path,
.forescape-reveal-section .f-availability-classic-room-slot-oncall path,
.forescape-reveal-section .f-availability-hero-room-slot-oncall path,
.forescape-reveal-section [class*="room-slot-oncall"] path,
.forescape-reveal-section [class*="slot-oncall"] path{
  fill:#f3efe4 !important;
  stroke:#f3efe4 !important;
}

/* =========================================================
5) CRÉNEAUX DISPONIBLES — HOVER OR PREMIUM
========================================================= */

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]{
  transition:background .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease !important;
}

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover{
  background:
    radial-gradient(circle at top left, rgba(255,244,198,.22), transparent 38%),
    linear-gradient(135deg, #c9a86a 0%, #e6cc95 48%, #9b7437 100%) !important;
  border-color:rgba(255,238,190,.95) !important;
  box-shadow:
    0 0 0 1px rgba(230,204,149,.44),
    0 8px 22px rgba(0,0,0,.36),
    0 0 18px rgba(201,168,106,.30) !important;
}

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover .f-availability-classic-room-slot-time,
.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:hover *{
  color:#050505 !important;
  text-shadow:none !important;
}

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:has(.f-availability-classic-room-slot-complete):hover,
.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:has([class*="complete"]):hover{
  background:inherit !important;
  box-shadow:inherit !important;
  border-color:inherit !important;
}

.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:has(.f-availability-classic-room-slot-complete):hover *,
.forescape-reveal-section [class*="f-availability-classic-room-slot-price-category"]:has([class*="complete"]):hover *{
  color:inherit !important;
}

/* =========================================================
6) FLÈCHES DATEPICKER PREMIUM
========================================================= */

.forescape-reveal-section .f-datepicker-btn,
.forescape-reveal-section .cw-4escape-arrow{
  transition:background .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease, filter .25s ease !important;
}

.forescape-reveal-section .f-datepicker-btn:hover,
.forescape-reveal-section .cw-4escape-arrow:hover{
  background:
    radial-gradient(circle at 35% 25%, rgba(201,168,106,.18), transparent 38%),
    linear-gradient(135deg, #050505 0%, #120c04 55%, #000 100%) !important;
  color:#c9a86a !important;
  border-color:rgba(230,204,149,.85) !important;
  box-shadow:
    0 0 0 1px rgba(201,168,106,.34),
    0 6px 18px rgba(0,0,0,.45),
    0 0 18px rgba(201,168,106,.24) !important;
}

.forescape-reveal-section .f-datepicker-btn svg,
.forescape-reveal-section .f-datepicker-btn path,
.forescape-reveal-section .cw-4escape-arrow svg,
.forescape-reveal-section .cw-4escape-arrow path{
  stroke:currentColor !important;
}

.forescape-reveal-section .f-datepicker-btn:hover svg,
.forescape-reveal-section .f-datepicker-btn:hover path,
.forescape-reveal-section .cw-4escape-arrow:hover svg,
.forescape-reveal-section .cw-4escape-arrow:hover path{
  color:#c9a86a !important;
  fill:none !important;
  stroke:#c9a86a !important;
}

/* =========================================================
7) POPUP APPELEZ-NOUS PREMIUM — uniquement si lien téléphone
========================================================= */

.forescape [role="dialog"]:has(a[href^="tel"]),
.forescape [class*="modal"]:has(a[href^="tel"]),
.forescape [class*="dialog"]:has(a[href^="tel"]),
.forescape [class*="popup"]:has(a[href^="tel"]),
[class*="f-modal"]:has(a[href^="tel"]),
[class*="f-dialog"]:has(a[href^="tel"]),
[class*="f-popup"]:has(a[href^="tel"]){
  background:
    radial-gradient(circle at top left, rgba(201,168,106,.16), transparent 38%),
    linear-gradient(135deg, #090909 0%, #050505 58%, #000 100%) !important;
  color:#f3efe4 !important;
  border:1px solid rgba(201,168,106,.58) !important;
  border-radius:0 !important;
  box-shadow:
    0 22px 70px rgba(0,0,0,.85),
    0 0 34px rgba(201,168,106,.20),
    inset 0 0 0 1px rgba(255,236,188,.07) !important;
}

.forescape [role="dialog"]:has(a[href^="tel"]) *,
.forescape [class*="modal"]:has(a[href^="tel"]) *,
.forescape [class*="dialog"]:has(a[href^="tel"]) *,
.forescape [class*="popup"]:has(a[href^="tel"]) *,
[class*="f-modal"]:has(a[href^="tel"]) *,
[class*="f-dialog"]:has(a[href^="tel"]) *,
[class*="f-popup"]:has(a[href^="tel"]) *{
  color:#f3efe4 !important;
}

.forescape [role="dialog"]:has(a[href^="tel"]) a[href^="tel"],
.forescape [class*="modal"]:has(a[href^="tel"]) a[href^="tel"],
.forescape [class*="dialog"]:has(a[href^="tel"]) a[href^="tel"],
.forescape [class*="popup"]:has(a[href^="tel"]) a[href^="tel"],
[class*="f-modal"]:has(a[href^="tel"]) a[href^="tel"],
[class*="f-dialog"]:has(a[href^="tel"]) a[href^="tel"],
[class*="f-popup"]:has(a[href^="tel"]) a[href^="tel"]{
  display:inline !important;
  color:#c9a86a !important;
  font-weight:900 !important;
  text-decoration:none !important;
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-radius:0 !important;
  padding:0 !important;
  box-shadow:none !important;
  text-shadow:none !important;
  white-space:nowrap !important;
}

.forescape [role="dialog"]:has(a[href^="tel"]) a[href^="tel"]:hover,
.forescape [class*="modal"]:has(a[href^="tel"]) a[href^="tel"]:hover,
.forescape [class*="dialog"]:has(a[href^="tel"]) a[href^="tel"]:hover,
.forescape [class*="popup"]:has(a[href^="tel"]) a[href^="tel"]:hover,
[class*="f-modal"]:has(a[href^="tel"]) a[href^="tel"]:hover,
[class*="f-dialog"]:has(a[href^="tel"]) a[href^="tel"]:hover,
[class*="f-popup"]:has(a[href^="tel"]) a[href^="tel"]:hover{
  color:#e6cc95 !important;
}

.forescape [role="dialog"]:has(a[href^="tel"]) button,
.forescape [class*="modal"]:has(a[href^="tel"]) button,
.forescape [class*="dialog"]:has(a[href^="tel"]) button,
.forescape [class*="popup"]:has(a[href^="tel"]) button,
[class*="f-modal"]:has(a[href^="tel"]) button,
[class*="f-dialog"]:has(a[href^="tel"]) button,
[class*="f-popup"]:has(a[href^="tel"]) button{
  background:linear-gradient(135deg,#171006 0%,#5c4219 38%,#c9a86a 50%,#5c4219 62%,#171006 100%) !important;
  color:#f3efe4 !important;
  border:1px solid rgba(230,204,149,.9) !important;
  border-radius:7px !important;
  font-family:Montserrat, Arial, sans-serif !important;
  font-weight:900 !important;
  box-shadow:0 0 12px rgba(201,168,106,.24),0 8px 18px rgba(0,0,0,.42) !important;
}

.forescape [role="dialog"]:has(a[href^="tel"]) button:hover,
.forescape [class*="modal"]:has(a[href^="tel"]) button:hover,
.forescape [class*="dialog"]:has(a[href^="tel"]) button:hover,
.forescape [class*="popup"]:has(a[href^="tel"]) button:hover,
[class*="f-modal"]:has(a[href^="tel"]) button:hover,
[class*="f-dialog"]:has(a[href^="tel"]) button:hover,
[class*="f-popup"]:has(a[href^="tel"]) button:hover{
  background:#050505 !important;
  color:#c9a86a !important;
  border-color:#c9a86a !important;
  box-shadow:none !important;
}

.forescape [class*="overlay"],
.forescape [class*="backdrop"],
[class*="f-overlay"],
[class*="f-backdrop"]{
  background:rgba(0,0,0,.35) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
}

/* =========================================================
8) FENÊTRE RÉSERVATION — simple / stable
========================================================= */

.forescape [role="dialog"],
.forescape [role="dialog"] *{
  text-shadow:none !important;
}

.forescape [role="dialog"] .f-player-picker,
.forescape [role="dialog"] .f-player-picker-row{
  background:#ffffff !important;
  color:#111111 !important;
  border:none !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] .f-player-picker-row *,
.forescape [role="dialog"] .f-player-picker-label,
.forescape [role="dialog"] .f-player-picker-label *{
  color:#111111 !important;
  opacity:1 !important;
}

.forescape [role="dialog"] .cw-4e-team-label,
.forescape [role="dialog"] .f-player-picker .f-ml-1,
.forescape [role="dialog"] .f-player-picker .f-text-xs,
.forescape [role="dialog"] .f-player-picker [class*="text-xs"]{
  color:#888888 !important;
  opacity:1 !important;
  visibility:visible !important;
  font-weight:600 !important;
  background:transparent !important;
}

/* =========================================================
8A) BOUTONS JOUEURS + / -
Base : fond or + symbole blanc
Survol : fond noir + symbole or
Aucun autre bloc + / - ne doit exister ailleurs.
========================================================= */

.forescape [role="dialog"] .f-player-picker-button,
.forescape [role="dialog"] .f-player-picker-button--dec,
.forescape [role="dialog"] .f-player-picker-button--inc,
.forescape [role="dialog"] .cw-4e-player-dec,
.forescape [role="dialog"] .cw-4e-player-inc,
.forescape [role="dialog"] .f-player-picker-buttons-container button,
.forescape [role="dialog"] .f-player-picker-buttons-container button *{
  background:#c9a86a !important;
  background-color:#c9a86a !important;
  background-image:none !important;
  border-color:#c9a86a !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] .f-player-picker-button,
.forescape [role="dialog"] .f-player-picker-button--dec,
.forescape [role="dialog"] .f-player-picker-button--inc,
.forescape [role="dialog"] .cw-4e-player-dec,
.forescape [role="dialog"] .cw-4e-player-inc,
.forescape [role="dialog"] .f-player-picker-buttons-container button{
  position:relative !important;
  border:1px solid #c9a86a !important;
  border-radius:999px !important;
  color:#ffffff !important;
  text-shadow:none !important;
  opacity:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}

.forescape [role="dialog"] .f-player-picker-button svg,
.forescape [role="dialog"] .f-player-picker-button path,
.forescape [role="dialog"] .f-player-picker-button line,
.forescape [role="dialog"] .f-player-picker-buttons-container button svg,
.forescape [role="dialog"] .f-player-picker-buttons-container button path,
.forescape [role="dialog"] .f-player-picker-buttons-container button line{
  color:#ffffff !important;
  fill:none !important;
  stroke:#ffffff !important;
  opacity:1 !important;
}

.forescape [role="dialog"] .cw-4e-player-dec:empty::before,
.forescape [role="dialog"] .f-player-picker-button--dec:empty::before{
  content:"−" !important;
  color:#ffffff !important;
  font-family:Arial, sans-serif !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.forescape [role="dialog"] .cw-4e-player-inc:empty::before,
.forescape [role="dialog"] .f-player-picker-button--inc:empty::before{
  content:"+" !important;
  color:#ffffff !important;
  font-family:Arial, sans-serif !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.forescape [role="dialog"] .f-player-picker-button:hover,
.forescape [role="dialog"] .f-player-picker-button--dec:hover,
.forescape [role="dialog"] .f-player-picker-button--inc:hover,
.forescape [role="dialog"] .cw-4e-player-dec:hover,
.forescape [role="dialog"] .cw-4e-player-inc:hover,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover *{
  background:#050505 !important;
  background-color:#050505 !important;
  background-image:none !important;
  border-color:#c9a86a !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] .f-player-picker-button:hover,
.forescape [role="dialog"] .f-player-picker-button--dec:hover,
.forescape [role="dialog"] .f-player-picker-button--inc:hover,
.forescape [role="dialog"] .cw-4e-player-dec:hover,
.forescape [role="dialog"] .cw-4e-player-inc:hover,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover{
  color:#c9a86a !important;
}

.forescape [role="dialog"] .f-player-picker-button:hover svg,
.forescape [role="dialog"] .f-player-picker-button:hover path,
.forescape [role="dialog"] .f-player-picker-button:hover line,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover svg,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover path,
.forescape [role="dialog"] .f-player-picker-buttons-container button:hover line{
  color:#c9a86a !important;
  fill:none !important;
  stroke:#c9a86a !important;
}

.forescape [role="dialog"] .cw-4e-player-dec:hover::before,
.forescape [role="dialog"] .f-player-picker-button--dec:hover::before,
.forescape [role="dialog"] .cw-4e-player-inc:hover::before,
.forescape [role="dialog"] .f-player-picker-button--inc:hover::before{
  color:#c9a86a !important;
}

.forescape [role="dialog"] .f-player-picker-buttons-container > div{
  background:transparent !important;
  color:#111111 !important;
  box-shadow:none !important;
  font-size:14px !important;
  line-height:1 !important;
}

/* =========================================================
8B) BANDEAU / OPTIONS / LISTE
========================================================= */

.forescape [role="dialog"] .f-bg-primary:not(button),
.forescape [role="dialog"] [class*="bg-primary"]:not(button){
  background:#050505 !important;
  background-image:none !important;
  color:#f3efe4 !important;
  border-top:1px solid rgba(201,168,106,.25) !important;
  border-bottom:1px solid rgba(201,168,106,.25) !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] .f-bg-primary:not(button) *,
.forescape [role="dialog"] [class*="bg-primary"]:not(button) *{
  color:#f3efe4 !important;
}

.forescape [role="dialog"] button[id^="headlessui-listbox-button"],
.forescape [role="dialog"] button[aria-haspopup="listbox"]{
  background:#050505 !important;
  background-image:none !important;
  color:#f3efe4 !important;
  border:1px solid rgba(201,168,106,.35) !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] button[id^="headlessui-listbox-button"] *,
.forescape [role="dialog"] button[aria-haspopup="listbox"] *{
  color:#f3efe4 !important;
  fill:#f3efe4 !important;
  stroke:#f3efe4 !important;
}

[id^="headlessui-listbox-options"]{
  background:#050505 !important;
  border:1px solid rgba(201,168,106,.28) !important;
  box-shadow:none !important;
}

[id^="headlessui-listbox-option"],
[id^="headlessui-listbox-option"] *{
  background:#050505 !important;
  color:#f3efe4 !important;
  fill:#f3efe4 !important;
  stroke:#f3efe4 !important;
  font-weight:800 !important;
}

[id^="headlessui-listbox-option"]:hover,
[id^="headlessui-listbox-option"]:hover *{
  background:#111111 !important;
  color:#ffffff !important;
}

.forescape [role="dialog"] button[type="submit"],
.forescape [role="dialog"] button:has(.f-text-xs),
.forescape [role="dialog"] button:has(.f-ml-1){
  background:#c9a86a !important;
  background-color:#c9a86a !important;
  background-image:none !important;
  color:#ffffff !important;
  border:1px solid #c9a86a !important;
  border-radius:7px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  transition:background .22s ease, color .22s ease, border-color .22s ease !important;
}

.forescape [role="dialog"] button[type="submit"] *,
.forescape [role="dialog"] button:has(.f-text-xs) *,
.forescape [role="dialog"] button:has(.f-ml-1) *{
  color:#ffffff !important;
  text-shadow:none !important;
}

.forescape [role="dialog"] button[type="submit"]:hover,
.forescape [role="dialog"] button:has(.f-text-xs):hover,
.forescape [role="dialog"] button:has(.f-ml-1):hover{
  background:#050505 !important;
  background-color:#050505 !important;
  background-image:none !important;
  color:#c9a86a !important;
  border-color:#c9a86a !important;
  box-shadow:none !important;
}

.forescape [role="dialog"] button[type="submit"]:hover *,
.forescape [role="dialog"] button:has(.f-text-xs):hover *,
.forescape [role="dialog"] button:has(.f-ml-1):hover *{
  color:#c9a86a !important;
}

/* =========================================================
9) SÉCURITÉ — CHAMP TÉLÉPHONE CLIENT NATIF
========================================================= */

.forescape [role="dialog"] input[type="tel"],
.forescape [role="dialog"] input[name*="phone" i],
.forescape [role="dialog"] input[name*="tel" i],
.forescape [role="dialog"] input[name*="telephone" i],
.forescape [role="dialog"] input[autocomplete="tel"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#111111 !important;
  border:1px solid #d1d5db !important;
  border-radius:6px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:400 !important;
}

.forescape [role="dialog"] div:has(input[type="tel"]),
.forescape [role="dialog"] div:has(input[name*="phone" i]),
.forescape [role="dialog"] div:has(input[name*="tel" i]),
.forescape [role="dialog"] div:has(input[autocomplete="tel"]){
  background-image:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
}

/* =========================================================
MOBILE
========================================================= */

@media(max-width:767px){
  .forescape-reveal-section{
    padding-bottom:50px !important;
  }

  .cw-mobile-booking-spacer{
    display:block !important;
    width:100% !important;
    height:50px !important;
    min-height:50px !important;
    clear:both !important;
  }

  .cw-tuesday-message{
    font-size:.94rem;
    line-height:1.30;
    transform:translateY(-26px);
    padding:0 10px !important;
  }

  .cw-acompte-top-box{
    margin:0 0 18px 0 !important;
    padding:16px 17px !important;
  }

  .cw-acompte-top-box strong{
    font-size:15px !important;
  }

  .cw-acompte-top-box span{
    font-size:13.5px !important;
    line-height:1.48 !important;
  }

  .forescape [role="dialog"] button[id^="headlessui-listbox-button"],
  .forescape [role="dialog"] button[aria-haspopup="listbox"]{
    min-height:46px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .forescape-reveal-section .forescape-catalog{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}
*/* =========================================================
4ESCAPE — BOUTONS JOUEURS + / -
Base : fond or + symbole blanc
Survol : fond noir + symbole or
========================================================= */

/* Chiffre du milieu uniquement */
.forescape [role="dialog"] .f-player-picker-buttons-container > div:not(.f-player-picker-button){
  background:transparent !important;
  color:#111111 !important;
  box-shadow:none !important;
  font-size:14px !important;
  line-height:1 !important;
}

/* Ronds + / - exacts */
.forescape [role="dialog"] div.f-player-picker-button,
.forescape [role="dialog"] div.f-player-picker-button--dec,
.forescape [role="dialog"] div.f-player-picker-button--inc,
.forescape [role="dialog"] div.cw-4e-player-dec,
.forescape [role="dialog"] div.cw-4e-player-inc{
  position:relative !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;

  background:#c9a86a !important;
  background-color:#c9a86a !important;
  background-image:none !important;

  border:1px solid #c9a86a !important;
  border-radius:999px !important;

  box-shadow:none !important;
  text-shadow:none !important;

  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  opacity:1 !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

/* On masque l'icône native */
.forescape [role="dialog"] div.f-player-picker-button svg,
.forescape [role="dialog"] div.f-player-picker-button path,
.forescape [role="dialog"] div.f-player-picker-button line{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
}

/* Symbole recréé */
.forescape [role="dialog"] div.f-player-picker-button::after,
.forescape [role="dialog"] div.cw-4e-player-dec::after,
.forescape [role="dialog"] div.cw-4e-player-inc::after{
  content:"" !important;

  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-54%) !important;

  display:block !important;
  opacity:1 !important;
  visibility:visible !important;

  color:#ffffff !important;

  font-family:Arial, sans-serif !important;
  font-size:24px !important;
  font-weight:900 !important;
  line-height:1 !important;

  pointer-events:none !important;
  z-index:5 !important;
}

/* Bouton - */
.forescape [role="dialog"] div.f-player-picker-button--dec::after,
.forescape [role="dialog"] div.cw-4e-player-dec::after{
  content:"−" !important;
}

/* Bouton + */
.forescape [role="dialog"] div.f-player-picker-button--inc::after,
.forescape [role="dialog"] div.cw-4e-player-inc::after{
  content:"+" !important;
}

/* Survol : fond noir */
.forescape [role="dialog"] div.f-player-picker-button:hover,
.forescape [role="dialog"] div.cw-4e-player-dec:hover,
.forescape [role="dialog"] div.cw-4e-player-inc:hover{
  background:#050505 !important;
  background-color:#050505 !important;
  background-image:none !important;

  border-color:#c9a86a !important;
}

/* Survol : symbole or */
.forescape [role="dialog"] div.f-player-picker-button:hover::after,
.forescape [role="dialog"] div.cw-4e-player-dec:hover::after,
.forescape [role="dialog"] div.cw-4e-player-inc:hover::after{
  color:#c9a86a !important;
}
/* =========================================================
4ESCAPE — RESET PANIER PROPRE
On annule la cata des sélecteurs trop larges
========================================================= */

.forescape-reveal-section [class*="cart"],
.forescape-reveal-section [class*="basket"],
.forescape-reveal-section [class*="order"],
.forescape-reveal-section [class*="summary"],
.forescape-reveal-section [class*="checkout"]{
  position:initial !important;
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;

  width:auto !important;
  max-width:none !important;
  min-width:0 !important;

  margin:initial !important;
  padding:initial !important;

  background:initial !important;
  background-color:initial !important;
  background-image:none !important;

  border:initial !important;
  border-radius:initial !important;

  box-shadow:none !important;

  opacity:1 !important;
  visibility:visible !important;
}

/* =========================================================
4ESCAPE — PANIER SIMPLE ET STABLE
On ne cible que le vrai conteneur panier, pas ses enfants
========================================================= */

.forescape-reveal-section .forescape-cart{
  position:sticky !important;
  bottom:20px !important;

  width:100% !important;
  max-width:1060px !important;

  margin:34px auto 0 auto !important;

  z-index:99 !important;

  background:#f4f0e6 !important;
  color:#111111 !important;

  border:none !important;
  border-radius:0 !important;

  box-shadow:none !important;
}

/* Contenu du panier : on laisse 4escape gérer */
.forescape-reveal-section .forescape-cart *{
  text-shadow:none !important;
}

/* Bouton continuer réservation uniquement */
.forescape-reveal-section .forescape-cart button,
.forescape-reveal-section .forescape-cart a{
  background:#c9a86a !important;
  background-color:#c9a86a !important;
  background-image:none !important;

  color:#ffffff !important;

  border:1px solid #c9a86a !important;
  border-radius:7px !important;

  box-shadow:none !important;
  text-shadow:none !important;

  font-weight:800 !important;
}

/* Hover bouton panier */
.forescape-reveal-section .forescape-cart button:hover,
.forescape-reveal-section .forescape-cart a:hover{
  background:#050505 !important;
  background-color:#050505 !important;

  color:#c9a86a !important;
  border-color:#c9a86a !important;
}

/* Planning : laisse dépasser le panier */
.forescape,
.forescape-reveal-section{
  position:relative !important;
  overflow:visible !important;
}/* End custom CSS */