.elementor-9 .elementor-element.elementor-element-e0b24c5{--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:20px 20px;--row-gap:20px;--column-gap:20px;--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-9 .elementor-element.elementor-element-e0b24c5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ee2f6c6{--e-image-carousel-slides-to-show:1;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-ee2f6c6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-next{font-size:35px;color:#D4AF7A;}.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-next svg{fill:#D4AF7A;}.elementor-9 .elementor-element.elementor-element-3a26904{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-02a2505{margin:-30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-299d721{background-color:#000000;z-index:0;}.elementor-9 .elementor-element.elementor-element-e58f6ef{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-085a1ed{border-style:none;}body.elementor-page-9:not(.elementor-motion-effects-element-type-background), body.elementor-page-9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-9 .elementor-element.elementor-element-e0b24c5{--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-9 .elementor-element.elementor-element-ee2f6c6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-ee2f6c6.elementor-element{--order:0;--flex-grow:0;--flex-shrink:0;}.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button.elementor-swiper-button-next{font-size:15px;}.elementor-9 .elementor-element.elementor-element-3a26904{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-bdf3efa{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-02a2505{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-9 .elementor-element.elementor-element-299d721{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-9 .elementor-element.elementor-element-e58f6ef{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}}@media(min-width:768px){.elementor-9 .elementor-element.elementor-element-e0b24c5{--width:100.67%;}}/* Start custom CSS for image-carousel, class: .elementor-element-ee2f6c6 *//* =========================================================
ACCUEIL — CARROUSEL HERO RESPONSIVE PROPRE
À coller dans :
Carrousel d’images → Avancé → CSS personnalisé

Ordre actuel des images :
0 = Mathilda
1 = Templiers
2 = Rikers
3 = Xibalba
4 = ClockQuiz
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6{
  width:100vw !important;
  max-width:100vw !important;
  height:78vh !important;
  min-height:620px !important;
  max-height:780px !important;

  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;

  overflow:hidden !important;
  background:#000 !important;
  position:relative !important;
}

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-widget-container,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-image-carousel-wrapper,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-container,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-wrapper,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-inner,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 figure{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
}

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide{
  position:relative !important;
  overflow:hidden !important;
  background:#000 !important;
}

.elementor-9 .elementor-element.elementor-element-ee2f6c6 img,
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-image{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;

  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#000 !important;
}

/* Flèches */
.elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button{
  z-index:50 !important;
  color:#e6cc95 !important;
}

/* =========================================================
TITRES / LOGOS SUR LES SLIDES
IMPORTANT :
On utilise uniquement data-swiper-slide-index.
Pas de nth-child, sinon Elementor/Swiper mélange les logos sur mobile.
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide::after{
  content:"" !important;
  position:absolute !important;

  left:50% !important;
  bottom:24px !important;
  transform:translateX(-50%) !important;

  z-index:40 !important;
  pointer-events:none !important;

  width:min(560px, 40vw) !important;
  height:150px !important;

  background-repeat:no-repeat !important;
  background-position:center center !important;
  background-size:contain !important;

  filter:
    drop-shadow(0 5px 14px rgba(0,0,0,.95))
    drop-shadow(0 0 16px rgba(0,0,0,.75)) !important;
}

/* =========================================================
0 = MATHILDA
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="0"]::after{
  background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/TITRE-LE-CAS-MATHILDA.png") !important;
  width:min(560px, 40vw) !important;
  height:150px !important;
  bottom:22px !important;
}

/* =========================================================
1 = TEMPLIERS
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="1"]::after{
  background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/Heritage-templiers-titre.png") !important;
  width:min(560px, 40vw) !important;
  height:150px !important;
  bottom:20px !important;
}

/* =========================================================
2 = RIKERS
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"]::after{
  background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/TITRE-RIKERS-ISLAND-1.png") !important;
  width:min(600px, 43vw) !important;
  height:160px !important;
  bottom:24px !important;
}

/* =========================================================
3 = XIBALBA
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"]::after{
  background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/titre_temple_xibalba_centre.png") !important;
  width:min(560px, 40vw) !important;
  height:150px !important;
  bottom:20px !important;
}

/* =========================================================
4 = CLOCKQUIZ
========================================================= */

.elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"]::after{
  background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/Logo-clockquiz.png") !important;
  width:min(520px, 38vw) !important;
  height:170px !important;
  bottom:42px !important;

  filter:
    drop-shadow(0 5px 14px rgba(0,0,0,.95))
    drop-shadow(0 0 18px rgba(88,184,255,.38))
    drop-shadow(0 0 20px rgba(224,123,232,.32)) !important;
}

/* =========================================================
TABLETTE
========================================================= */

@media(max-width:1024px){

  .elementor-9 .elementor-element.elementor-element-ee2f6c6{
    height:70svh !important;
    min-height:540px !important;
    max-height:660px !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide::after{
    width:min(460px, 52vw) !important;
    height:120px !important;
    bottom:18px !important;
  }

  /* Mathilda */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="0"]::after{
    width:min(460px, 52vw) !important;
    height:120px !important;
    bottom:16px !important;
  }

  /* Templiers */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="1"]::after{
    width:min(460px, 52vw) !important;
    height:120px !important;
    bottom:16px !important;
  }

  /* Rikers */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"]::after{
    width:min(500px, 56vw) !important;
    height:128px !important;
    bottom:18px !important;
  }

  /* Xibalba */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"]::after{
    width:min(460px, 52vw) !important;
    height:120px !important;
    bottom:16px !important;
  }

  /* ClockQuiz */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"]::after{
    width:min(460px, 54vw) !important;
    height:140px !important;
    bottom:26px !important;
  }
}

