/* 
Theme Name: Hotel Aultia
Theme URI: https://www.mixit7.com/
Description: Hotel Aultia is a child theme of Hello Elementor, created by Mixit7 team
Author: Mixit7
Author URI: https://www.mixit7.com/
Template: hello-elementor
Version: 2.0.6
Text Domain: hotel-aultia
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =====================================================
   Moteur de réservation (plugin "hotels-booking" v7.0.2)
   -----------------------------------------------------
   IMPORTANT (constaté en live le 2026-07-22) : cette version du plugin
   n'enqueue AUCUNE feuille de style et son shortcode d'accueil génère le
   markup .lordcros-room-search-shortcode / .lc-booking-* (voir plus bas),
   PAS le markup .hbooking-* décrit par l'ancienne doc.
   Résultat :
   - Ces variables :root --hbooking-* ne sont plus consommées par le plugin.
     On les GARDE comme palette de référence et on les réutilise en var()
     dans la section de re-thème en bas de fichier.
   - Les règles .hbooking-bb-* plus bas sont INUTILISÉES (aucun élément
     correspondant dans le DOM) — conservées mais marquées comme telles.
   Le style RÉELLEMENT appliqué à la barre d'accueil est produit par le gros
   bloc .lordcros-* de ce fichier, re-thémé dans la section finale
   "RE-THÈME barre de réservation (homepage, markup .lordcros-*)".
   ===================================================== */
:root {
  /* Couleur d'accent du site, utilisée sur tous les boutons Elementor */
  --hbooking-color-primary:       #030213;
  --hbooking-color-primary-hover: #353542;

  /* Vert foncé "Principal" du kit (fond booking bar, textes forts) */
  --hbooking-color-dark:          #FBF9F4;

  /* Police du site déjà utilisée par défaut, laissée pour référence */
  --hbooking-font-family:         'MigrenaGrotesque', sans-serif;

  --hbooking-border-radius:       8px;
}

/* Calendrier du moteur de réservation (popup jQuery UI datepicker,
   #ui-datepicker-div est un singleton global réutilisé par les champs
   ARRIVÉE/DÉPART de la barre de réservation). Aucune règle de fond/bordure
   n'est définie par le plugin pour ce cas (seule la variante
   .hbooking-calendar-container est stylée), d'où le rendu transparent. */
#ui-datepicker-div.ui-datepicker {
  background-color: #FBF9F4 !important;
  border: 1px solid rgba(93, 64, 55, 0.10) !important;
  box-shadow: 0 20px 50px 0 rgba(93, 64, 55, 0.10) !important;
}

/* Titre du mois/année dans le calendrier */
#ui-datepicker-div .ui-datepicker-title,
.hbooking-calendar-container .ui-datepicker-title {
  color: #558663 !important;
}

/* ---------------------------------------------------------------
   INUTILISÉ depuis le plugin v7.0.2 : les classes .hbooking-bb-*
   n'existent plus dans le DOM (le shortcode génère .lordcros-* / .lc-*).
   Conservé pour historique — le style équivalent est refait dans la
   section de re-thème en bas de fichier, sur les classes réelles.
   --------------------------------------------------------------- */
/* Libellés ARRIVÉE / DÉPART / CODE PROMO dans la barre de réservation */
.hbooking-bb-label {
  color: #558663 !important;
}

/* Placeholders des champs (dates + code promo) dans la barre de réservation */
.hbooking-bb-checkin::placeholder,
.hbooking-bb-checkout::placeholder,
.hbooking-bb-promocode::placeholder {
  color: #558663 !important;
}

/* Bouton RÉSERVER de la barre de réservation (override spécifique,
   ne touche pas --hbooking-color-primary utilisé ailleurs dans le plugin) */
.hbooking-bb-reserve {
  background-color: #558663 !important;
}
.hbooking-bb-reserve:hover {
  background-color: #232E17 !important;
}
/* --------------- fin bloc .hbooking-bb-* inutilisé --------------- */

b, strong {
    font-weight: 500 !important;
}

