/* =========================================
   MCFW Store Switcher Modal
   ========================================= */


/* Modal container */

.mcfw-switcher-modal {

	display:none;

	position:fixed;

	inset:0;

	z-index:999999;

	align-items:center;

	justify-content:center;

	font-family:inherit;

}


.mcfw-switcher-modal.active {

	display:flex;

}



/* Dark transparent overlay */

.mcfw-switcher-overlay {

	position:absolute;

	inset:0;

	background:rgba(0,0,0,.70);

	backdrop-filter:blur(8px);

	-webkit-backdrop-filter:blur(8px);

}



/* Popup */

.mcfw-switcher-popup {

	position:relative !important;

	width:90%;

	max-width:430px;

	padding:35px 30px 30px;

	background:

	rgba(255,255,255,.12);

	border:

	1px solid rgba(255,255,255,.25);

	border-radius:22px;

	backdrop-filter:blur(25px);

	-webkit-backdrop-filter:blur(25px);

	box-shadow:

	0 20px 50px rgba(0,0,0,.35);

	color:#fff;

	text-align:center;

	animation:

	mcfwPopup .25s ease forwards;

}



/* Popup animation */

@keyframes mcfwPopup {


	from {

		opacity:0;

		transform:scale(.85) translateY(20px);

	}


	to {

		opacity:1;

		transform:scale(1) translateY(0);

	}


}





/* Close X button */

.mcfw-switcher-close {


	position:absolute !important;


	right:15px !important;


	top:10px !important;


	width:38px !important;


	height:38px !important;


	display:flex !important;


	align-items:center !important;


	justify-content:center !important;


	padding:0 !important;


	margin:0 !important;


	background:transparent !important;


	border:0 !important;


	color:#fff !important;


	font-size:30px !important;


	line-height:1 !important;


	font-weight:300;


	cursor:pointer;


	z-index:20;


	transition:

	transform .2s ease,

	opacity .2s ease;


}




.mcfw-switcher-close:hover {


	transform:rotate(90deg);


	opacity:.7;


}





/* Title */

.mcfw-switch-title {


	margin:0 0 15px;


	color:#fff;


	font-size:26px;


	font-weight:600;


	line-height:1.3;


}



/* Message */

.mcfw-switch-message {


	color:rgba(255,255,255,.9);


	font-size:16px;


	line-height:1.6;


	margin:0;


}





/* Buttons container */

.mcfw-switch-actions {


	display:flex;


	justify-content:center;


	gap:15px;


	margin-top:30px;


}





/* Buttons */

.mcfw-switch-actions button {


	border:0 !important;


	border-radius:40px !important;


	padding:13px 30px !important;


	font-size:15px !important;


	font-weight:600;


	cursor:pointer;


	min-width:120px;


	transition:

	transform .2s ease,

	opacity .2s ease;


}



.mcfw-switch-actions button:hover {


	transform:translateY(-2px);


	opacity:.9;


}





/* Continue button */

.mcfw-confirm {


	background:#27ae60 !important;


	color:#fff !important;


}




/* Cancel button */

.mcfw-cancel {


	background:rgba(255,255,255,.20) !important;


	color:#fff !important;


	border:

	1px solid rgba(255,255,255,.25) !important;


}







/* Mobile */

@media(max-width:480px){


	.mcfw-switcher-popup {


		padding:

		35px 20px 25px;


	}


	.mcfw-switch-title {


		font-size:22px;


	}



	.mcfw-switch-message {


		font-size:15px;


	}



	.mcfw-switch-actions {


		flex-direction:column;


	}



	.mcfw-switch-actions button {


		width:100%;


	}



}




.mcfw-market-icon {

	font-size:50px;

	margin-bottom:10px;

}


.mcfw-destination-market {

	margin:0 0 15px;

	color:#fff;

	font-size:20px;

	font-weight:600;

}



.mcfw-confirm:disabled {

	opacity:.7;

	cursor:not-allowed;

}



.mcfw-market-icon {

	display:flex;

	justify-content:center;

	align-items:center;

	margin-bottom:15px;

}



.mcfw-flag {

	display:block;

	width:70px;

	height:45px;

	border-radius:8px;

	background-size:cover;

	background-position:center;

	box-shadow:

	0 5px 15px rgba(0,0,0,.25);

}



/* Costa Rica flag */

.mcfw-flag-cr {

	background-image:url("../images/costa-rica.png");

}



/* United States flag */

.mcfw-flag-us {

	background-image:url("../images/united-states.svg");

}