/* =========================================================
MOBILE — HERO PROPRE ET STABLE
========================================================= */

@media(max-width:767px){

  .elementor-9 .elementor-element.elementor-element-ee2f6c6{
    width:100% !important;
    max-width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

    height:46svh !important;
    min-height:300px !important;
    max-height:360px !important;

    overflow:hidden !important;
    background:#000 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-widget-container,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-image-carousel-wrapper,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-container,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-wrapper,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-inner,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 figure{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    margin:0 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-image{
    width:100% !important;
    height:100% !important;
    min-height:100% !important;

    display:block !important;
    object-fit:cover !important;
    object-position:center center !important;
    background:#000 !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-swiper-button{
    transform:scale(.82);
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide::after{
    left:50% !important;
    bottom:10px !important;
    transform:translateX(-50%) !important;

    width:82vw !important;
    height:84px !important;

    background-size:contain !important;
    background-position:center center !important;

    filter:
      drop-shadow(0 4px 10px rgba(0,0,0,.95))
      drop-shadow(0 0 12px rgba(0,0,0,.75)) !important;
  }

  /* MATHILDA */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="0"]::after{
    width:82vw !important;
    height:84px !important;
    bottom:10px !important;
  }

  /* TEMPLIERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="1"]::after{
    width:84vw !important;
    height:86px !important;
    bottom:8px !important;
  }

  /* RIKERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"]::after{
    width:88vw !important;
    height:90px !important;
    bottom:10px !important;
  }

  /* XIBALBA */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"]::after{
    width:84vw !important;
    height:88px !important;
    bottom:8px !important;
  }

  /* CLOCKQUIZ */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"]::after{
    width:96vw !important;
    max-width:520px !important;
    height:130px !important;
    bottom:4px !important;

    background-image:url("https://clockwisescape.com/wp-content/uploads/2026/06/Logo-clockquiz.png") !important;

    filter:
      drop-shadow(0 5px 12px rgba(0,0,0,.95))
      drop-shadow(0 0 16px rgba(88,184,255,.38))
      drop-shadow(0 0 18px rgba(224,123,232,.32)) !important;
  }

  /* =========================================================
  CADRAGE MOBILE PAR SALLE
  ========================================================= */

  /* MATHILDA */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="0"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="0"] .swiper-slide-image{
    object-position:center center !important;
  }

  /* TEMPLIERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="1"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="1"] .swiper-slide-image{
    object-position:center center !important;
  }

  /* RIKERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"] .swiper-slide-image{
    object-position:62% center !important;
  }

  /* XIBALBA */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"] .swiper-slide-image{
    object-position:62% center !important;
  }

  /* CLOCKQUIZ */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"] .swiper-slide-image{
    object-position:78% center !important;
  }
}