/* New custom style hbooking */
@media only screen and (min-width: 1024px) {
    .rooms-container-bloc .search-calendar-show, .rooms-container-bloc .search-rate {
        width: 33.33%;
    }
}
#form-rate input[type=text]::placeholder {
  color: #959393;
  opacity: 1; /* Assure une opacit�� compl��te, utile pour Firefox */
}
.rate-section-wrap {
    display: flex;
}
#form-rate input[type=text] {
	border: 1px solid #E2DED2;
    border-radius: 0px;
    position: relative;
    opacity: 1;
    visibility: unset;
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    width: 150px;
    padding: 5px;
    bottom: 0;
    margin: 6px 0;
    text-align: center;
    font-family: "Raleway";
    text-transform: uppercase;
    color: #959393;
    background: #FAF7F3;
    align-self: center;
}
#form-rate input[type=text]:focus-visible {
	border: 2px solid #E2DED2;
    outline: none;
}

#form-rate {
	position: relative;
	display: flex;
}
#form-check-out::before,
#form-guests-num::before,
#form-rate::before {
	content: '';
    position: absolute;
    top: 25%;
    left: 0;
    height: 50px;
    width: 2px;
    background-color: #EADFD1;
    border: 1px solid #EADFD1;
}

/* START Hotel Booking Styles */
.lordcros-room-search-shortcode.room-details.date-format-style1 #form-check-out::before,
.lordcros-room-search-shortcode.room-details.date-format-style1 #form-guests-num::before{
    height: 0;
    width: 0;
}
.rooms-container-bloc .lordcros-room-search-shortcode {
    position: absolute!important;
	z-index: 98;
    left: 0!important;
    bottom: 0!important;
    padding: 0 !important;
    background-color: #fff !important;
}

/* Room details page*/
    .rooms-container-bloc .lordcros-room-search-shortcode.room-details {
        position: relative!important;
        z-index: 98;
        bottom: 00px !important; 
        left: initial !important;
        width: 100%;
    }
    
    .rooms-container-bloc .lordcros-room-search-shortcode.room-details form{
        flex-direction:column;
        padding: 30px;
        background-color: #F3F3F3;
        border: 1px solid #AC9779;
    }
    
    .rooms-container-bloc .lordcros-room-search-shortcode.room-details form .form-input-area{
        display:flex;
        flex-direction:column;
    }

    .lordcros-room-search-shortcode.room-details form .form-input-area>div .section-title {
        color: black;
    }
    
    @media only screen and (min-width: 1024px) {
    	.rooms-container-bloc .form-input-area {
    		width: 75%;
    	}
    	.rooms-container-bloc  .search-calendar-show, .rooms-container-bloc .search-guest-count {
    		width: 33.33%;
    	}
    	
    	
    	.rooms-container-bloc .lordcros-room-search-shortcode.room-details .form-submit-wrap {
    		max-width: 100%;
    		/*position: relative;
    		width: 100%;
    		min-height: 1px;*/
    	}	
    	.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit {
    		width: 100%;
    	}	
    }

    .lordcros-room-search-shortcode.date-format-style1.room-details form .form-input-area .check-in-section-wrap .bottomside-inner .month-val, .lordcros-room-search-shortcode.date-format-style1.room-details .form-input-area .check-out-section-wrap .bottomside-inner .month-val {
        color: black;
    }

    .lordcros-room-search-shortcode.room-details form .form-input-area>div .year-val{
        color: black;
    }

    
    .lordcros-room-search-shortcode.room-details form .form-input-area>div {
        position: relative;
        text-align: center;
        padding: 0px;
        width:100%;
        position: relative;
        background-color: #fff;
        border-radius: 2px;
        margin-bottom: 20px;
        padding: 11px 20px;
    }
    
    @media only screen and (min-width: 1201px) {
	.rooms-container-bloc .lordcros-room-search-shortcode.room-details .form-input-area {
    		max-width: 100%;
    		width: 100%;
    	}	
    }
    
    .lordcros-room-search-shortcode.room-details.date-format-style1 .form-input-area .check-in-section-wrap .bottomside-inner, .lordcros-room-search-shortcode.room-details.date-format-style1 .form-input-area .check-out-section-wrap .bottomside-inner {
        display: flex;
        align-items: end;
        width: 100%;
    }
    
    .lordcros-room-search-shortcode.room-details form .form-input-area>div .day-val, .lordcros-room-search-shortcode.room-details form .form-input-area>div .guest-val {
        margin-right: 0px;
    }
    
    /* .lordcros-room-search-shortcode.room-details.date-format-style1 .form-input-area .check-out-section-wrap {*/
    /*    display: inline-flex;*/
    /*    align-items: end;*/
    /*    justify-content: space-between;*/
    /*    width: 100%;*/
    /*}*/
    
    .lordcros-room-search-shortcode.room-details form .form-input-area .check-out-section-wrap, .lordcros-room-search-shortcode.room-details form .form-input-area .guest-section-wrap {
        display: inline-block;
        width:100%;
    }
    .lordcros-room-search-shortcode.room-details form .form-input-area .check-in-section-wrap,
    .lordcros-room-search-shortcode.room-details form .form-input-area .check-out-section-wrap{
        display: flex;
        width: 100%;
        justify-content: flex-start;
        gap: 17%;
        }

    .lordcros-room-search-shortcode.room-details form .form-input-area .guest-section-wrap .section-content .leftside-inner {
        font-size:11px;
        color: #596b53;
        
    }
    
    .lordcros-room-search-shortcode.room-details form .form-input-area>div .day-val, .lordcros-room-search-shortcode.room-details form .form-input-area>div .guest-val {
        color: #AC9779;
    }
    
