/* 
Theme Name: Hotel Aero Passy
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hotel Aero Passy 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.0
Text Domain: hotel-aero
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 */

/* Section Pourquoi nous choisir */
.img-border-offset{
  position: relative;
  display: inline-block;
}

.img-border-offset img{
  position: relative;
  z-index: 2;
}

.img-border-offset::after{
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 100%;
  height: 100%;
  border: 1px solid #5c1f2d;
  border-radius: 20px;
  z-index: 1;
}

/* Footer */
.contact-footer .elementor-icon i, 
.contact-footer .elementor-icon svg {
    margin-top: 5px;
}

/* Section title style */
.section-title-italic {
    font-style: italic;
    color: #742053;
}

.section-title {
    color: #742053;
}

/* Stars témoignage style */
.stars {
  font-style: normal;
  color: #742053;
  font-size: 1.5rem;
  letter-spacing: 2px;
}

/* WPML Langage switcher style */
.wpml-ls-legacy-list-horizontal {
    background-color: rgba(240, 242, 244, 0.50);
    border-radius: 50px;
    padding: 5px 6px;
    display: inline-flex;
    align-items: center;
}

/* Liste */
.wpml-ls-legacy-list-horizontal ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 0;
}

/* Items */
.wpml-ls-legacy-list-horizontal li {
    display: flex;
    align-items: center;
    float: none;
}

/* Séparateur */
.wpml-ls-legacy-list-horizontal li:not(:last-child)::after {
    content: "|";
    color: #FFF;
    margin: 0 10px;
    font-size: 15px;
    margin-top: -4px;
}

/* Liens */
.wpml-ls-legacy-list-horizontal .wpml-ls-link {
    text-decoration: none;
    font-size: 14px;
    font-family: Helvetica;
    line-height: 16px;
    font-weight: 700;
    padding: 8px 14px;
    border-radius: 50px;
    color: #fff;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
}

/* Langue active */
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language .wpml-ls-link {
    background-color: #B91C7C;
    color: #fff;
    border-radius: 50px;
}

/* Langue inactive */
.wpml-ls-legacy-list-horizontal li:not(.wpml-ls-current-language) .wpml-ls-link {
    background: transparent;
    color: #ccc;
}

.wpml-ls-legacy-list-horizontal ul {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.wpml-ls-legacy-list-horizontal li {
    display: flex !important;
    float: none !important;
}

/* FAQ styles for text editor widget with faq-content class */

/* H2 section headers */
.faq-content h2 {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.8rem;
    letter-spacing: var(--e-global-typography-primary-letter-spacing);
    color: var(--e-global-color-primary);
    margin-top: 1.2em;
    margin-bottom: 0.5em;
}

/* H3 questions */
.faq-content h3 {
	font-family: var(--e-global-typography-4657f9c-font-family), Sans-serif;
    font-size: var(--e-global-typography-4657f9c-font-size);
    font-weight: var(--e-global-typography-4657f9c-font-weight);
    text-transform: var(--e-global-typography-4657f9c-text-transform);
    line-height: var(--e-global-typography-4657f9c-line-height);
    color: #2D0C20;
}

/* FAQ items */
.faq-item {
    background: #F8F5F7;
    padding: 1.5em 2em;
    margin-bottom: 1em;
    border-radius: 1.25rem;
    border : 1px solid rgba(45, 12, 32, 0.05);
}

.faq-item:hover .faq-q {
  color: #742053;
  transition: color 0.3s ease;
}

.faq-item:hover {
    border : 1px solid rgba(116, 32, 83, 0.1) !important;#742053
}

.faq-content .faq-q {
    margin-top: 0;
    margin-bottom: 0.5em;
}

.faq-content .faq-a {
    margin-bottom: 0;
}

/* Mixit7 FAQ Plugins styles */
.mixit7-faq-dl .mixit7-faq-item {
    background: #F8F5F7;
    padding: 1.5em 1.5em !important;
    margin-bottom: 1em !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(45, 12, 32, 0.05);
    transition: border-color 0.5s ease;
}
.mixit7-faq-item:hover {
    border: 1px solid rgba(116, 32, 83, 0.1);
}
.mixit7-faq-question-text {
    font-family: var(--e-global-typography-4657f9c-font-family), Sans-serif;
    font-size: var(--e-global-typography-4657f9c-font-size);
    font-weight: var(--e-global-typography-4657f9c-font-weight);
    text-transform: var(--e-global-typography-4657f9c-text-transform);
    line-height: var(--e-global-typography-4657f9c-line-height);
    color: #2D0C20;
    margin: 0 0 0.5em 0;
    padding: 0;
    transition: color 0.3s ease;
}
.mixit7-faq-item:hover .mixit7-faq-question-text {
    color: #742053;
}
.mixit7-faq-answer-text {
    margin: 0;
    padding: 0;
}
.mixit7-faq-answer-text p {
    margin-bottom: 0;
    font-family: var(--e-global-typography-af43a65-font-family), Sans-serif;;
}
.mixit7-faq[data-mode="closed"] .mixit7-faq-item,
.mixit7-faq[data-mode="open"] .mixit7-faq-item {
	border-radius: 1.25rem !important;
}
.mixit7-faq , button.mixit7-faq-question {
	font-family: var(--e-global-typography-4657f9c-font-family), Sans-serif !important;
    font-size: var(--e-global-typography-4657f9c-font-size) !important;
}

/* Animation douce "flottante" pour l'icone montgolfière de la page d'accueil*/
.icon-montgolfiere {
  animation: montgolfiere-float 3.8s ease-in-out infinite;
  will-change: transform;
  transform-origin: center;
}

/* Respect des préférences d’accessibilité */
@media (prefers-reduced-motion: reduce){
  .icon-montgolfiere{ animation: none; }
}

@keyframes montgolfiere-float{
  0%   { transform: translate3d(0, 0, 0) rotate(-0.6deg); }
  50%  { transform: translate3d(0, -10px, 0) rotate(0.6deg); }
  100% { transform: translate3d(0, 0, 0) rotate(-0.6deg); }
}


@media (max-width: 767px) {
    .elementor-widget-form .elementor-field-type-html {
        font-size: 75% !important;
        line-height: 1.2rem !important;
    }
	.mixit7-faq-dl .mixit7-faq-item {
		padding: 1.5em 1.5em !important;
	}
}

/* ===== BOOKING FORM - Hôtel Aéro Paris ===== */

/* Conteneur principal */
.rooms-container-bloc .lordcros-room-search-shortcode {
    background-color: #ffffff !important;
    box-shadow: 0 20px 40px rgba(116, 32, 83, 0.10) !important;
    position: absolute !important;
    z-index: 98;
    left: 0 !important;
    bottom: 0 !important;
    padding: 0 !important;
    border-radius: 150px;
}

/* Section titles (ARRIVÉE, DÉPART, etc.) */
.lordcros-room-search-shortcode form .form-input-area > div .section-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    color: #742053 !important;
}

