:root {
	--mirai-ui-accent: #10069F;
	--mirai-ui-accent-background: #F0EFFF;
	--mirai-ui-accent-light: #1307BF;
	--mirai-ui-accent-border: #D2D2FE;
	--mirai-ui-accent-dark: #1a1a1a;
	--mirai-places-items-per-column: 16;
	--mirai-session-color: var(--mirai-ui-base);
	--mirai-session-icon-color: var(--mirai-ui-base);
	--mirai-finder-button-font-size: 16px;
	--mirai-places-item-height: 35px;
}

/* Fix several columns */
ui-finder ui-view[data-role="places"]>ui-ul:first-of-type {
	max-width: calc(var(--mirai-places-item-width) * 3);
	flex-wrap: wrap;
	width: calc(var(--mirai-places-item-width) * 3);
}

[data-mirai-component="finder"] [data-role="view"] [data-role="finder:field:promocode"] {
	padding: inherit;
	font-size: var(--mirai-ui-font-size-action);
}

body:has([data-role="layer-content"]:not([class*="_hidden"]) [data-hotel-id]) .mdl-header:not(.sticky) {
	z-index: 1;
}

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

	.formsticky {
		position: fixed;
		bottom: 8px;
		width: calc(100% - 4.6rem);
		margin: 0 auto;
		left: 0;
		right: 0;
	}
}


/* ================================= */
/* CSS FOR NEW CLUB */
[data-mirai-component="signup"],
[data-mirai-component="profile"] {
	display: flex;
	justify-content: center;
}

/* Hide loyalty text in mobile device*/
body:has(ui-finder-compact) [data-mirai-component="session"]>ui-pressable>ui-view>ui-text {
	display: none;
}

body:has(ui-finder-compact) header.sticky {
	--mirai-session-color: initial;
	--mirai-session-icon-color: initial;
}



}