.btn-res-rdp, 
.btn-green {
    position: relative;
}
.room-details .form-submit-wrap{
    padding: 0 !important;
}
.room-details .form-submit-wrap .room-search-submit{
    width: 100% !important;
}
.room-details .check-in-section-wrap::after,
.room-details .check-out-section-wrap::after {
  content: url("https://www.hotelchamplain.com/wp-content/uploads/2025/04/hotel-le-champlain-la-rochelle-icone-fleche-down-maron.svg");
  display: flex;
    position: absolute;
    right: 6%;
    bottom: 10%;
}
.btn-res-rdp:before {
    position: absolute;
    content: "";
    border: 1px solid #BCA774;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    border-radius: 11px;
    z-index: -1;
    transition: all .2s ease-out;
}

.btn-res-rdp a:hover {
    transform: translate(5px, 5px);
}

.btn-res-rdp:before {
    position: absolute;
    content: "";
    /*border: 1px solid #fff;*/
    top: 4px;
    left:4px;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    z-index: -1;
    transition: all .2s ease-out;
    background-color: white;
}

.btn-res-rdp a:hover {
    transform: translate(4px, 4px);
}


/* End Room details page */

.lordcros-room-search-shortcode.show-box-shadow {
    box-shadow: 0 0 50px rgb(32 32 32 / 15%);
}
.lordcros-room-search-shortcode form {
    display: flex;
    align-items: stretch;
    justify-content: center;
}
.rooms-container-bloc .lordcros-room-search-shortcode .form-input-area {
    margin: 15px 0;
    padding-right: 0;
    padding-left: 0;
}
.lordcros-room-search-shortcode form .form-input-area {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.lordcros-room-search-shortcode form .form-input-area>div#form-check-in, .lordcros-room-search-shortcode form .form-input-area>div#form-check-out {
    cursor: pointer;
}
.lordcros-room-search-shortcode form .form-input-area>div {
    position: relative;
    text-align: center;
    padding: 0 4%;
    height: 100px;
    display: flex;
}
.lordcros-room-search-shortcode form .form-input-area .check-in-section-wrap, .lordcros-room-search-shortcode form .form-input-area .check-out-section-wrap, .lordcros-room-search-shortcode form .form-input-area .guest-section-wrap {
    display: inline-block;
}

