.header .menu-item-type-wpml_ls_menu_item {
  margin-left: 30px !important;
}
.header .mid-logo {
  width: 260px;
}
.compteur_panier span{
  color: #fff;
  background-color: #212529;
  border-radius: 100%;
  font-size: 12px;
  text-align: center;
  width: 20px;
  height: 20px;
  margin-right: -8px;
  margin-bottom: -7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.compteur_panier{
  width:25px;
  height: 25px;
  display: flex;
  flex-direction: column-reverse;
  align-items: end;
}
.header .item-compteur {
  position: absolute;
  right: 70px;
  z-index: 100;
}
.titre_page img {
    display: none;
}
.titre_page h1 {
    font-size: 34px !important;
}
.part_galerie .mes_image {
  height: 80%;
}
.separateur_ {
    display: none;
}
button.custom-alert-button {
  border: none !important;
  padding: 10px 25px !important;
  font-size: 16px !important;
}
.popup-cancel.trbt{
  color: #ffffff !important;
  background-color: #212529 !important;
}
span.img-tr {
    display: none;
}

@media(max-width:1230px){
  .elementor-widget-container .woocommerce .woocommerce-order {
    padding: 0 20px;
  }
}
@media  (max-width: 1024px) {
  .header .elementor-element.elementor-element-4bf674a.e-con-full.menu-right-header.e-flex.e-con.e-child {
    flex-direction: row-reverse;
    gap: 20px;
  }
  .header .item-compteur{
    right: 100%;
  }
}
@media(max-width:473px){
  .mid-logo, .mid-logo .elementor-element.elementor-element-403a60b.elementor-widget.elementor-widget-image {
    width: 120px !important;
  }
}
@media(max-width: 397px){
  .header .elementor-element.elementor-element-4bf674a.e-con-full.menu-right-header.e-flex.e-con.e-child {
    width: 150px;
  }
}


table.calendar {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
    user-select: none;
    margin-bottom: 5px;
  }
  table.calendar th, table.calendar td {
   width: 15px;
    padding: 10px;
    border: none;
  }
table.calendar th {
  border: none;
}
table.calendar td.day {
  cursor: pointer;
  background-color: #5B7043;
  color: #212529;
}
table.calendar td.day:hover {
  background-color: #212529 !important;
  color: #fff !important;
}
  table.calendar td.today {
    background-color: #4CAF50;
    color: white;
  }
  table.calendar td.selected {
    border: 3px solid #2196F3;
  }

.titre_book_rysteme {
  text-align: center;
}
.disabled_date_ {
  background-color: #FF0D0D !important;
  opacity: 0.6;
  /* pointer-events: none; */
  cursor: no-drop !important;
  color: #fff!important;
}
.all_date_ {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.date_valable_chambre {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 10px;
  padding-top: 20px;
}
.calendar-container:first-child .titre_produit {
  position: relative;
  top: 20px !important;
}
.legende_ {
  display: flex;
  gap: 50px;
  justify-content: center;
}
.mes_legende {
  width: 30px;
  height: 30px;
}
.date_dispo {
  background: #5B7043;
}
.date_reserver{
background-color: #FF0D0D !important;
opacity: 0.6;
}
.date_actuel{
  background-color: #4CAF50 !important;
} 
.mes_div_lgd {
  display: flex;
}
.text_dispo{
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: end;
}
.mes_div_lgd {
  display: flex;
  gap: 5px;
}
.calendar-container:not(:first-child) thead {
  display: none !important;
}
.calendar {
  width: 90% !important;
}
.all_product .titre_produit {
  width: 100px;
}
.all_product .titre_produit {
  font-size: 14px;
}
.prod-desc-image{
  display: flex;
  align-items: center;
  margin: 100px 0;
  gap: 20px;
  width: 100%;
}
.prod-desc-image .desc{
  width: 100%;
  padding-right: 100px;
}
.prod-desc-image .desc h2{
  margin-bottom: 30px !important;
  text-transform: capitalize;
  font-size: 34px;
  font-family: 'Hindi';
  font-weight: 500;
  line-height: 26px;
}
.prod-desc-image .desc div,.prod-desc-image .desc p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    font-family: 'Hindi';
}
.prod-desc-image .img{
  width: 100%;
}
.product_details{
  flex-direction: column;
}
.product_details .slider_details{
  display: flex;
}
.product_details .slider_details{
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  
}
.all_img_ft{
  display: flex;
  height: 100px;
  gap: 10px;
  width: 100%;
}
.all_img_ft .gallery_img_ft img{
  height: 98px !important;
}
.all_img_ft .gallery_img_ft{
  cursor: pointer;
  padding: 0 5px;
}
.all_img_ft .slick-next,.all_img_ft .slick-prev{
  display: none !important;
}
.all_img_ft .slick-track {
  height: 90px;
}
.all_img_ft .slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 10px !important;
    height: 10px !important;
    content: '' !important;
    text-align: center;
    opacity: .25;
    color: #000;
    border-radius: 100%;
    background-color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.all_img_ft .slick-dots li button:focus,.all_img_ft .slick-dots li button:hover{
  background-color: transparent !important;
}
.mes_description.liste_{
  display: flex;
  align-items: center;
  gap: 10px;
}
.activ_titre{
  border-bottom: none;
  position: relative;
}
.all_product {
    gap: 0 !important;
    text-align: center;
}
.activ_titre span{
  position: relative;
}
.activ_titre span::before{
  content: '';
  position: absolute;
  background-color: #212529;
  width: 100%;
  height: 1px;
  top: 100%;
  margin: 10px 0;
}
.slider_details .part_description {
    margin: 30px 0;
    justify-content: start;
}
.contenue_prod>img {
  display: none;
}
.contenue_prod{
  position: relative;
}
.contenue_prod::after{
  content:'';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  background-color: #3939394D;
  margin: 5px 0;
}
.descr_ {
  margin: 25px 0;
  font-size: 16px;
  font-weight: lighter;
  line-height: 26px;
}
.description_chambre p strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}
.description_chambre p {
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
}
.div_interdit .img_interdie{
  width: 32px;
  height: 32px;
}
.div_interdit.separateur{
  width: 100%;
  height: 1px;
  background-color: #3939394D;
}
.mes_description.liste_ div p {
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
}
button.btn_prod {
  font-size: 14px !important;
}
#product_display_area {
    margin-top: 80px !important;
}
.info_chambre {
  width: 52% !important;
}
.chambre_info{
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mes_description.liste_{
  margin-left: 0 !important;
}
.prod-desc-image .img img {
    width: 100%;
    height: 370px;
    object-fit:cover;
}
.contenue_prod h2 {
    font-size: 34px !important;
    font-weight: 400;
    font-family: 'Hindi';
}
.all_product .titre_produit {
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}
.mes_image .slick-list.draggable {
  height: 380px !important;
}
.mes_image .gallery_img1 img {
  height: 370px;
}
.daysOfWeekRow {
  display: flex;
}
.daysOfWeekRow th {
  width: 35px;
  flex: 0 0 35px;
}
.datesRow .day {
  flex: 0 0 35px;
  width: 35px;
}
.datesRow {
  display: flex;
}

/* Style du popup */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    text-align: center;
}
#popup-img {
    max-width: 90%;
    max-height: 80%;
    position: relative;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.popup-prev, .popup-next {
    position: absolute;
    top: 50%;
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    user-select: none;
    transform: translateY(-50%);
    padding: 10px;
    background: transparent;
    border-radius: 50%;
}