/* =========================================================
TRÈS PETITS MOBILES
========================================================= */

@media(max-width:390px){

  .elementor-9 .elementor-element.elementor-element-ee2f6c6{
    height:44svh !important;
    min-height:280px !important;
    max-height:340px !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide::after{
    width:84vw !important;
    height:78px !important;
    bottom:10px !important;
  }

  /* RIKERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"]::after{
    width:88vw !important;
    height:84px !important;
  }

  /* CLOCKQUIZ */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"]::after{
    width:98vw !important;
    height:115px !important;
    bottom:2px !important;
  }

  /* RIKERS */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="2"] .swiper-slide-image{
    object-position:64% center !important;
  }

  /* XIBALBA */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="3"] .swiper-slide-image{
    object-position:64% center !important;
  }

  /* CLOCKQUIZ */
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"] img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide[data-swiper-slide-index="4"] .swiper-slide-image{
    object-position:82% center !important;
  }
}
/* =========================================================
FIX FINAL — EMPÊCHER SWIPER DE DÉCALER LA PAGE MOBILE
========================================================= */

@media(max-width:767px){

  .elementor-9 .elementor-element.elementor-element-ee2f6c6{
    overflow:hidden !important;
    contain:paint !important;
    clip-path:inset(0) !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-widget-container,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .elementor-image-carousel-wrapper,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-container{
    overflow:hidden !important;
    contain:paint !important;
    clip-path:inset(0) !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-wrapper{
    overflow:visible !important;
    max-width:none !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide{
    width:100% !important;
    max-width:100% !important;
    flex-shrink:0 !important;
    overflow:hidden !important;
  }

  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-inner,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 figure,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 img,
  .elementor-9 .elementor-element.elementor-element-ee2f6c6 .swiper-slide-image{
    max-width:100% !important;
    overflow:hidden !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-299d721 *//* =========================================================
4ESCAPE — CLOCKWISE CSS GLOBAL CLEAN
Version propre : planning premium + réservation stable + panier minimal
IMPORTANT : supprimer tout l’ancien CSS 4escape avant de coller celui-ci.
========================================================= */

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

/* =========================================================
0) BASE
========================================================= */

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

html{
  scroll-padding-top:140px !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);
}

.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) BADGE -10%
========================================================= */

.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;
}

/* =========================================================
3) PASTILLES TÉLÉPHONE PLANNING
Ne cible jamais [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;
}

/* =========================================================
4) CRÉNEAUX — HOVER OR
========================================================= */

.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;
}

/* =========================================================
5) FLÈCHES DATEPICKER
========================================================= */

.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;
}

/* =========================================================
6) POPUP APPELEZ-NOUS
========================================================= */

.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;
}

/* =========================================================
7) FENÊTRE RÉSERVATION — AJOUT JOUEURS
========================================================= */

.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;
}

/* Boutons + / - : vrais éléments div */
.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;
}

.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;
}

.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;
}

.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;
}

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

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

.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;
}

.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;
}

/* =========================================================
8) BANDEAU / OPTIONS / BOUTON AJOUTER
========================================================= */

.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) PANIER — RESET PROPRE + STICKY PLANNING
Version qui fonctionnait : panier dans la zone planning
========================================================= */

/* Reset des anciens forçages panier */
.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;
  pointer-events:auto !important;
}

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

/* Espace pour que le panier ne masque pas le bas du planning */
.forescape-reveal-section{
  padding-bottom:120px !important;
}

/* Vrai panier 4escape */
.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:99999 !important;

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

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

  box-shadow:none !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

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

/* Parties gauche / droite bien visibles */
.forescape-reveal-section .forescape-cart .text-left,
.forescape-reveal-section .forescape-cart .text-right{
  display:revert !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* Bouton continuer réservation */
.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;
}

/* Bouton continuer réservation du panier */
.forescape-reveal-section .forescape-cart button,
.forescape-reveal-section .forescape-cart a,
.forescape-cart button,
.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;
}