.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap, .lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}

.lordcros-room-search-shortcode form .form-input-area>div .section-title {
    display: block;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
    color: #363333;
}
.lordcros-room-search-shortcode form .form-input-area>div .day-val, .lordcros-room-search-shortcode form .form-input-area>div .guest-val {
    font-family: Raleway !important;
    font-size: 35px;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
	color: #363333;
}
.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap .bottomside-inner, .lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap .bottomside-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
	color: #363333;
}
.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap .bottomside-inner .month-val, .lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap .bottomside-inner .month-val {
    margin-right: 4px;
	color: #363333;
}

.lordcros-room-search-shortcode form .form-input-area>div .year-val, .lordcros-room-search-shortcode form .form-input-area>div .month-val {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
}
.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap .leftside-inner, .lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap .leftside-inner {
    margin-right: 24px;
    color: #AC9779;
}
i.fa.fa-calendar {
    font-size: 24px;
    display: flex;
    align-self: center;
}
.icone-booking {
    font-size: 24px;
    display: flex;
    align-self: center;
}
.lordcros-room-search-shortcode form .form-input-area>div input[type=text], .lordcros-room-search-shortcode form .form-input-area>div input[type=number] {
    position: absolute;
    left: 0;
    bottom: -30px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    border: none;
    font-size: 0;
}
.lordcros-room-search-shortcode.separator #form-check-out {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}
.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content {
   display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
    justify-content: center;
}
.guest-section-wrap {
    display: flex !important;
    flex-direction: row;
    position: relative;
    justify-content: center;
    gap: 25px;
}
.pers-counter{
    display: flex;
    gap: 25px;
}
.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content .leftside-inner {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	color: #363333;
}
.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content .leftside-inner i.fa-chevron-up {
    margin-bottom: 10px;
}
.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content .leftside-inner i {
    cursor: pointer;
}

.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content .leftside-inner i.fa-chevron-down {
    margin-bottom: 3px;
}
.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap {
   background-color: #fff !important;
}

.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap {
    padding: 5px 40px 5px 5px;
    background: #AC9779;
    display: flex;
    align-content: center;
    justify-content: flex-start;
}

.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit {
    border: 1px #fff solid;
	background-color: #AC9779 !important;
	border-color: #fff;
	color: #ffffff;	
	display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Abhaya Libre' !important;
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    height: 100%;
    text-transform: uppercase;
    padding: 10px 50px;
    min-height: 50px;
    outline: none;
    border-radius: 0px;
	height: 50px;
    align-self: center;
    width: 230px;
}

.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit:hover {
    background-color: #968164 !important;
}

/* Change font-family */

.lordcros-room-search-shortcode form .form-input-area>div .section-title {
    font-family: "Raleway" !important;
    font-weight: 500;
}

.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap .bottomside-inner .month-val, .lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap .bottomside-inner .month-val {
    font-family: "Raleway" !important;
    font-weight: 500;
}

.lordcros-room-search-shortcode form .form-input-area>div .year-val {
    font-family: "Raleway" !important;
    font-weight: 500;
}

@media only screen and (min-width: 1201px) {
	.rooms-container-bloc {
		max-width: 1140px;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.rooms-container-bloc .lordcros-room-search-shortcode {
		bottom: -90px !important;
		left: initial !important;
		width: calc(100% - 30px);
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
	}	
	
	.rooms-container-bloc .lordcros-room-search-shortcode .form-input-area {
		margin: 15px 0;
		padding-right: 0;
		padding-left: 0;
		flex: 0 0 75%;
		max-width: 75%;
		position: relative;
		width: 100%;
		min-height: 1px;
	}	
}

@media only screen and (min-width: 1024px) {
	.rooms-container-bloc .form-input-area {
		width: 75%;
	}
	.rooms-container-bloc .search-calendar-show, .rooms-container-bloc .search-guest-count {
		width: 33.33%;
	}
	
	
	.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap {
		flex: 0 0 25%;
		max-width: 25%;
		position: relative;
		width: 100%;
		min-height: 1px;
	}	
	.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit {
		width: 100%;
	}
/* Start room DP	 */
	.elementor-element #room-dp-galerie .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image {
    height: 75vh !important;
    object-fit: cover !important;
	}
/* End room DP	 */
}