.popup-prev {
    left: 5%;
}

.popup-next {
    right: 5%;
}
.close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 40px;
    color: white;
    cursor: pointer;
}
.main-reza-sys_container.contenue_date .reservation-calendars-wrapper {
  z-index: 1;
  width: 1200px;
}
.single_contenue {
  margin-top: 50px;
  width: 100%;
}
#yours_rooms {
  position: relative;
  top: 160px;
}
#yours_rooms h2::first-letter {
  text-transform: uppercase; /* Juste la 1re lettre en majuscule */
}
div#season-price-container {
  /*  position: relative !important;*/
    box-shadow:none !important;
    padding: 0 !important;
    z-index: -1 !important;
}
.button#reservation-submit {
    width: 120px !important;
    height: 120px;
    border-radius: 100%;
    background-color: #212529 !important;
    font-size: 18px;
    font-family: 'Hindi';
    font-weight: 300;
    display: none !important;
}
#complementary-season-price-container .lst_season .season-detail {
    line-height: 32px;
}
.complementary-product-price h5{
  font-weight: 600 !important;
}
.season-total .total-price {
  border-top: none !important;
  display: flex;
  align-items: center;
  gap: 50px;
  flex-wrap: wrap;
}
button#reservation-submit2:hover {
    background: #212529;
    border: none;
}
button#reservation-submit2{
    border: none;
    width: 160px;
    height: 44px;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}