.forescape-reveal-section .forescape-cart button:hover,
.forescape-reveal-section .forescape-cart a:hover,
.forescape-cart button:hover,
.forescape-cart a:hover{
  background:#050505 !important;
  background-color:#050505 !important;

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

.forescape-reveal-section .forescape-cart button:hover *,
.forescape-reveal-section .forescape-cart a:hover *,
.forescape-cart button:hover *,
.forescape-cart a:hover *{
  color:#c9a86a !important;
}

/* =========================================================
10) CHECKOUT — LISIBLE / FOND CLAIR
========================================================= */

html body .f-checkout-view,
html body .f-checkout-view--resumeSide,
html body .f-checkout-view-content{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#111111 !important;
  text-shadow:none !important;
}

html body .f-checkout-view *,
html body .f-checkout-view--resumeSide *,
html body .f-checkout-view-content *{
  color:#111111 !important;
  text-shadow:none !important;
}

html body .f-checkout-view h1,
html body .f-checkout-view h2,
html body .f-checkout-view h3,
html body .f-checkout-view-content h1,
html body .f-checkout-view-content h2,
html body .f-checkout-view-content h3{
  color:#111111 !important;
  font-weight:900 !important;
}

html body .f-checkout-view a,
html body .f-checkout-view-content a{
  color:#c9a86a !important;
  font-weight:800 !important;
}

html body .f-checkout-view [class*="timer"],
html body .f-checkout-view [class*="countdown"],
html body .f-checkout-view-content [class*="timer"],
html body .f-checkout-view-content [class*="countdown"]{
  color:#b32020 !important;
  font-weight:800 !important;
}

html body .f-checkout-view input,
html body .f-checkout-view textarea,
html body .f-checkout-view select,
html body .f-checkout-view-content input,
html body .f-checkout-view-content textarea,
html body .f-checkout-view-content select{
  background:#ffffff !important;
  background-color:#ffffff !important;
  color:#111111 !important;
  border:1px solid #d1d5db !important;
  border-radius:6px !important;
  box-shadow:none !important;
}

html body .f-checkout-view button,
html body .f-checkout-view-content button{
  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:900 !important;
}

html body .f-checkout-view button *,
html body .f-checkout-view-content button *{
  color:#ffffff !important;
}

html body .f-checkout-view button:hover,
html body .f-checkout-view-content button:hover{
  background:#050505 !important;
  background-color:#050505 !important;
  color:#c9a86a !important;
  border-color:#c9a86a !important;
}

html body .f-checkout-view button:hover *,
html body .f-checkout-view-content button:hover *{
  color:#c9a86a !important;
}

/* Bloc acompte dans le 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,
.cw-acompte-top-box *{
  color:#EAE6DE !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;
}

/* =========================================================
11) 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:100px !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;
  }

  .forescape-reveal-section .forescape-cart{
    bottom:14px !important;
    margin-top:18px !important;
  }

  .forescape-reveal-section .forescape-cart .text-left{
    width:140px !important;
    min-width:140px !important;
    min-height:100px !important;
    padding:12px 14px !important;
  }
}

@media (prefers-reduced-motion: reduce){
  .forescape-reveal-section .forescape-catalog{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }
}

/* =========================================================
12) FIX FORMULAIRE CHECKOUT LISIBLE
========================================================= */

html body .f-checkout-view-content,
html body .f-checkout-view-content form{
  background:#ffffff !important;
  color:#111111 !important;
}

html body .f-checkout-view-content label,
html body .f-checkout-view-content form label,
html body .f-checkout-view-content [class*="label"]{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
  font-weight:700 !important;
}

html body .f-checkout-view-content input,
html body .f-checkout-view-content textarea,
html body .f-checkout-view-content select{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  border:1px solid #d1d5db !important;
  border-radius:6px !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-weight:400 !important;
  opacity:1 !important;
}

html body .f-checkout-view-content input::placeholder,
html body .f-checkout-view-content textarea::placeholder{
  color:#777777 !important;
  -webkit-text-fill-color:#777777 !important;
  opacity:1 !important;
}

html body .f-checkout-view-content [class*="error"],
html body .f-checkout-view-content [class*="invalid"],
html body .f-checkout-view-content [class*="danger"],
html body .f-checkout-view-content .text-danger{
  color:#b32020 !important;
  -webkit-text-fill-color:#b32020 !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* =========================================================
13) FIX FINAL BLOC ACOMPTE LISIBLE
========================================================= */

html body .f-checkout-view-content .cw-acompte-top-box,
html body .f-checkout-view .cw-acompte-top-box,
html body .cw-acompte-top-box{
  background:
    radial-gradient(circle at top left, rgba(201,168,106,.18), transparent 40%),
    linear-gradient(135deg, rgba(201,168,106,.14), rgba(201,168,106,.04)),
    #090909 !important;

  border:1px solid rgba(201,168,106,.70) !important;
  border-radius:10px !important;
  padding:24px 28px !important;
  margin:0 0 28px 0 !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.38),
    0 0 24px rgba(201,168,106,.12) !important;
  color:#f3efe4 !important;
  -webkit-text-fill-color:#f3efe4 !important;
  text-shadow:none !important;
}