@media only screen and (max-width: 1200px) {
	.rooms-container-bloc .lordcros-room-search-shortcode {
		position: relative!important;
	}
}

@media only screen and (max-width: 991px) {

	.lordcros-room-search-shortcode form {
		flex-direction: column;
		align-items: stretch;
	}	
	.lordcros-room-search-shortcode form .form-input-area {
		justify-content: space-between;
	}	
	.lordcros-room-search-shortcode form .form-submit-wrap {
		margin-top: 25px;
	}	
	.lordcros-room-search-shortcode form .form-input-area>div {
		flex: 1 1 33.333%;
		max-width: 33.333%;
		padding: 0 30px;
	}	

	.lordcros-room-search-shortcode form .form-submit-wrap .room-search-submit {
		width: 100%;
		min-height: unset !important;
		max-width: 360px;
		margin: 0 auto;
	}
	
}
@media only screen and (max-width: 767px) {
	.lordcros-room-search-shortcode.font-size-large form .form-input-area>div, .lordcros-room-search-shortcode form .form-input-area>div {
		padding: 0 10px;
	}
}
@media only screen and (max-width: 575px) {
	.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-in-section-wrap .leftside-inner,.lordcros-room-search-shortcode.date-format-style1 .form-input-area .check-out-section-wrap .leftside-inner{
		margin-left: 5px;
	}
	.lordcros-room-search-shortcode.font-size-large form .form-input-area>div .section-title, .lordcros-room-search-shortcode form .form-input-area>div .section-title {
		font-size: 11px;
		line-height: 16px;
	}	
	
	.lordcros-room-search-shortcode.font-size-large form .form-input-area>div .day-val, .lordcros-room-search-shortcode form .form-input-area>div .day-val, .lordcros-room-search-shortcode.font-size-large form .form-input-area>div .guest-val, .lordcros-room-search-shortcode form .form-input-area>div .guest-val {
		font-size: 25px;
		line-height: 30px;
	}	
	.lordcros-room-search-shortcode.font-size-large form .form-input-area>div .month-val, .lordcros-room-search-shortcode form .form-input-area>div .month-val, .lordcros-room-search-shortcode.font-size-large form .form-input-area>div .year-val, .lordcros-room-search-shortcode form .form-input-area>div .year-val {
		font-size: 12px;
		line-height: 16px;
	}
}

@media only screen and (max-width: 425px)
{
    #homepage h1 {
        font-size: 26px !important;
    }
    #homepage h2 {
        font-size: 23px !important;
    }
    #homepage h3 {
        font-size: 15px !important;
    }
}

/*******Datepicker******/
.ui-datepicker.ui-top {
    margin-top: -120px;
}
table.ui-datepicker-calendar tbody>tr:nth-child(odd)>td{
	background-color: #f2f5f4;
}
.ui-datepicker td .ui-state-default {
    /*background: 0 0;*/
    color: #1D2A4B;
    border: none;
    font-family: 'CentraleSansRegular';
    /*text-align: center;
    padding: 3px;
    border-radius: 3px;*/
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}
.ui-datepicker.ui-widget-content {
    font-family: "Raleway" !important;
    font-weight: 400;
    font-size: 17px;
    background-image: none;
    background-color: #1f4ad3;
    color: #bfc3ce;
    border: none;
    border-radius: 1px;
    width: 345px;
    padding: 0;
    z-index: 999 !important;
}
.ui-datepicker.ui-widget-content {
    background-color: #f2f5f4!important;
    color: black!important;
}
.ui-datepicker.ui-top:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 0;
    border-color: #151b2e transparent transparent;
    top: 100%;
    left: 60px;
}
.ui-datepicker .ui-datepicker-header {
    background-image: none;
    background-color: #0e1222;
    border: none;
    font-weight: 400;
    padding: 1em 0;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
	background-color: #AC9779!important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: none;
    background: 0 0;
    color: #fff !important;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:not(.ui-state-disabled), .ui-datepicker .ui-datepicker-header .ui-datepicker-next:not(.ui-state-disabled) {
    opacity: .8;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    /*content: '\e833';*/
    content: '>>';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    /*content: '\e832';*/
	content: '<<';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    display: block;
    font-family: "lordcros-font";
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
    display: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-family: "Raleway" !important;
    font-size: 1.33em;
    font-weight: 600;
    color: #fff;
    margin: 0 50px;
	line-height: 1.8em;
    text-align: center;	
}
.ui-datepicker table {
    font-size: .87em;
    margin: 15px 0;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}