div#season-price-container .season-price-details {
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}
.description_title_single .description_single {
    font-size: 16px;
    font-weight: 300;
    position: relative;
}
.description_title_single .description_single::after{
  content: '';
  width: 80%;
  height: 1px;
  background-color: #39393933;
  left: 0;
  top: calc(100% + 18px);
  position: absolute;
}
.complementary-products .complementary-notice {
    font-size: 16px;
    font-weight: 300;
}
div#complementary-products-remaining {
    font-size: 18px;
    font-weight: 600;
}
.complementary-product.les_chambre_dispo .les_info_ {
    font-size: 16px !important;
}
.complementary-product .product-description {
  font-size: 16px;
  font-weight: 300;
}
span.ajout_panie_, .unchoose {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
}
div#complementary-season-price-container{
  z-index: -1 !important;
}
.lst_season {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
/*.divall {
    display: flex;
    margin-top: 200px;
    box-shadow: 0 -4px 10px #5C5C5C1A;
    padding-top: 30px;
    width: 100vw;
    margin-left: calc(-1 *  ((100vw - 1200px) / 2));
    justify-content: space-around;
    z-index: 1;
}*/
.complementary-total {
    width: 100%;
    right: 0;
    transform: translateX(63%);
    font-size: 32px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.grand-total-container{
  position: relative !important;
}
.season-name {
    font-size: 18px !important;
    font-weight: 300 !important;
    color: #21252999;
}
.season-detail .woocommerce-Price-amount.amount {
    font-weight: 500;
    font-size: 18px !important;
}
.reservation-date-picker::after {
    content: '';
    position: absolute;
    width: 45px;
    height: 45px;
    left: 87%;
    top: 33px;
    z-index: 1;
    background-image: url('/wp-content/plugins/systeme-reza-ntk/assets/lets-icons_date-today-light.svg');
    background-repeat: no-repeat;
    background-position: center;
}

.reservation-date-picker {
    position: relative;
}
.woocommerce-table__product-name.product-name {
    padding: 0 !important;
}
@media(min-width:1271px){
  .datesRow .day {
    flex: 0 0 35px;
    width: 35px;
  }
}
@media(max-width:1230px){
  .reservation-calendars-wrapper{
    flex-wrap: wrap;
    justify-content: center !important;
    position: relative !important;
    width: 100% !important;
  }
  .all_contenue_date .e-con-inner {
    flex-direction: column !important;
  }
  .sect_reserv {
    width: 100% !important;
  }
  #yours_rooms {
    top: 326px;
    left: 20px;
  }
  .divall {
    /* margin-left: -20px !important; */
    flex-wrap: wrap;
   
  }
  .sect_reserv2 {
    width: 100% !important;
    /* margin-bottom: 450px !important; */
    margin-bottom: 625px !important;
    margin-top: 80px !important;
  }
  div#complementary-products-container {
    margin: 0 50px !important;
  }
  #grand-total-container{
    display: none;
  }
  .contenue_single_img {
    height: 425px !important;
  }
}
@media(max-width:1200px){
  .reservation-calendars-wrapper{
      top: 0 !important;
  }
  #yours_rooms {
    top: 240px;
  }
}
@media(max-width:1024px){
  .info_chambre {
    width: 40% !important;
  }
  .complementary-total {
    right: -50px;
    transform: translateX(0%);
  }
}
@media(max-width:980px){
  .product_details .slider_details{
    flex-direction: column;
    width: 100%;
    position: relative;
  }
  .product_details .part_galerie{
    width: 100%;
  }
  .product_details .part_description{
    width: 100% !important;
  }
  .prod-desc-image{
    margin: 0;
    flex-direction: column;
    width: 100%;
  }
  .prod-desc-image .desc{
    width: 100%;
    margin: 50px 0;
  }
  .prod-desc-image .img {
    width: 100%;
    margin: 0px 0;
  }
  .titre_prod {
    width: 100%;
    margin: 20px 0;
  }
  .mes_description{
    width: 100%;
  }
  #product_display_area {
    position: relative;
  }
  .btn_div {
      position: absolute;
      top: 100%;
      left: 0;
  }
  .prod-desc-image {
    margin-top: 70px;
  }
  .prod-desc-image .desc{
    padding-right: 0;
  }
}
@media(max-width:768px){
  .reservation-date-picker::after{
    top: 40px;
    left: 94%;
  }
  #product_display_area {
    margin-top: 20px !important;
  }
  .all_product .titre_produit {
    width: 100%;
    border: 1px solid;
  }
  .info_chambre {
    margin: 20px auto;
    width: 100% !important;
  }
  .div_interdit{
    margin-bottom: 0;
  }
  .btn_div{
    margin-bottom: 8px;
    text-align: start;
  }
  .activ_titre::before{
    display: none;
  }
  .prod-desc-image .desc{
    margin: 0 !important;
  }
  .prod-desc-image{
    text-align: start;
    margin-top: 100px;
  }
  .description_chambre {
    text-align: start;
  }
  .product_details.activ_prod {
    margin-bottom: 60px;
  }
  #yours_rooms {
    top: 380px;
  }
  .single_contenue .contenue_single_img{
    height: auto !important;
  }
  .complementary-product.les_chambre_dispo {
    flex-direction: column !important;
    height: auto !important;
  }
  .sect_reserv2 {
    margin-bottom: 0 !important;
  }
  .season-price-details {
    width: 100vw !important;
    padding: 20px;
  }
  div#season-price-container{
    max-width: 100%;
    padding: 20px !important;
  }
  .complementary-total {
      position: relative !important;
      flex-wrap: wrap;
      width: 100%;
      bottom: -10px !important;
      right: 0 !important;
  }
  div#complementary-season-price-container {
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
  }
}
@media(max-width:468px){
  img.gallery_img{
      height: 370px !important;
  }
  .reservation-date-picker::after {
    top: 40px;
    left: 88%;
  }
}

.complementary-price-info .price {
  color: #212529 !important;
  font-size: 28px !important;
}
button#reservation-submit2:focus {
    background-color: #212529;
}
span.popup-close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor:pointer;
}
button.reset {
    background-color: transparent !important;
    color: #393939 !important;
    font-size: 18px !important;
    border: none;
    font-family: 'Hindi' !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    text-decoration: underline !important;
}
button.reset:focus,button.reset:hover{
   background-color: transparent !important;
} 

input#billing_phone {
    padding-left: 98px !important;
}
.iti__selected-flag {
    margin-top: -11px;
}