/* Valeurs jour & guests */
.lordcros-room-search-shortcode form .form-input-area > div .day-val,
.lordcros-room-search-shortcode form .form-input-area > div .guest-val {
    font-family: 'Poppins', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 28px !important;
    color: #0E0E0E !important;
}

/* Mois et année */
.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: 'Poppins', sans-serif !important;
    color: rgba(14, 14, 14, 0.6) !important;
}

.lordcros-room-search-shortcode form .form-input-area > div .year-val {
    font-family: 'Poppins', sans-serif !important;
    color: rgba(14, 14, 14, 0.6) !important;
}

/* Chevrons check-in/check-out */
.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 {
    color: rgba(116, 32, 83, 0.5) !important;
    margin-left: 24px;
}

/* Chevrons guests */
.lordcros-room-search-shortcode form .form-input-area .guest-section-wrap .section-content .leftside-inner {
    color: rgba(116, 32, 83, 0.5) !important;
}

/* Séparateur entre check-out et guests */
.lordcros-room-search-shortcode.separator #form-check-out {
    border-left-color: rgba(116, 32, 83, 0.15) !important;
    border-right-color: rgba(116, 32, 83, 0.15) !important;
}

/* Zone bouton */
.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap {
    background: #fff !important;
    padding: 15px;
    border-radius: 150px;
    transition: background 0.3s ease !important;
}

/* Hover zone bouton */
.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap:hover {
/*     background: #f0e8ed !important; */
}

/* Bouton RÉSERVER */
.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit {
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background-color: #b91c7c !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 30px !important;
    min-height: 80px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    outline: none;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease !important;
}

/* Hover bouton RÉSERVER */
.rooms-container-bloc .lordcros-room-search-shortcode .form-submit-wrap .room-search-submit:hover {
    background-color: #742053 !important;
    border-color: #742053 !important;
    color: #ffffff !important;
    transform: scale(1.02);
}

/* Input promo code */
#form-rate input[type=text] {
    font-family: 'Poppins', sans-serif;
    font-size: 13px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(116, 32, 83, 0.25) !important;
    border-radius: 3px !important;
    color: #0E0E0E !important;
    text-align: left !important;
    position: relative;
    opacity: 1;
    visibility: unset;
    height: 100%;
    width: 120px;
    padding: 5px 10px !important;
    bottom: 0;
    margin: 6px 0;
}

#form-rate {
    position: relative;
}

#form-rate::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(116, 32, 83, 0.15) !important;
}

/* ===== FORM LAYOUT ===== */

.lordcros-room-search-shortcode.show-box-shadow {
    box-shadow: 0 0 50px rgba(116, 32, 83, 0.12);
}