/* ***************************************** */
/* END Hotel Booking Styles */


/* =====================================================================
   RE-THÈME barre de réservation (homepage, markup .lordcros-* v7.0.2)
   ---------------------------------------------------------------------
   Objectif : reprendre le style de la maquette "Moteur de réservation
   Style" (fond beige, libellés verts, dates sur une ligne avec icône,
   bouton RÉSERVER vert en forme de ticket). Toutes les règles sont
   scopées .lordcros-room-search-shortcode:not(.room-details) pour ne
   PAS affecter le formulaire des pages chambres (.room-details).
   Palette réutilisée depuis les variables :root --hbooking-* du haut.
   Validé en live le 2026-07-22.
   ===================================================================== */

/* --- Cadre de la barre : fond beige, arrondi, ombre douce --- */
.lordcros-room-search-shortcode:not(.room-details) {
  background-color: var(--hbooking-color-dark) !important; /* #FBF9F4 */
  border: 1px solid rgba(93, 64, 55, 0.10) !important;
  border-radius: 0 !important; /* coins carrés (arrondi retiré à la demande du client) */
  box-shadow: 0 20px 50px 0 rgba(93, 64, 55, 0.10) !important;
  overflow: hidden;
}
.lordcros-room-search-shortcode:not(.room-details) form {
  background: transparent !important;
}

/* --- Police unifiée sur TOUT le formulaire (labels, dates, voyageurs,
   bouton) = police du site via var(--hbooking-font-family).
   La classe .lordcros-room-search-shortcode est répétée 6× pour gonfler
   la spécificité et battre les règles legacy `font-family:Raleway !important`
   qui montent jusqu'à 6 classes (ex. .lordcros....bottomside-inner .month-val).
   Le sélecteur `... *` couvre tous les descendants. --- */
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details),
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) * {
  font-family: var(--hbooking-font-family) !important; /* 'MigrenaGrotesque', sans-serif */
}

/* --- EXCEPTION 1 : les DATES (jour/mois/année) en Cormorant Garamond
   (var globale du site). Spécificité +1 vs le blanket ci-dessus (classe
   `.day-val` en plus du `... *`) pour l'emporter. --- */
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) .day-val,
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) .month-val,
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) .year-val {
  font-family: var(--CormorantGaramont) !important; /* 'Cormorant Garamond' */
}

/* --- EXCEPTION 2 : le blanket `... *` a écrasé la police des icônes
   Font Awesome (les <i class="fas ..."> devenaient MigrenaGrotesque →
   glyphes cassés, ex. flèches ↑↓ du compteur). On restaure la police FA. --- */
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) i.fas,
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) i.far,
.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode.lordcros-room-search-shortcode:not(.room-details) i[class*="fa-"] {
  font-family: "Font Awesome 5 Free" !important;
}

/* --- Libellés (ARRIVÉE / DÉPART / PERSONNES) en vert --- */
.lordcros-room-search-shortcode:not(.room-details) .section-title {
  color: #558663 !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-family: 'MigrenaGrotesque', sans-serif !important;
}

