:root{
	--corporative-color: #5C443A;
	--mirai-ui-border-radius: 10px;
	--mirai-finder-border-radius: 50em;
	--mirai-finder-gap: 20px;
	--mirai-finder-padding: 3px;
}
/***** FINDER *****/
/* HIDDEN IN DETAIL PAGES */
body.cat-room-detail [data-mirai-component="finder"],
body.cat-offer-detail [data-mirai-component="finder"] {
    display: none;
}

section .elementor-widget-Mirai-Finder { width: 100%; }

[data-mirai-component="finder"] > ui-finder { 
	width: 90dvw !important;
	margin: 0 auto;
	position: relative;
	overflow: visible;
	z-index: 0;
}

body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] 
{ max-width: 1200px !important; }

/* BLUR EFFECT BEHIND THE FINDER */
[data-mirai-component="finder"] > ui-finder:before,
[data-mirai-component="finder"] > ui-finder-compact:before {
	content: '';
	background-color: rgb(255 255 255 / 60%);
	width: 101.25%;
	height: 100%;
	padding: 2.1em;
	border-radius: 50em;
	position: absolute;
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	z-index: -1;
}

[data-mirai-component="finder"] > ui-finder:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: var(--mirai-finder-background);
	border-radius: var(--mirai-finder-border-radius);
	padding: var(--mirai-finder-padding);
	position: absolute;
	z-index: -1;
}
body:has(header .elementor-sticky--effects) ui-finder:after { display: none; }

/* MAX-WIDTH COLUMN FINDER */
.column-finder.elementor-widget-Mirai-Finder {
    max-width: 330px;
    margin: 0 auto;
}

/**** CLUB *****/
.elementor-widget-Mirai-Club-Login {
    line-height: normal;
	align-self: flex-start;
}

/* LOGIN */
[data-role="login"] [data-role="content"] {
    font-family: var(--e-global-typography-5c843f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-5c843f5-font-size);
    font-weight: var(--e-global-typography-5c843f5-font-weight);
    line-height: var(--e-global-typography-5c843f5-line-height);
}

[data-mirai-component="session"] {
    display: flex;
}

/***** CLUB PAGES *****/
/* ALIGN CENTER CLUB FORM ON SIGNGUP PAGE */
[data-mirai-component="signup"] {
	display: flex;
	justify-content: center;
}

/* PADDING FOR SINGUP AND MEMBERS AREA PAGE */
[data-mirai-component="profile"],
[data-mirai-component="signup"] {
	padding: 50px 0;
}

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

@media (width <= 1024px) {
/* ICON SIZE WHEN YOU ARE LOGGED IN */
	:root [data-mirai-component="session"]:has([data-role="account"]){
		--mirai-ui-font-size-action:17px;
		--mirai-ui-space-L: 27px;
	}
/* Finder */
	[data-mirai-component="finder"] > ui-finder { width: inherit !important; }
	
	[data-widget_type="Mirai-Promocode-Button.default"] {
		width: inherit;
		display: flex;
		justify-content: center;
	}
	
	body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] > div
	{ margin-block: 0 .31rem !important; }
}

@media (768px <= width) {
	/* STICKY FINDER */
	body:has(header .elementor-sticky--effects) .mft-wrapper-finder {
		flex-direction: column-reverse;
		position: fixed;
		left: 0;
		bottom: 18px;
		animation: slideUpFinder 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;
	}
	
	@keyframes slideUpFinder {
		0% { 
			opacity: 0;
			transform: translateY(50px);
		}
		100% { 
			opacity: 1;
			transform: translateY(0);
		}
	}

	body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] 
	{ width: 64%; }

	body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] > div {
		background-color: var(--corporative-color);
		border-radius: 11px 11px 0 0;
		display: inline-block;
		margin-block: 0 var(--mft-space-4xs) !important;
		padding: 2px 6px 0 6px !important;
	}
}

@media (width <= 767px) {
	/* Finder */
	body .mft-wrapper-finder {
		flex-direction: column-reverse !important;
		position: fixed;
		left: 0;
		bottom: 18px;
	}
	
	body [data-widget_type="Mirai-Promocode-Button.default"] > div {
		background-color: var(--corporative-color);
		border-radius: 11px 11px 0 0;
		display: inline-block;
		margin-block: 0 1px !important;
		padding: 2px 6px 0 6px !important;
	}
	
	[data-mirai-component="finder"] > ui-finder { display: none; }
	
	[data-mirai-component="finder"] > ui-finder-compact { margin: 0 auto; }
	
	body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] 
	{ width: 100% !important; }
	
	body:has(header .elementor-sticky--effects) [data-widget_type="Mirai-Promocode-Button.default"] > div
	{ margin-block: 0 .02rem !important; }
	
	[data-mirai-component="finder"] > ui-finder-compact:before {
		padding-inline: 0;
		width: 104%;
	}
	
	[data-mirai-component="finder"] > ui-finder-compact:before 
	{ width: 96%; }
}