.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 {
    position: relative;
    text-align: center;
    padding: 0 4%;
}

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

.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 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 form .form-input-area .guest-section-wrap .section-content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.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: space-between;
}

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

/* ===== DATEPICKER ===== */
.ui-datepicker .ui-datepicker-header {
    background-color: #742053 !important;
    background-image: none;
    border: none;
    font-weight: 400;
    padding: 0.2em 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.33em;
    font-weight: 600;
    color: #ffffff !important;
    margin: 0 50px;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    left: 30px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    right: 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: rgba(255, 255, 255, 0.8) !important;
    cursor: pointer;
}

/* AJOUT 1 — opacité sur flèches actives */
.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;
}

/* AJOUT 2 — contenu des flèches via ::before */
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    content: '>>';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    content: '<<';
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    display: block;
    font-family: 'Poppins', sans-serif;
    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-widget-content {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    font-size: 17px;
    background-image: none;
    background-color: #F8F5F7 !important;
    color: #0E0E0E !important;
    border: none;
    border-radius: 10px !important;
    width: 345px;
    padding: 0;
    z-index: 999 !important;
    box-shadow: 0 8px 30px rgba(116, 32, 83, 0.15) !important;
}
table.ui-datepicker-calendar tbody > tr:nth-child(odd) > td {
    background-color: rgba(116, 32, 83, 0.04) !important;
}
.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}
.ui-datepicker td .ui-state-default {
    color: #0E0E0E !important;
    border: none;
    font-family: 'Poppins', sans-serif;
}
.ui-datepicker td .ui-state-active,
.ui-datepicker td .ui-state-highlight {
    background-color: #742053 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
}
.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-top {
    margin-top: -120px;
}
.ui-datepicker.ui-top:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 8px 0;
    border-color: #742053 transparent transparent;
    top: 100%;
    left: 60px;
}

/* ===== RESPONSIVE ===== */

@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;
        z-index: 2;
    }

    .rooms-container-bloc .lordcros-room-search-shortcode {
        bottom: -90px !important;
        left: initial !important;
        width: calc(100% - 30px);
    }

    .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 .search-calendar-show,
    .rooms-container-bloc .search-rate {
        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%;
    }
}

@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 !important;
        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: 18px !important;
        line-height: 22px !important;
    }

    .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 !important;
        line-height: 16px;
    }
}

/* ===== PAGE DÉTAIL CHAMBRE ===== */

.rooms-container-bloc .lordcros-room-search-shortcode.room-details {
    position: relative !important;
    z-index: 98;
    bottom: 0 !important;
    left: initial !important;
    width: 100%;
}

.rooms-container-bloc .lordcros-room-search-shortcode.room-details form {
    flex-direction: column;
    padding: 30px;
    background-color: #F8F5F7;
    border: 1px solid rgba(116, 32, 83, 0.15);
    border-radius: 10px;
}

.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: #742053 !important;
}

.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: #0E0E0E !important;
    margin-right: 8px;
}

.lordcros-room-search-shortcode.room-details form .form-input-area > div .year-val {
    color: rgba(14, 14, 14, 0.6) !important;
}

.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: rgba(14, 14, 14, 0.6) !important;
}

.lordcros-room-search-shortcode.room-details form .form-input-area > div {
    position: relative;
    text-align: left;
    padding: 11px 20px;
    width: 100%;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 20px;
    border: 1px solid rgba(116, 32, 83, 0.1);
}

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

.lordcros-room-search-shortcode.date-format-style1.room-details .form-input-area .check-in-section-wrap .bottomside-inner,
.lordcros-room-search-shortcode.date-format-style1.room-details .form-input-area .check-out-section-wrap .bottomside-inner {
    display: flex;
    align-items: flex-end;
    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,
.lordcros-room-search-shortcode.room-details form .form-input-area .guest-section-wrap {
    display: inline-block;
    width: 100%;
}

.lordcros-room-search-shortcode.date-format-style1.room-details .form-input-area .check-in-section-wrap .leftside-inner,
.lordcros-room-search-shortcode.date-format-style1.room-details .form-input-area .check-out-section-wrap .leftside-inner {
    margin-left: 24px;
    color: rgba(116, 32, 83, 0.5) !important;
    font-size: 11px;
}

.lordcros-room-search-shortcode.room-details form .form-input-area .guest-section-wrap .section-content .leftside-inner {
    font-size: 11px;
    color: rgba(116, 32, 83, 0.5) !important;
}

@media only screen and (min-width: 1201px) {
    .rooms-container-bloc .lordcros-room-search-shortcode.room-details .form-input-area {
        max-width: 100%;
        width: 100%;
    }

    .rooms-container-bloc .lordcros-room-search-shortcode.room-details .form-submit-wrap {
        max-width: 100%;
    }
}