/* --- Dates sur une ligne : "ARRIVÉE" puis "22 juil. 2026" --- */
.lordcros-room-search-shortcode:not(.room-details) .section-content {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  column-gap: 6px !important;
  row-gap: 6px !important;
}
.lordcros-room-search-shortcode:not(.room-details) .section-title {
  flex: 0 0 100% !important;
}
.lordcros-room-search-shortcode:not(.room-details) .day-val,
.lordcros-room-search-shortcode:not(.room-details) .guest-val,
.lordcros-room-search-shortcode:not(.room-details) .month-val,
.lordcros-room-search-shortcode:not(.room-details) .year-val {
  font-family: 'MigrenaGrotesque', sans-serif !important;
  font-size: 20px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  color: #1C1C1C !important;
  margin: 0 !important;
  text-transform: capitalize !important;
}
.lordcros-room-search-shortcode:not(.room-details) .bottomside-inner {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 5px !important;
  margin-top: 0 !important;
}

/* --- Icône calendrier devant la date / personne devant les voyageurs --- */
.lordcros-room-search-shortcode:not(.room-details) .day-val::before,
.lordcros-room-search-shortcode:not(.room-details) .guest-val::before {
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 900;
  color: #558663;
  margin-right: 8px;
  font-size: 16px;
}
.lordcros-room-search-shortcode:not(.room-details) .day-val::before  { content: "\f133"; font-weight: 400; } /* calendrier — regular/outline, non rempli (FA5 "far") */
.lordcros-room-search-shortcode:not(.room-details) .guest-val::before { content: "\f007"; } /* personne — solide (900) */

/* --- Séparateurs verticaux plus discrets --- */
.lordcros-room-search-shortcode:not(.room-details) #form-check-out::before,
.lordcros-room-search-shortcode:not(.room-details) #form-guests-num::before {
  background-color: rgba(93, 64, 55, 0.12) !important;
  border-color: rgba(93, 64, 55, 0.12) !important;
  width: 1px !important;
}

/* --- Chevrons (compteur voyageurs) en vert --- */
.lordcros-room-search-shortcode:not(.room-details) .leftside-inner i {
  color: #558663 !important;
}
/* Les dates n'ont pas de chevron dans la maquette (le champ reste
   cliquable pour ouvrir le calendrier) — on masque juste l'indicateur. */
.lordcros-room-search-shortcode:not(.room-details) #form-check-in .leftside-inner,
.lordcros-room-search-shortcode:not(.room-details) #form-check-out .leftside-inner {
  display: none !important;
}

/* --- Section voyageurs : aligner comme les champs date (le libellé
       .section-title héritait d'une hauteur de 100px qui écartait
       label et valeur). --- */
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 6px !important;
}
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .section-title,
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .section-content {
  height: auto !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
}
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .section-content {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
}
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .leftside-inner {
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
}
/* Flèches ↑↓ du compteur : la police FA est restaurée plus haut (EXCEPTION 2).
   Le `padding` agrandit la ZONE CLIQUABLE (~26×22px au lieu de 11×13) — les
   icônes seules étaient trop petites/serrées pour être cliquées au doigt/souris. */
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .leftside-inner i {
  font-size: 14px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 4px 7px !important;
  display: block !important;
  border-radius: 4px !important;
  cursor: pointer !important;
}
.lordcros-room-search-shortcode:not(.room-details) .guest-section-wrap .leftside-inner i:hover {
  background: rgba(85, 134, 99, .12) !important;
}

/* --- Bouton RÉSERVER : identique au bouton du header (.btn-book-green) ---
   Même forme "ticket" (via mask-image SVG, exactement le masque du header)
   et même police (MigrenaGrotesque 18px / 400 / letter-spacing 2.4px).
   La spécificité inclut .rooms-container-bloc pour battre la règle dorée
   legacy .rooms-container-bloc ...form-submit-wrap .room-search-submit */