html body .f-checkout-view-content .cw-acompte-top-box *,
html body .f-checkout-view .cw-acompte-top-box *,
html body .cw-acompte-top-box *{
  color:#f3efe4 !important;
  -webkit-text-fill-color:#f3efe4 !important;
  text-shadow:none !important;
}

html body .f-checkout-view-content .cw-acompte-top-box strong,
html body .f-checkout-view .cw-acompte-top-box strong,
html body .cw-acompte-top-box strong{
  display:block !important;
  color:#c9a86a !important;
  -webkit-text-fill-color:#c9a86a !important;
  font-family:Montserrat, Arial, sans-serif !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1.3 !important;
  margin:0 0 10px 0 !important;
}

html body .f-checkout-view-content .cw-acompte-top-box span,
html body .f-checkout-view .cw-acompte-top-box span,
html body .cw-acompte-top-box span,
html body .f-checkout-view-content .cw-acompte-top-box p,
html body .f-checkout-view .cw-acompte-top-box p,
html body .cw-acompte-top-box p{
  color:rgba(243,239,228,.92) !important;
  -webkit-text-fill-color:rgba(243,239,228,.92) !important;
  font-family:Montserrat, Arial, sans-serif !important;
  font-size:16px !important;
  font-weight:500 !important;
  line-height:1.65 !important;
  margin:0 !important;
}
/* =========================================================
9B) PANIER — DESIGN BLOC CENTRÉ PREMIUM
Garde le sticky actuel, rend la bande invisible
========================================================= */

/* La bande reste large pour garder le bon comportement sticky */
.forescape-reveal-section .forescape-cart{
  position:sticky !important;
  bottom:20px !important;

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

  margin:34px auto 0 auto !important;
  padding:0 !important;

  z-index:99999 !important;

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

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

  display:block !important;
}

/* Conteneur interne transparent */
.forescape-reveal-section .forescape-cart > .container,
.forescape-reveal-section .forescape-cart > .container-fluid{
  width:100% !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 !important;

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

  border:none !important;
  box-shadow:none !important;
}

/* Ligne centrée */
.forescape-reveal-section .forescape-cart .row{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:100% !important;
  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  box-shadow:none !important;
}

/* Colonnes internes */
.forescape-reveal-section .forescape-cart .col-xs-6,
.forescape-reveal-section .forescape-cart .col-sm-6,
.forescape-reveal-section .forescape-cart .col-md-6{
  float:none !important;
  width:auto !important;
  max-width:none !important;
  padding:0 !important;
  margin:0 !important;
}

/* On cache la partie droite pour ne garder que le bloc panier */
.forescape-reveal-section .forescape-cart .text-right{
  display:none !important;
}

/* Bloc panier visible */
.forescape-reveal-section .forescape-cart .text-left{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;

  width:190px !important;
  min-width:190px !important;
  min-height:128px !important;

  padding:18px 20px !important;

  text-align:center !important;

  background:
    radial-gradient(circle at top left, rgba(230,204,149,.35), transparent 42%),
    linear-gradient(135deg, #c9a86a 0%, #d8b873 52%, #a9823f 100%) !important;

  color:#ffffff !important;

  border:1px solid #e6cc95 !important;
  border-radius:14px !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.45),
    0 0 22px rgba(201,168,106,.28) !important;

  font-family:Montserrat, Arial, sans-serif !important;
  line-height:1.08 !important;

  cursor:pointer !important;
}

