:root {
    --corporative-color: #33776C;
    --mirai-finder-button-background: #21534D;
    --mirai-finder-button-background-active: #153A35;
}

/* FINDER */
/* focus the modal in the viewport & the form signup and profile in the container */
[data-mirai-component="profile"],
[data-mirai-component="signup"] {
	display: flex;
    justify-content: center;
    padding: 50px 0;
}

/* remove the grey background of the email imput in profile */
[data-mirai-component="profile"] input[disabled] {
    background-color: transparent;
}

/* MI RESERVA EN EL FOOTER */
.mft-wrapper-footer [data-mirai-component="bookingQuery"] [data-role="content"] {
    font-family: var(--e-global-typography-8035a56-font-family), sans-serif;
    font-size: var(--e-global-typography-8035a56-font-size);
    font-weight: 400;
    color: #FFFFFF;
}

/* CALENDARIO DEL FINDER POR ENCIMA DEL HEADER Y DE LA SECCION SIGUIENTE */
.mft-hero:has([data-mirai-component="finder"] ui-layer-content:not([class*="hidden"])) {
    z-index: 100;
}

body:has(.mft-hero [data-mirai-component="finder"] ui-layer-content:not([class*="hidden"])) .mft-header {
    z-index: 1;
}

/* MIRAI CLUB */
body {
    --mirai-ui-accent: #21534D;
    --mirai-ui-accent-dark: #12312C;
    --mirai-ui-button-background: #21534D;
    --mirai-ui-button-background-active: #12312C;
    --mirai-ui-content: #202020;
    --mirai-ui-font: var(--e-global-typography-text-font-family), sans-serif;
    --mirai-ui-font-medium: var(--e-global-typography-text-font-family), sans-serif;
    --mirai-ui-font-bold: var(--e-global-typography-text-font-family), sans-serif;
    --mirai-ui-border-radius: 4px;
    --mirai-ui-button-radius: 4px;
}

[data-mirai-component="signup"],
[data-mirai-component="profile"],
[data-mirai-component="session"] {
    font-family: var(--e-global-typography-text-font-family), sans-serif;
}

[data-mirai-component="signup"] {
    display: flex;
    justify-content: center;
    padding-block: var(--mft-space-xl);
}

[data-mirai-component="signup"] ui-text,
[data-mirai-component="signup"] ui-input,
[data-mirai-component="signup"] ui-button,
[data-mirai-component="profile"] ui-text,
[data-mirai-component="profile"] ui-input,
[data-mirai-component="session"] ui-text,
ui-modal ui-text,
ui-modal ui-input,
ui-modal ui-button {
    font-family: inherit;
}

ui-modal {
    font-family: var(--e-global-typography-text-font-family), sans-serif;
}

[data-mirai-component="profile"] input {
    background-color: var(--mirai-ui-input-background);
}