.rooms-container-bloc .lordcros-room-search-shortcode:not(.room-details) .form-submit-wrap {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
}
.rooms-container-bloc .lordcros-room-search-shortcode:not(.room-details) .form-submit-wrap .room-search-submit,
.lordcros-room-search-shortcode:not(.room-details) .room-search-submit {
  background-color: #558663 !important;
  border: none !important;
  border-color: transparent !important;
  color: #fff !important;
  font-family: var(--hbooking-font-family) !important; /* MigrenaGrotesque, comme le header */
  font-weight: 400 !important;
  font-size: 18px !important;
  letter-spacing: 2.4px !important;
  text-transform: uppercase !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  /* forme ticket : masque SVG identique à celui du bouton .btn-book-green du header */
  clip-path: none !important;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='166' height='55' viewBox='0 0 166 55' fill='none'><path d='M0 8.26797C4.56628 8.26797 8.29312 4.56628 8.29312 0H157.864V0.131527C157.864 4.62516 161.506 8.26797 166 8.26797V46.0131C161.506 46.0131 157.864 49.6559 157.864 54.1495V55H8.29312V54.3062C8.29312 49.726 4.58016 46.0131 0 46.0131V8.26797Z' fill='%23000'/></svg>") !important;
  mask-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='166' height='55' viewBox='0 0 166 55' fill='none'><path d='M0 8.26797C4.56628 8.26797 8.29312 4.56628 8.29312 0H157.864V0.131527C157.864 4.62516 161.506 8.26797 166 8.26797V46.0131C161.506 46.0131 157.864 49.6559 157.864 54.1495V55H8.29312V54.3062C8.29312 49.726 4.58016 46.0131 0 46.0131V8.26797Z' fill='%23000'/></svg>") !important;
  -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
  transition: background-color .2s ease !important;
}
.rooms-container-bloc .lordcros-room-search-shortcode:not(.room-details) .form-submit-wrap .room-search-submit:hover,
.lordcros-room-search-shortcode:not(.room-details) .room-search-submit:hover {
  background-color: #232E17 !important;
}

/* --- Calendrier (popup jQuery UI #ui-datepicker-div) : re-thème vert.
   Placé ici (après le bloc datepicker legacy plus haut) pour gagner la
   cascade et remplacer l'en-tête doré #AC9779 par du vert. --- */
/* Polices du calendrier : remplacer le legacy Raleway / CentraleSansRegular.
   Titre, jours de semaine, corps = MigrenaGrotesque ; nombres (dates) =
   Cormorant Garamond (comme les dates de la barre). Préfixe #id => bat les
   règles legacy en classes. */
#ui-datepicker-div,
#ui-datepicker-div.ui-widget-content,
#ui-datepicker-div .ui-datepicker-title,
#ui-datepicker-div thead th,
#ui-datepicker-div .ui-datepicker-header { font-family: var(--hbooking-font-family) !important; }
/* nombres (dates) du calendrier en MigrenaGrotesque : plus lisibles que le Cormorant */
#ui-datepicker-div td .ui-state-default { font-family: var(--hbooking-font-family) !important; }

#ui-datepicker-div .ui-datepicker-header { background-color: #558663 !important; }
#ui-datepicker-div .ui-datepicker-title { color: #fff !important; font-weight: 400 !important; }
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next { color: #fff !important; }
#ui-datepicker-div td .ui-state-default { color: #232E17 !important; border-radius: 4px !important; }
/* Date sélectionnée / survol : plus de fond vert (la boîte était trop
   collée au chiffre). Repère léger via texte vert gras, sans background. */
#ui-datepicker-div td .ui-state-active,
#ui-datepicker-div td .ui-state-default:hover { background-color: transparent !important; color: #558663 !important; font-weight: 700 !important; }
#ui-datepicker-div table.ui-datepicker-calendar tbody > tr:nth-child(odd) > td { background-color: rgba(85, 134, 99, 0.05) !important; }

/* --- Marge verticale du form-input-area en desktop (>=1201px) --- */
@media only screen and (min-width: 1201px) {
    .rooms-container-bloc .lordcros-room-search-shortcode .form-input-area {
        margin: 5px 0;
    }
}
/* ================ fin RE-THÈME barre de réservation ================ */