/* engine 2023 fixes */
div[data-role="bookingquery"] span[data-role="content"],
div[data-role="login"] span[data-role="content"],
div[data-role="account"] span[data-role="content"] {
    color: inherit;
}

.mi-be-datepicker-select .DateRangePicker_picker,
.mi-be .mi-dropdown .mi-dropdown-layout {
    z-index: 600;
}



:root {
    --corporative-color: #E49803;
    /* primary button bg */
    --text-color__over-corporative-color: #03024A ;
    /* primary button color */
    --mirai-ui-content: #03024A ;
    --corporative-text-color: #03024A ;

       /* finder engine*/
    --mirai-ui-font-size-action: 1rem;
    --mirai-finder-border-radius: 0px!important;
    --mirai-finder-padding: 0!important;
    --mirai-ui-space-M: 20px!important;
     --mirai-ui-space-XL: 55px!important;
     --mirai-finder-border:none!important;
     --mirai-ui-button-color: #03024A!important;
    --mirai-ui-accent-dark: #E3870D!important;
    --mirai-finder-button-font-size: 1rem!important;
    --mirai-ui-button-font-weight:700!important;
}
@media (min-width: 768px) {
:root {
    --mirai-finder-border-radius: 30px!important;
    /*--mirai-ui-space-M: 35px!important;*/
}

[data-role="finder-button"]{
     --mirai-finder-border-radius: 0px 30px 30px 0px!important;
    text-transform: uppercase;
}
[data-role="field"] [is="ui-text"]:first-child{
    display: none;
}
[data-role="finder:field:promocode"]::placeholder{
    color: var(--corporative-text-color);
}
.page-template-bookingstep1{
    --mirai-finder-border:1px solid #ddd!important;
}
}







/* Contola el Width de los campos con estas reglas */


/* Chain selector - Dropdown */
[data-mirai-engine='mirai_be'] .mi-be .mi-be-chain-select .mi-be-chain-dropdown {
    width: 250px;
}

/* -------------------------------------------------------------------- */

/* engine container */
[data-mirai-engine='mirai_be'] .mi-be {
    background: transparent;
    font-size: 1rem;
    color: #03024A !important;
}

/* input fields (common styles) */
[data-mirai-engine='mirai_be'] .mi-be-chain-field,
[data-mirai-engine='mirai_be'] .DateRangePickerInput,
[data-mirai-engine='mirai_be'] .mi-be-multiroom-field,
[data-mirai-engine='mirai_be'] .mi-be-promo-field {
    padding: 10px;
    background-color: #fff;
    margin-right: 5px;
    /*border: 0;*/
    /*border-radius: 0;*/
}


/* placeholders */
.mi-be.mi-be-mobile .mi-dropdown .mi-dropdown-button .mi-ico-select-dropdown ,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-ms-input-placeholder ,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]:-moz-placeholder ,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-moz-placeholder ,
[data-mirai-engine='mirai_be'] .mi-be .mi-dropdown .mi-dropdown-placeholder,
[data-mirai-engine='mirai_be'] .mi-be input[type=text]::-webkit-input-placeholder {
    color: #03024A;
}




/* ICONS */



/* DATEPICKER (engine & no dispo) */

/* selected & hover dates */
[data-mirai-engine] .CalendarDay__default:hover,
[data-mirai-engine] [class*="CalendarDay__selected"],
[data-mirai-engine] .CalendarDay__hovered_span [data-mirai-engine] .CalendarDay__hovered_span:active,
.mi-be-datepicker-select .DateRangePickerInput .DateInput .DateInput_input__focused,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-main .mi-be-modal-fields input.DateInput_input__focused {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    background-color: #FFD875;
}


/* placeholder selected input in datepicker - (same color than "selected & hover dates") */



/* last selected day */
[data-mirai-engine] .CalendarDay__selected_end,
[data-mirai-engine] .CalendarDay__selected_end:hover {
    background-color: #E3870D;
    color: #eee;
}


/* ALL ACTION BUTTONS (Book included) - only appearance, none position/display or padding/margin or font appearance */
.mi-be .mi-be-book-btn,
.mi-rs .mi-rs-cart-btn,
.mi-rs .mi-rs-add-btn,
.mi-rs .mi-na-option-date-btn,
.mi-rs .mi-na-option-hotel-btn,
.mi-rs .mi-cf-form-data-btn,
button.mi-modal-close-btn,
.mi-rs .mi-rs-rate-select-room-btn,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm {
    background-color: #E49803;
    color: #03024A;
    border-radius: 30px;
    border: 0;
    -webkit-transition: .3s all;
    transition: .3s all;
}


.mi-be .mi-be-book-btn:hover,
.mi-rs .mi-rs-cart-btn:hover,
.mi-rs .mi-rs-add-btn:hover,
.mi-rs .mi-na-option-date-btn:hover,
.mi-rs .mi-na-option-hotel-btn:hover,
.mi-rs .mi-cf-form-data-btn:hover,
button.mi-modal-close-btn:hover,
.mi-rs .mi-rs-rate-select-room-btn:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-multiroom-footer .mi-be-multiroom-footer-confirm:hover,
.mi-be.mi-be-mobile .mi-be-modal .mi-be-modal-footer .mi-be-date-picker-confirm:hover {
    background-color: #E3870D;
}



/* ------------- BOOKING PROCESS ------------- */

/* LINKS */

/*Engine*/

/* ----------------- ENGINE IN MODAL (bootstrap or mirai modal) -------------- */


/* ----------------- ENGINE IN SQUARE ----------------- */






/* MEDIA QUERIES */



/* ==================================== */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~ COOKIES */
/* ==================================== */

@media (max-width: 768px) {

    #cookies-alert-wrapper {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: var(--space) calc(var(--space) + 2px);
        background-color: #171717;
        color: #cecece;
        box-sizing: border-box;
        font-size: 14px;
        width: 100%;
        z-index: 20;
        opacity: 0;
        transform: translateY(20px);
        animation: hello-cookie 1.1s forwards;
    }

    #cookies-alert-wrapper .container {
        padding: 0;
    }

    #cookies-alert-wrapper p {
        margin: 0;
        line-height: 1.5;
        font-size: .9rem;
        color: #cecece;
    }

    #cookies-alert-wrapper .container p span {
        display: contents;
    }

    #cookies-alert-wrapper a:first-child {
        color: #88c5fb;
        text-decoration: underline;
        margin: 0;
    }

    #cookies-alert-wrapper a:nth-child(2) {
        display: block;
        border: 1px solid;
        font-size: 1.2em;
        padding: calc(var(--space) * 1.5);
        margin: var(--space) 0 0;
        text-align: center;
        color: #fff;
        border-radius: var(--border-radius);
        text-decoration: none;
        line-height: 1.2;
    }

    @keyframes hello-cookie {
        60% {
            opacity: 0;
            transform: translateY(20px)
        }

        100% {
            opacity: 1;
            transform: translateY(0)
        }
    }
}

/* ================================= */
body.mi-be-datepicker-open .mirai-modal.mi-active {
    z-index: 999999;
}

.engine-mobile-container .elementor-widget-Mirai-Club-Login div[data-role="login"]{color: #fff!important;}