/* =========================================================
   Solve Skin Care - Floating Tools + Mobile Menu
   migrated from WPCode into child theme
   ========================================================= */
:root{
	--solve-ui-pink:#c83b7d;
	--solve-ui-coral:#f28a76;
	--solve-ui-dark:#2b2022;
	--solve-ui-line:rgba(43,32,34,.10);
	--solve-ui-bg:rgba(255,255,255,.92);
	--solve-ui-shadow:0 14px 32px rgba(36,27,29,.16);
}
body.solve-tools-ready .trp-floating-switcher,
body.solve-tools-ready .wcuCurrencySwitcherSimpleDropdown{
	display:none !important;
}
.solve-tools-bar{
	position:fixed;
	right:14px;
	bottom:138px;
	z-index:9999999;
	display:inline-flex;
	align-items:center;
	height:40px;
	padding:3px;
	background:var(--solve-ui-bg);
	border:1px solid rgba(200,59,125,.12);
	border-radius:999px;
	box-shadow:var(--solve-ui-shadow);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
	opacity:0;
	transform:translateY(10px) scale(.98);
	pointer-events:none;
	transition:opacity .24s ease,transform .24s ease,box-shadow .24s ease;
}
.solve-tools-bar.is-visible{
	opacity:1;
	transform:translateY(0) scale(1);
	pointer-events:auto;
}
.solve-tools-bar:hover{box-shadow:0 18px 40px rgba(36,27,29,.19);}
.solve-tools-btn{
	position:relative;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:5px;
	height:32px;
	padding:0 10px;
	border:0;
	border-radius:999px;
	background:transparent;
	color:var(--solve-ui-dark);
	font-size:12px;
	font-weight:800;
	line-height:1;
	text-decoration:none !important;
	cursor:pointer;
	transition:background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.solve-tools-btn--lang{min-width:54px;}
.solve-tools-btn--currency{min-width:68px;}
.solve-tools-btn:hover,.solve-tools-btn.is-open{
	background:linear-gradient(135deg,var(--solve-ui-pink),var(--solve-ui-coral));
	color:#fff !important;
	box-shadow:0 8px 18px rgba(200,59,125,.20);
}
.solve-tools-btn:active{transform:scale(.97);}
.solve-tools-separator{
	width:1px;height:18px;margin:0 2px;background:var(--solve-ui-line);
}
.solve-tools-lang-icon{font-size:12px;line-height:1;}
.solve-tools-flag{
	width:19px;height:14px;object-fit:cover;border-radius:4px;display:block;box-shadow:0 1px 3px rgba(0,0,0,.14);
}
.solve-tools-currency-arrow{
	font-size:12px;line-height:1;color:var(--solve-ui-pink);
	transition:transform .18s ease,color .18s ease;
}
.solve-tools-btn--currency:is(.is-open,:hover) .solve-tools-currency-arrow{color:#fff;}
.solve-tools-btn--currency.is-open .solve-tools-currency-arrow{transform:rotate(180deg);}
.solve-tools-popover{
	position:fixed;z-index:10000000;display:none;min-width:138px;padding:6px;
	background:rgba(255,255,255,.98);border:1px solid rgba(43,32,34,.10);border-radius:16px;
	box-shadow:0 18px 40px rgba(36,27,29,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.solve-tools-popover.is-open{display:block;animation:solveToolsPopoverIn .18s ease both;}
@keyframes solveToolsPopoverIn{
	from{opacity:0;transform:translateY(5px) scale(.98);}
	to{opacity:1;transform:translateY(0) scale(1);}
}
.solve-tools-option{
	display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:0 10px;border:0;border-radius:11px;
	background:transparent;color:var(--solve-ui-dark);font-size:12px;font-weight:750;text-align:start;cursor:pointer;
}
.solve-tools-option:is(:hover,.is-current){background:rgba(200,59,125,.09);color:var(--solve-ui-pink);}
#ht-ctc-chat{right:14px !important;bottom:78px !important;}
.scrollToTop{right:14px !important;bottom:18px !important;}

@media (max-width:1024px){
	.mobile-nav.wd-side-hidden-nav{
		width:min(86vw,330px)!important;
		background:linear-gradient(180deg,#fffaf8 0%,#fff 48%,#fff7f4 100%)!important;
		border:0!important;
		box-shadow:18px 0 50px rgba(36,27,29,.18)!important;
		overflow-x:hidden!important;
	}
	.mobile-nav.wd-side-hidden-nav::before{
		content:"";display:block;height:94px;margin:14px 14px 10px;border-radius:24px;
		background:url("https://solveskincare.ae/wp-content/uploads/2022/12/2.png") center/92px auto no-repeat,
			linear-gradient(135deg,rgba(200,59,125,.13),rgba(242,138,118,.18));
		border:1px solid rgba(200,59,125,.12);box-shadow:0 14px 30px rgba(36,27,29,.07);
	}
	.mobile-nav .wd-search-form{display:none!important;}
	.mobile-nav .mobile-pages-menu{padding:6px 14px 20px!important;margin:0!important;background:transparent!important;}
	.mobile-nav .mobile-pages-menu>li{margin:7px 0!important;border:0!important;background:transparent!important;}
	.mobile-nav .mobile-pages-menu>li>a{
		position:relative;display:flex!important;align-items:center!important;min-height:50px!important;padding:0 16px!important;
		border:1px solid rgba(36,27,29,.07)!important;border-radius:17px!important;background:rgba(255,255,255,.82)!important;color:#2b2022!important;
		font-size:14px!important;font-weight:700!important;box-shadow:0 8px 20px rgba(36,27,29,.045)!important;
	}
	.mobile-nav .mobile-pages-menu>li>a::before{
		content:"";width:5px;height:20px;margin-inline-end:11px;border-radius:999px;background:linear-gradient(180deg,#c83b7d,#f28a76);opacity:.55;
	}
	.mobile-nav .mobile-pages-menu>li>a:hover{
		transform:translateY(-1px);border-color:rgba(200,59,125,.18)!important;background:#fff!important;box-shadow:0 14px 28px rgba(36,27,29,.09)!important;color:#c83b7d!important;
	}
	.mobile-nav .mobile-pages-menu>li:is(.current-menu-item,.current_page_item)>a{
		background:linear-gradient(135deg,#c83b7d,#f28a76)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 15px 30px rgba(200,59,125,.22)!important;
	}
	.mobile-nav .mobile-pages-menu>li:is(.current-menu-item,.current_page_item)>a::before{background:#fff!important;opacity:.95!important;}
	.mobile-nav .mobile-pages-menu>li.menu-item-wishlist{margin-top:16px!important;}
	.mobile-nav .wd-nav-opener{
		top:50%!important;transform:translateY(-50%)!important;width:34px!important;height:34px!important;inset-inline-end:10px!important;
		border-radius:999px!important;background:rgba(200,59,125,.10)!important;color:#c83b7d!important;border:1px solid rgba(200,59,125,.14)!important;
	}
	.mobile-nav .mobile-pages-menu .wd-sub-menu{
		margin:8px 0 0!important;padding:9px!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;
		border:1px solid rgba(36,27,29,.07)!important;box-shadow:0 12px 28px rgba(36,27,29,.07)!important;
	}
	.wd-close-side{
		backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;background:rgba(28,20,22,.42)!important;
	}
}
@media (max-width:767px){
	.solve-tools-bar{right:12px;bottom:188px;height:38px;padding:3px;}
	.solve-tools-btn{height:30px;padding:0 9px;font-size:11px;gap:5px;}
	.solve-tools-btn--lang{min-width:50px;}
	.solve-tools-btn--currency{min-width:63px;}
	.solve-tools-separator{height:17px;}
	.solve-tools-lang-icon{font-size:11px;}
	.solve-tools-flag{width:18px;height:13px;}
	#ht-ctc-chat{right:12px!important;bottom:128px!important;}
	.scrollToTop{right:12px!important;bottom:72px!important;}
}

/* =========================================================
   QA refinements - compact floating tools, isolated from global button styles
   ========================================================= */
.solve-tools-bar{
	bottom:132px;
	height:36px;
	padding:2px;
}
.solve-tools-btn{
	min-height:0 !important;
	height:32px !important;
	padding:0 9px !important;
	font-size:11px !important;
	line-height:1 !important;
	box-shadow:none;
	text-transform:none !important;
}
.solve-tools-btn--lang{min-width:48px !important;}
.solve-tools-btn--currency{min-width:61px !important;}
.solve-tools-popover{
	width:154px !important;
	min-width:154px !important;
	max-width:calc(100vw - 20px) !important;
	padding:6px !important;
	box-sizing:border-box !important;
}
.solve-tools-option{
	appearance:none !important;
	-webkit-appearance:none !important;
	min-height:34px !important;
	height:34px !important;
	width:100% !important;
	padding:0 10px !important;
	margin:0 0 4px !important;
	border:0 !important;
	border-radius:10px !important;
	background:transparent !important;
	box-shadow:none !important;
	color:var(--solve-ui-dark) !important;
	font-size:11px !important;
	font-weight:800 !important;
	text-transform:none !important;
	justify-content:flex-start !important;
}
.solve-tools-option:last-child{margin-bottom:0 !important;}
.solve-tools-option:is(:hover,.is-current){
	background:rgba(200,59,125,.09) !important;
	color:var(--solve-ui-pink) !important;
}
.solve-tools-flag{width:18px;height:13px;}
@media (max-width:767px){
	.solve-tools-bar{bottom:182px;height:35px;}
	.solve-tools-btn{height:31px !important;padding:0 8px !important;font-size:11px !important;}
	.solve-tools-btn--lang{min-width:46px !important;}
	.solve-tools-btn--currency{min-width:58px !important;}
	.solve-tools-popover{width:148px !important;min-width:148px !important;}
}