/* Texte du bloc */
.forescape-reveal-section .forescape-cart .text-left,
.forescape-reveal-section .forescape-cart .text-left *{
  color:#ffffff !important;
  background:transparent !important;
  text-shadow:none !important;
  text-align:center !important;
  margin:0 !important;
  line-height:1.08 !important;
}

/* Icône panier */
.forescape-reveal-section .forescape-cart .text-left svg,
.forescape-reveal-section .forescape-cart .text-left i{
  display:block !important;

  width:28px !important;
  height:28px !important;

  margin:0 auto 6px auto !important;

  color:#050505 !important;
  stroke:#050505 !important;
  fill:none !important;
}

.forescape-reveal-section .forescape-cart .text-left svg path{
  stroke:#050505 !important;
  fill:none !important;
}

/* Nombre / horaire */
.forescape-reveal-section .forescape-cart .text-left span,
.forescape-reveal-section .forescape-cart .text-left div,
.forescape-reveal-section .forescape-cart .text-left p{
  font-size:16px !important;
  font-weight:700 !important;
}

/* Prix */
.forescape-reveal-section .forescape-cart .text-left strong,
.forescape-reveal-section .forescape-cart .text-left b{
  font-size:21px !important;
  font-weight:900 !important;
}

/* Hover : noir / or */
.forescape-reveal-section .forescape-cart .text-left:hover{
  background:#050505 !important;
  background-color:#050505 !important;

  color:#c9a86a !important;

  border-color:#c9a86a !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.50),
    0 0 26px rgba(201,168,106,.35) !important;
}

.forescape-reveal-section .forescape-cart .text-left:hover,
.forescape-reveal-section .forescape-cart .text-left:hover *{
  color:#c9a86a !important;
}

.forescape-reveal-section .forescape-cart .text-left:hover svg,
.forescape-reveal-section .forescape-cart .text-left:hover svg path,
.forescape-reveal-section .forescape-cart .text-left:hover i{
  color:#c9a86a !important;
  stroke:#c9a86a !important;
  fill:none !important;
}
/* =========================================================
4ESCAPE — COLONNE VOTRE COMMANDE LISIBLE
Force la partie droite du checkout en fond blanc
========================================================= */

/* Layout checkout complet */
html body .forescape .f-checkout-view{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
}

/* Colonne droite / résumé commande */
html body .forescape .f-checkout-view > div,
html body .forescape .f-checkout-view--resumeSide > div,
html body .forescape .f-checkout-view-content + div,
html body .forescape .f-checkout-view [class*="resume"],
html body .forescape .f-checkout-view [class*="summary"],
html body .forescape .f-checkout-view [class*="cart"],
html body .forescape .f-checkout-view [class*="order"]{
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;

  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;

  text-shadow:none !important;
}

/* Texte de la colonne droite */
html body .forescape .f-checkout-view > div *,
html body .forescape .f-checkout-view--resumeSide > div *,
html body .forescape .f-checkout-view-content + div *,
html body .forescape .f-checkout-view [class*="resume"] *,
html body .forescape .f-checkout-view [class*="summary"] *,
html body .forescape .f-checkout-view [class*="cart"] *,
html body .forescape .f-checkout-view [class*="order"] *{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  text-shadow:none !important;
}

/* Titre Votre commande */
html body .forescape .f-checkout-view h1,
html body .forescape .f-checkout-view h2,
html body .forescape .f-checkout-view h3{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  font-weight:900 !important;
}

/* Supprimer */
html body .forescape .f-checkout-view a{
  color:#c9a86a !important;
  -webkit-text-fill-color:#c9a86a !important;
  font-weight:800 !important;
}

/* Timer */
html body .forescape .f-checkout-view [class*="timer"],
html body .forescape .f-checkout-view [class*="countdown"]{
  color:#b32020 !important;
  -webkit-text-fill-color:#b32020 !important;
  font-weight:800 !important;
}

/* On garde le bloc acompte noir/or */
html body .forescape .cw-acompte-top-box,
html body .forescape .cw-acompte-top-box *{
  color:#f3efe4 !important;
  -webkit-text-fill-color:#f3efe4 !important;
}

html body .forescape .cw-acompte-top-box strong{
  color:#c9a86a !important;
  -webkit-text-fill-color:#c9a86a !important;
}/* End custom CSS */