/******************** 
        Main
*********************/

*, ::before, ::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body, h1, h2, h3, p{
  font-weight: normal;   
  letter-spacing: 0.01rem;
  line-height: 1.45rem;
}

html, body {
  overflow-x: hidden; 
  width: 100%;
}

p, li{
  font-size: clamp(1rem, 1vw, 1.125rem);
}

main{
  /* width: 98%; */
  margin: 50px 0 0 0;
}

section{
  padding: 20px 0;
}

ul, li , a{
  list-style-type: none;
  text-decoration: none;
}

li a{
  transition: all 0.4s ease-in-out;
}

.marginZero{
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.info_accent{
  font-weight: 500;
}

/* ===== ACCESSIBILITY ===== */

:focus-visible {
  outline: 3px solid #0077ff;
  outline-offset: 1px;
  transition: outline-color 0.3s ease;
}

button:focus-visible,  li:focus-visible,  a:focus-visible, button.close-modal:focus-visible{
  outline: 3px solid #0077ff; /* Couleur bleue */
  outline-offset: 3px; 
}

.sr-only,
.visuallyhidden,
hr {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(100%);
  border: 0;
  white-space: nowrap;
  color: #00AFAA;
}

.sr-only{
  color: #012625;
  background-color: white;
}

.skip-link {
    position: absolute;
    left: -999px;
    top: -45px;
    width: 250px;
    height: 40px;
    background: #0059be;
    color: #fff;
    padding: 8px;
    z-index: 100;
    font-size: 16px;
    text-decoration: none;
  }

  .skip-link:focus {
    top: 50px;
    left: 50px;
    outline: 3px solid #0077ff;
  }
  
  .stoic{
    font-family: var(--wp--preset--font-family--stoic);
    font-size: clamp(2.4rem, 3vw, 2.625rem);
    line-height: 1;
  }

/********* full wide content ***********/

.alignwide {
  width: 100%;
  max-width: 1200px;
}

.alignfull {
  width: 100vw;
  max-width: 100vw;
}


/********* btn arrowup ************/
.btn-arrowup{
    z-index: 9999;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position:fixed;
    right: -25px;
    bottom: 60px;
    cursor: pointer;
    background-color: transparent;
    border: none;
}

.btn-arrowup svg{
  z-index: 9999;
  padding: 0px;
  margin: 0 0 55px 0px;
  width: 30px;
  background-color: transparent;
  transition: fill 0.3s ease;
}

.btn-arrowup:hover svg{
  fill: var(--wp--preset--color--ocre, #ac593e) 
}

/***************** BTN ************************/

/******** icon btn ********/

svg.btn--next-icon{
  width: 35px;
  height: 35px;
  margin-left: 10px;
  padding: 5px;
  background-color: var(--wp--preset--color--charcoal, #525252);
  fill: var(--wp--preset--color--base, #FFFFFF);
  border-radius: 30px;
}

.btn-transparent a{
  padding: 10.5px 6px 10.5px 14px;
}

body .btn-transparent a, body .btn-resa a{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  min-width: 203px;
}

.btn-transparent a, .btn-resa a, .btn-transparent svg.btn--next-icon{
  transition: background-color  0.2s ease-in-out, color 0.2s ease-in-out;
}

.btn-resa svg.keys {
  fill: var(--wp--preset--color--charcoal, #525252);
}

.btn-transparent a:hover, .btn-resa a:hover, .btn-transparent a:hover svg.btn--next-icon{
  background-color: var(--wp--preset--color--ocre, #ac593e) !important;
  color: var(--wp--preset--color--parchment, #FAF4ED) !important;
  border: solid 1px transparent !important;
}

.btn-resa:hover svg.keys {
  fill: var(--wp--preset--color--parchment, #FAF4ED);
}


/********************************/
/*          HEADER              */
/********************************/

.header{
  width: 100vw;
  height: auto;
}

/* ===== BURGER BTN  ===== */

.header__btn-responsive{
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 35px;
  right: 20px;
  width: 44px;
  height: 44px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}

.header__btn-line{
  position: absolute;
  left: 4px;
  width: 80%;
  height: 3px;
  margin: auto;
  border-radius: 5px;
  background-color:  var(--wp--preset--color--deepwalnut, #525252);
  transition: all 0.3s ease-in-out;
}

.header__btn-line:nth-child(1){
  top: 10px;
}

.header__btn-line:nth-child(2){
  top: 20px;
}

.header__btn-line:nth-child(3){
  top: 30px;
}

.header__btn-responsive.active .header__btn-line:is(:nth-child(1), :nth-child(3)){
  top: 20px;
  transform: rotate(135deg);
  background-color: var(--wp--preset--color--deepwalnut, #525252);
}

.header__btn-responsive.active .header__btn-line:nth-child(2){
  opacity: 0;
  transform: translateX(-20px);
}

.header__btn-responsive.active .header__btn-line:nth-child(3){
  width: 80%;
  transform: rotate(-135deg);
}

/* ===== BTN ARROW UP  ===== */
.vertical-text {
  z-index: 9999;
  display: inline-block;
  transform:rotate(-90deg);
  text-transform: uppercase;
  font-size: 0.7rem;
  font-weight: 500;
  color: var(--wp--preset--color--charcoal, #525252);
  letter-spacing: 2px;
  background-color: var(--wp--preset--color--base, #FFFFFF);
}

.header__current-page,
.btn-arrowup {
  transition: color 0.05s ease; 
}

/* ===== HEADER BANNER  ===== */

.header__banner{
 display: flex;
 flex-direction: column;
 justify-content: space-around;
 align-items: center;
 margin-top: 20px;
}

.header__logo img{
  width: 220px;
  height: auto;
}

.header__nav{
  position: fixed;
  z-index: 999;
  top: 280px; 
  right: 0;
  width: 100%;
  height: calc(100vh - 150px); 
  transform: translateX(100%);
  transition: transform 0.4s ease-in-out;
  overflow-y: auto;
  background: var(--pure-white, #FFF);
}

.header__nav.active-menu{
  transform: translateX(0);
}

.header__nav-list{
  text-align: center;
}

.header__nav-list li{
  margin: 20px 0px;
}

.header__nav-list li a{
  font-size: 18px;
  color: var(--wp--preset--color--olivewood);
  text-transform: uppercase;
}

.header__nav-list li:hover a{
  color: var(--wp--preset--color--ocre);
}

li.piscine{
	display: none;
}

.min-width-60{
  display: block;
  min-width: 61px;
}

.min-width-100{
  display: block;
  min-width: 105px;
}
.social-icons{
  display: flex;
}

.social-icon{
  margin-left: 12px;
  width: 18px;
  height: auto;
  transition: transform 0.2s ease-in-out; 
}

.social-icon:hover{
  transform: scale(1.2);
}

svg.dot{
  width: 8px;
  height: 8px;
}

.infos{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
  row-gap: 5px;
  column-gap: 15px;
  padding: 30px 0px;
  margin-top: 30px;
  font-size: 16px;
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--olivewood);
}

svg.tel, svg.keys, svg.mail{
  width: 24px;
  height: 24px;
  margin-right: 8px;
  margin: 0 8px 0 4px;
}

svg.tel{
  width: 24px;
}

.infos-resa svg.keys{
  fill: var(--wp--preset--color--charcoal, #525252);
  transition: fill 0.2s ease-in-out;
}

.infos-phone, .infos-mail{
  display: flex;
  padding: 10px 4px;
}

.infos-resa{
  display: flex;
  justify-content: center;
  width: 190px;
  margin-top: 25px;
  padding: 10px;
  text-transform: uppercase;
  color: var(--wp--preset--color--charcoal, #525252);
  background-color: var(--wp--preset--color--parchment, #FAF4ED);
}

.infos-phone, .infos-resa{
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.infos-phone:hover, .infos-resa:hover {
  color: var(--wp--preset--color--parchment, #FAF4ED);
  background-color: var(--wp--preset--color--ocre, #ac593e);
}

.infos-resa:hover svg.keys{
  fill: var(--wp--preset--color--parchment, #FAF4ED);
}

.infos-hero {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow: visible; 
}

.infos-img{
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  max-width: 100%;
}

.infos-img img {
  width: 100%;
  height: auto;
  display: block;
}

.hero__infos-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
}

body .hero__infos-title{
  font-family: var(--wp--preset--font-family--stoic);
  font-size: clamp(4rem, 8vw, 8rem);
}

body h2.hero__infos-subtitle{
  margin-top: clamp(1rem, 4vw, 4.5rem);
  font-size:  clamp(1.5rem, 3vw, 3rem);
  font-weight: 200;
  text-transform: uppercase;
  font-family: var(--wp--preset--font-family--poppins);
}

.hero__infos-accent{
  display: block;
  margin-top: 30px;
  font-size: var(--wp--preset--font-size--large);
}

body .hero__infos-title, body h2.hero__infos-subtitle{
  text-align: center;
  color:  var(--wp--preset--color--base, #FFFFFF);
}

/************* AFTER or BEFORE COMMON TO SEVERAL SECTIONS **************/
body .section__lodge::after,
body .section__commodite::before,
body figure.section__description-img::before,
body .section__equipements::after, 
body figure.section__kitchen-img::before  {
  content: "";
  position: absolute;
  filter: opacity(0.8); 
}

body .section__commodite::before,
body .section__equipements::after {
  display: block;
  width: 350px;
  height: 216px;
  background: url("./../img/fleurs-printemps.avif") no-repeat center / contain;
  opacity: 0.2;
}

.equipements__list li::before, .nb-capacity::before, #kitchen-equipment li::before, .commodites__list li::before, .section__love-room-content h2::before, .section__love-room-content h2::after{
  display: block;
  content: "";
  background: var(--icon);
  background-size: contain;
  background-repeat: no-repeat;
}

/* list */
.equipements__list, .commodites__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  gap: 20px;
}

.equipements__list > ul, #kitchen-equipment, .commodites__list > ul  {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
  max-width: 220px;
  width: 100%;
  justify-content: flex-start;
  row-gap: 20px;
}

.equipements__list li, #kitchen-equipment li, .commodites__list li {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 213px;
}

.equipements__list li::before, #kitchen-equipment li::before{
  width: 24px;
  height: 24px;
}

/* ===== SECTION PRESTATIONS ===== */

body .section__prestations-wrapper  div{
  border-left-color: transparent !important;
}

/* ===== SECTION LODGE ===== */

body .section__lodge,
body .section__description{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.body .section__description{
  padding: 0px 0px 40px 0px;
}

body .section__lodge > *{
 z-index: 10;
}

body .section__lodge::after {
  width: 225px;
  height: 350px;
  background: url("./../img/plante-deco-left.webp") no-repeat center / contain;
  bottom: 0;
  right: 0;
}

.section__lodge-title{
  max-width: 600px;
}

body .section__lodge-content{
  max-width: 580px;
  margin: 75px 15px 0px 15px;
}

body .section__lodge-img{
  max-width: 550px;
}

/* ===== SECTION COMMODITES ===== */
body .section__commodite::before {
  transform: rotate(45deg);
  top: 0;
  left: 0;
}

.section__commodite-p{
  max-width: 900px;
}

.commodites__list, .commodites-list-type-style{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  max-width: 830px;
}

.commodites-list-type-style, .liste-type-style-love-room {
  gap: 30px;

}

.commodites__list, .commodites-list-type-style, .list-other{
  margin: 20px 0 70px 0px;
}

.commodites-list-type-style li, .liste-type-style-love-room li{
  list-style-type: disc;
}

.commodites-list-type-style li::marker, .liste-type-style-love-room li::marker {
  color: var(--wp--preset--color--ocre, #ac593e);
}

.list-five-min li::before{
  width: 30px;
  min-width: 30px;
  height: 30px;
}

/* ===== SECTION DESCRIPTION ===== */

.section__description {
  padding-top: 0;
}

body figure.section__description-img {
  z-index: 9;
  position: relative;
}

body figure.section__description-img::before {
  z-index: 10;
  position: absolute;
  width: 45%;
  height:45%;
  background: url("./../img/coquelicot.webp") no-repeat center / contain;
  left: 50px;
  transform: translateX(-50%) rotate(70deg);
  bottom: -45%;
}

.section__description-content {
  z-index: 20;
  max-width: 670px;
  margin: 70px 20px;
}

/* ===== SECTION EQUIPEMENTS ===== */

section.section__equipements .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){
  margin-left: 0 !important;
  margin-right: 0 !important;
}

body .section__equipements::after {
  transform: scaleX(-1)  rotate(45deg) ;
  bottom: -80px;
  right: 0;
  z-index: 10;
}

.section__equipements-p{
  max-width: 1200px;
  text-wrap: balance;
}

.wifi { --icon: url("./../img/icons/wifi.png"); }
.tv { --icon: url("./../img/icons/tv.png"); }
.laundry { --icon: url("./../img/icons/laundry.png"); }
.dishes { --icon: url("./../img/icons/dishwasher.png"); }
.iron { --icon: url("./../img/icons/steam-iron.png"); }
.aircond { --icon: url("./../img/icons/air-conditioning.png"); }
.bed-sheets { --icon: url("./../img/icons/bed-sheets.png"); }
.coffee { --icon: url("./../img/icons/coffee-machine.png"); }
.hairdry { --icon: url("./../img/icons/hairdryer.png"); }
.barbec { --icon: url("./../img/icons/bbq-grill.png"); }
.beach { --icon: url("./../img/icons/summer.png"); }
.freepark { --icon: url("./../img/icons/parking-lodge-lecrin-solaire.png"); }
.lacs { --icon: url("./../img/icons/lacs.png"); }
.commerces { --icon: url("./../img/icons/commerces.png"); }
.base-loisir { --icon: url("./../img/icons/base-loisir.png"); }
.restaurants { --icon: url("./../img/icons/restaurants.png"); }
.rent { --icon: url("./../img/icons/rent.png"); }
.gare { --icon: url("./../img/icons/gare.png"); width: 28px; height: 28px;}

/* ===== SECTION CHAMBRE ===== */

body .wp-container-core-group-is-layout-6c531013{
  flex-wrap: nowrap;
}

.section__bedroom-mainContent{
  padding: 60px 0px;
  /* background: linear-gradient(to bottom,
  var(--wp--preset--color--base, #fff)  10%,
  var(--wp--preset--color--parchment, #FAF4ED)  10% 110%,
  var(--wp--preset--color--base, #fff)  110%); */
}

.section__bedroom-wrapper-img{
  display: flex;
  flex-direction: column;
  /* padding: 0px 10px; */
  width: 96%;
}

.section__bedroom-img-container{
  display: flex;
  flex-direction: column;
  /* max-width: 800px; */
}

.section__bedroom-main-img, .section__bedroom-img-container{
  max-width: 720px;
  margin: 20px auto !important;
}

/* .section__bedroom-main-img{
  max-width: 720px;
} */


.section__bedroom-imgSpa{
  width: 100%;
  max-width: 450px;
}

.section__bedroom-wrapper-img img:not(.imgDeco img) {
  border-radius: 15px;
}

.section__bedroom-content{
  max-width: 720px;
  margin-top: 60px;
  padding: 0 10px;
  /* padding: clamp(0px, 5vw, 150px) clamp(10px, 5vw, 40px) clamp(30px, 5vw, 40px) clamp(10px, 5vw, 40px); */
}

body .section__bedroom-number{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 300px;
}

.nb-capacity{
  width: 40%;
  font-size: 16px;
}

.text-large{
  margin-bottom: 10px;
  padding: 5px;
  font-size: 25px;
  font-weight: 500;
  background-color:  var(--wp--preset--color--base, #ffffff);
  border-radius: 100%;
}

.nb-capacity::before {
  width: 65px;
  height: 65px;
  margin: 0 auto -20px auto;
}

.double-bed { --icon: url("./../img/icons/double-bed.png"); }
.single-bed { --icon: url("./../img/icons/single-bed.png"); }
.baby-room { --icon: url("./../img/icons/baby-room.png"); }
.bathroom { --icon: url("./../img/icons/bathroom.png"); }

/* ===== SECTION KITCHEN ===== */

body .section__kitchen{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

body #section__kitchen-content{
  margin-top: 45px;
  margin-bottom: 45px;
  padding: 0 20px !important;
  width: 100%;
  max-width: 860px;
}

body .section__kitchen-title, body .section__spaces-title {
  text-transform: uppercase;
}

body .section__kitchen-title span.stoic,  body .section__spaces-title span.stoic{
  text-transform: none;
}

.section__kitchen-p{
  margin: 45px 0px;
}

body #kitchen-equipment {
  margin-left: 0 !important;
  margin-right: 0 !important;
  row-gap: 10px;
}

.kettle { --icon: url("./../img/icons/kettle.png"); }
.toaster { --icon: url("./../img/icons/toaster.png"); }
.microware { --icon: url("./../img/icons/microwave.png"); }
.oven { --icon: url("./../img/icons/oven.png"); }
.blender { --icon: url("./../img/icons/blender.png"); }
.freezer { --icon: url("./../img/icons/freezer.png"); }
.induction { --icon: url("./../img/icons/induction-stove.png"); }
.wine { --icon: url("./../img/icons/wine.png"); }

body .section__kitchen-img::before {
  z-index: 10;
  display: block;
  width: 25%;
  max-width: 290px;
  height: 25%;
  background: url("./../img/plante-deco-left.webp") no-repeat center / contain;
  left: 10%;
  transform: translateX(-50%) rotate(50deg);
  bottom: -70px;
}

/* ======= SECTION LOVE ROOM ========= */

.section__love-room{
  padding-left: 7px;
  padding-right: 7px;
}

.section__love-room-imgs {
  flex-wrap: wrap !important;
  gap: 10px;
  justify-content: space-between;
}

.section__love-room-imgs figure {
  margin: 0;
  overflow: hidden;
}

/* Image 2 */
.section__love-room-imgs figure:nth-child(2) {
  flex: 0 0 100%;
  order: 1;
  aspect-ratio: 16 / 9;
}

/* Images 1 et 3 */
.section__love-room-imgs figure:nth-child(1),
.section__love-room-imgs figure:nth-child(3) {
  flex: 0 0 calc(50% - 10px);
  order: 2;
  aspect-ratio: 1 / 1.5;
}

.section__love-room-imgs img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
}

.section__love-room-content{
  position: relative;
  margin-top: 100px;
}

.section__love-room-content h2::before, .section__love-room-content h2::after{
  position: absolute;
  width: clamp(45px, 8vw, 93px);
  height: clamp(92px, 15vw, 190px);
  --icon: url("./../img/icons/flower-gite-lecrin-solaire-love-room.webp");
}

.section__love-room-content h2::before {
  top: -50px;
  left:  calc(30% - 40px);
}

.section__love-room-content h2::after{
  top: -50px;
  right: calc(30% - 40px);
  transform: rotateY(3.142rad);
}

.section__love-room-presta-p{
  max-width: 690px;
  max-width: clamp(620px, 50vw, 770px);
}

.section__love-room-card{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  margin: 60px 0 90px 0;
}

.section__love-room-card-content h3{
  margin: 30px 0 45px 0 !important;
}

.font-size-25{
  font-size: 25px;
}

.card-right figure{
  max-width: 470px;
}

.card-left figure{
  max-width: 650px;
}


.liste-type-style-love-room {
  margin-left: 30px !important;
}

.liste-type-style-love-room li{
  margin-bottom: 20px;
}

.section__love-room-card-btn{
  margin-top: 60px;
}

/* ===== SECTION SPACES ===== */
body .section__spaces{
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 15px;
  gap: 1.2rem !important;
}

body .section__spaces-p{
  margin: 45px 0 55px 0px;
}

/* ===== SECTION FOOTER ===== */

.section__footer, .section__footer-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  gap: 40px;
}

.section__footer{
  margin: 45px 0 0 0;
  padding:  75px 0 75px 0;
  background-color: var(--wp--preset--color--parchment, #FAF4ED);
  font-size: 16px;
}

.footer__logo img{
  width: 250px;
}

.section__footer-wrapper h3{
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.section__footer-wrapper div{
  width: 220px;
}

.section__footer a:not(.infos-phone):not(.infos-resa):not(.infos-mail), .section__footer p{
  color: var(--wp--preset--color--charcoal, #525252);
}

.footer__nav-list li a{
  display: inline-block;
  margin: 5px 0;
}

.section__footer a:not(.infos-phone):not(.infos-resa):hover:not(.infos-mail):hover{
  color: var(--wp--preset--color--ocre, #ac593e);
}

.section__footer .infos-resa, .section__footer .infos-phone, .section__footer .infos-mail{
  width: 196.5px;
  height: 46px;
  margin-top: 15px;
}

.footer__contact .infos-phone, .footer__contact .infos-mail {
  background-color: var(--wp--preset--color--olivewood);
  color: var(--wp--preset--color--base, #FFF);
}

.section__footer .infos-resa{
  border: 1px solid var(--wp--preset--color--olivewood);
  margin-left: 0;
}

.footer__contact .infos-phone:hover, .footer__contact .infos-mail:hover {
  background-color: var(--wp--preset--color--ocre, #ac593e);
}

.section__footer-copyright{
  padding: 15px 0;
  text-align: center;
  font-size: 14px;
}


/* ============================================
   SLIDER -
   ============================================ */

.slider-light {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  gap: 10px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  scrollbar-width: none;
  margin: 0;
  padding: 0;
}

.slider-light::-webkit-scrollbar {
  display: none;
}

.slider-light > figure {
  flex: 0 0 100%;
  scroll-snap-align: center;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
}

.slider-light img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 30px;
  object-fit: cover;
}

/* ===== BOUTONS ===== */
.slider-controls {
  display: none;
  justify-content: center;
  gap: 16px;
  margin: 30px 0;
}

.slider-btn {
  color: var(--wp--preset--color--olivewood, #86745C);
  background-color: #fff;
  border: 2px solid var(--wp--preset--color--olivewood, #86745C);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.3s ease;
  padding: 0;
}

.slider-btn:hover {
  background-color: var(--wp--preset--color--olivewood, #86745C);
  color: #fff;
}

.slider-btn:active {
  transform: scale(0.95);
}

/* ===== SLIDER PROGRESS ===== */

.slider-progress {
  width: 50%;
  height: 4px;
  background: #e0e0e0;
  border-radius: 10px;
  margin: 20px auto;
  position: relative;
  cursor: pointer;
}

.slider-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--wp--preset--color--olivewood);
  border-radius: 10px;
  transition: width 0.2s ease;
}

.slider-progress:hover .slider-progress-bar {
  height: 6px;
}

/* ===== 404 ===== */

.page-template-404 header{
  display: none;
}

.custom-404-container{
  height: 250px;
  text-align: center;
  margin-top: 120px;
}

.custom-404-container > *{
  margin: 30px;
}

.custom-404-button{
  margin: 30px;
  padding: 40px;
}

/************************************************************************************/
/*                               MEDIAS QUERIES                                     */
/************************************************************************************/

/* ===== TABLETTE (480px+) ===== */
@media (min-width: 480px) {

  .section__bedroom-wrapper-img {
    flex-direction: row;
    gap: 20px;
  }

.section__bedroom-wrapper-img > *{
    margin-block-start: 0 !important;
  }

  /* .section__bedroom-img-bed2 img{
    min-height: 100%;
  } */

  .section__bedroom-img-container{
    width: 100%;
  }

  .slider-btn {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .slide-dot {
    width: 12px;
    height: 12px;
  }
}

@media (min-width: 498px) {
  .equipements__list > ul, #kitchen-equipment, .commodites__list > ul {
    flex-wrap: wrap;
    flex: initial;
    width: 100%;
    max-width: 430px;
  }

  #kitchen-equipment {
    max-width: 550px;
    justify-content: space-between;
  }
}


@media (min-width: 768px) {

  div.slider-light {
    overflow-x: hidden;
    touch-action: pan-x;
    height: auto;
  }

  .slider-light > figure {
    flex: 0 0 calc(50% - 5px); 
    scroll-snap-align: start;  
  }
	
 .slider-controls{
	display: flex;
  }

}

@media (min-width: 781px) {

  .header__logo img{
    width: 150px;
    height: auto;
  }

  section{
    padding: 40px 0;
  }

  /* ===== SECTION LOVE ROOM ===== */

 .section__love-room-imgs {
		flex-wrap: nowrap !important;
    justify-content: center;
    align-items: inherit;
	}

	.section__love-room-imgs figure:nth-child(2),
	.section__love-room-imgs figure:nth-child(1),
	.section__love-room-imgs figure:nth-child(3) {
		order: initial;
	}  

  .section__love-room-imgs figure:nth-child(2) { 
    flex: 0 0 50%;  
  }

  .section__love-room-imgs figure:nth-child(1), 
  .section__love-room-imgs figure:nth-child(3) { 
    flex: 0 0 calc(25% - 5px); 
  }

  .section__love-room-imgs img{
    width: 100%;
}


  /* ===== SECTION PRESTATIONS ===== */
  body .section__prestations-wrapper  div{
    border-left-color: var(--wp--preset--color--olivewood) !important;
  }

  /* ===== SECTION DESCRIPTION ===== */
  body figure.section__description-img {
    margin-right: 20px !important;
  }
  

  body .section__bedroom-number{
    flex-wrap: nowrap;
    width: 100%;
    max-width: 500px;
  }

   /* ===== SECTION SPACES ===== */
    .slider-light {
    height: 350px;
  }

  .slider-btn {
    width: 45px;
    height: 45px;
    font-size: 20px;
  }

  /* ===== SECTION footer ===== */
  .section__footer, .section__footer-wrapper{
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
   }

   .section__footer{
    flex-wrap: wrap;
    align-items: center;
   }

   .section__footer-wrapper div{
    width: inherit;
  }
}

@media (min-width: 978px) {
  /* ===== SECTION EQUIPEMENTS ===== */
  .equipements__list > ul, .equipements__list li, .commodites__list ul{
    width: 234px;
  }

}

/* ===== DESKTOP (1024px+) ===== */
@media (min-width: 1024px) {
  .slider-light {
    height: 450px;
  }

  .slider-light > figure {
    flex: 0 0 calc(33.333% - 7px);
  }

  .slider-btn {
    width: 50px;
    height: 50px;
    font-size: 24px;
  }

  .section__love-room-card {
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
    width: 100%;
    margin: 120px 0 90px 0 !important;
  }

  .card-left{
    flex-direction: row;
  }

  .section__love-room-card figure{
    margin: 0 !important;
  }

  .section__love-room-card-content{
    margin: 0 !important;
  }
}


@media (min-width: 1199px) {

  /************* AFTER or BEFORE COMMON TO SEVERAL SECTIONS **************/
  body .section__commodite::before,
  body .section__equipements::after{
    width: 450px;
    height: 278px;
  }
  
  /* ===== BURGER BUTTON ===== */
  .header__btn-responsive{
    display: none;
  }

  .header__banner{
    justify-content: center;
    gap: clamp(5rem, 5vw, 10rem);
  }

  /* ===== NAV ===== */
  .header__banner{
    flex-direction: row;
    margin-top: 0;
   }

  .header__nav {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
    width: auto;
    height: auto;
    overflow: visible;
  }

  .header__nav-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: clamp(1rem, 2vw, 5rem);
    height: auto;
    margin-left: inherit;
    padding: 0;
  }

  .infos {
    flex-direction: row;
    padding: 0px;
    margin-top: 0px;
  }

  .infos-resa {
    margin-top: 0px;
    margin-left: 25px;
  }

  svg.dot{
    margin-top: 5px;
  }

  /* ===== SECTION LODGE ===== */

  body .section__lodge {
    flex-direction: row;
    justify-content: center;
    column-gap: clamp(5rem, 8vw, 10rem);
  }

  body .section__lodge::after {
    width: 350px;
    height: 475px;
  }

  .section__lodge-img{
    margin-bottom: 0;
  }

  body .section__lodge-content{
    max-width: 620px;
    margin-top: 0px;
  }

  /* ===== SECTION COMMODITES ===== */

  body .section__commodite::before {
    top: 150px;
  }

  /* ===== SECTION DESCRIPTION ===== */

  body .section__description{
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 0;
    margin: 0 0 90px 0;
  }

  body figure.section__description-img::before {
    width: 55%;
    height: 65%;
    left: -18%;
    transform: translateX(-50%) rotate(80deg);
    bottom: -50px;
  }

  .section__description.is-layout-flex {
    flex-wrap: nowrap;
  }
  
  .section__description figure {
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 50%;
    height: 100%;
    min-height: auto;
  }
  
  body .section__description-content {
    padding: 20px 30px 0 30px !important;
    max-width: 610px;
    margin: 0;
  } 

  /* ===== SECTION BEDROOM ===== */
  .section__bedroom-mainContent{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 30px;
    padding: 0 0 60px 0;
    /* background: linear-gradient(to bottom,
    var(--wp--preset--color--base, #fff)  20%,
    var(--wp--preset--color--parchment, #FAF4ED)  15% 80%,
    var(--wp--preset--color--base, #fff)  80%); */
  }

  .section__bedroom-content{
    justify-content: center;
    width: 45%;
  }

  .section__bedroom-wrapper-img,
  .section__bedroom-content{
    margin: 0 !important;
  }

  .section__bedroom-wrapper-img{
    justify-content: flex-end;
    width: 50%;
  }

  .section__bedroom-img-container{
    width: 100%;
    margin-left: 0 !important;
  }


  /* .section__bedroom-capacity{
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: clamp(600px, 5vw, 650px);
  } */

  /* ===== SECTION KITCHEN ===== */

  body .section__kitchen{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    height: auto;
    max-height: 900px;
    margin-top: 180px !important;
    padding-right: 0;
  }

   .section__kitchen > * {
    flex: 0 0 48%;
    height: 100%;
  } 

  .section__kitchen figure  {
    flex: 0 0 50% !important;
    min-height: auto;
    max-width: 50%;
    height: 100%;
  }


  body #section__kitchen-content {
    padding-left: 50px !important;
    margin: 20px 0px;
  }

  body .section__kitchen-img::before {
    z-index: 10;
    display: block;
    width: 45%;
    height: 45%;
    background: url("./../img/plante-deco-left.webp") no-repeat center / contain;
    left: 50%;
    transform: translateX(-50%) rotate(50deg);
    bottom: -30px;
  }

  .section__kitchen figure img {
    width: 100%;
  }

  /* ===== SECTION FOOTER ===== */
  .section__footer-wrapper div {
    height: 207px;
    margin: 0 25px;
  }

}

@media (min-width: 1399px) {
  .header__nav-list {
    gap: clamp(3rem, 4vw, 5rem);
  }
  /* ===== SECTION DESCRIPTION ===== */
  body .section__description-content {
    max-width: 680px;
  } 

  body .section__bedroom-number, 
  .section__bedroom-content{
    max-width: 600px;
  }

  .section__bedroom-content{
   margin-top: 30px;
  }

  .section__bedroom-capacity{
    bottom: -30px;
  }

  .footer__logo img{
    width: 250px;
    margin-left: -30px;
    margin-right: 30px;
  }

  .section__love-room-card {
    column-gap: clamp(50px, 5vw, 150px);
  }

}