/*
Theme name: Mesoestetic
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {}

/*
Theme name: Mesoestetic
Description: Custom Theme
*/

/*
	Source post-css styles are located in resources/css/

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/

p {}

.cs-modal-body .btn,
.cs-wrapper .btn{
	background-color: white !important;
	color: #000000 !important;
	overflow: hidden;
	z-index:1 !important;
	border:2px solid #000000 !important;
}

.policy_wrap a{
	color: black !important
}

.cs_preview_container .cs-privacy-content-text a:after, .cs_preview_container .cs_open_vendors a:after, .cs_preview_container .cs_vendor_link_wrap a:after, .cs_preview_container .policy_wrap a:after{
	background-color: black !important;
}

.cs-modal-body .btn-grey,
.cs-wrapper .btn-grey{
	background-color: black !important;
	color: white !important;
	border:2px solid black !important;
}

@media (min-width:768px) {
	.cs-modal-body .btn,
	.cs-wrapper .btn{
		position: relative;
	}

	.cs-modal-body .btn:before,
	.cs-wrapper .btn:before{
		content: "";
		display: block;
		height: 100%;
		width: 0;
		background-color: #000000;
		transition: all 0.3s;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 20px;
		z-index: -1;
	}
	
	.cs-modal-body .btn-grey:before,
	.cs-wrapper .btn-grey:before{
		background-color: white !important;
	}

	.cs-modal-body .btn:hover,
	.cs-wrapper .btn:hover{
		background-color: transparent !important;
		color: white !important;
	}
	
	.cs-modal-body .btn-grey:hover,
	.cs-wrapper .btn-grey:hover{
		color: black !important;
	}

	.cs-modal-body .btn:hover:before,
	.cs-wrapper .btn:hover:before{
		width: 100% !important;
		transition: all 0.3s;
	}
}


.product__intro-footer-stock-badge{
	display:flex;
	align-items:center;
	color: black;
	font-size:16px;
	text-transform:uppercase;
	background-color: #F7C6D1;
	padding: 10px 25px;
	border-radius: 19px;
	width:max-content;
	margin-top:20px;
}

.product__intro-footer-stock-badge:before{
	content: "";
	width:16px;
	height:17px;
	background-image:url(https://mesoestetic.bg/wp-content/uploads/2026/01/Vector.svg);
	background-position:center;
	background-repeat:no-repeat;
	margin-right:15px;
}