/*
 * Solve Skin Care - Mobile Pro Layer V6
 * تصميم هاتف مستقل فوق Woodmart بدون كسر الديسكتوب.
 */

@media (max-width: 768px) {
	:root {
		--solve-mob-bg: #fffaf7;
		--solve-mob-card: rgba(255,255,255,.92);
		--solve-mob-border: rgba(83, 52, 42, .10);
		--solve-mob-text: #2d211d;
		--solve-mob-muted: rgba(45,33,29,.66);
		--solve-mob-accent: #c85f72;
		--solve-mob-accent-2: #8b5f4c;
		--solve-mob-shadow: 0 14px 36px rgba(70,43,34,.10);
		--solve-mob-soft-shadow: 0 8px 22px rgba(70,43,34,.07);
		--solve-mob-radius: 22px;
	}

	html.solve-mobile-pro,
	html.solve-mobile-pro body {
		background: var(--solve-mob-bg) !important;
		-webkit-tap-highlight-color: transparent;
	}

	html.solve-mobile-pro body {
		color: var(--solve-mob-text);
		padding-bottom: env(safe-area-inset-bottom);
	}

	html.solve-mobile-pro .main-page-wrapper,
	html.solve-mobile-pro .site-content,
	html.solve-mobile-pro .container {
		max-width: 100% !important;
	}

	/* Header: small luxury app feel */
	html.solve-mobile-pro .whb-header,
	html.solve-mobile-pro .whb-sticky-header {
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);
		background: rgba(255,250,247,.88) !important;
		border-bottom: 1px solid rgba(83,52,42,.08);
		box-shadow: 0 8px 26px rgba(53,34,29,.08) !important;
	}

	html.solve-mobile-pro .whb-header .site-logo img {
		max-height: 48px !important;
		width: auto !important;
	}

	html.solve-mobile-pro .wd-tools-element > a,
	html.solve-mobile-pro .wd-header-cart a,
	html.solve-mobile-pro .wd-header-search a,
	html.solve-mobile-pro .wd-header-mobile-nav a {
		min-width: 42px;
		min-height: 42px;
		border-radius: 999px;
		background: rgba(255,255,255,.72);
		box-shadow: 0 8px 20px rgba(52,33,27,.08);
	}

	/* Product grids: two columns with clear buying focus */
	html.solve-mobile-pro :is(.products, .wd-products, .solve-modern-products, .solve-modern-mini-grid) {
		gap: 12px !important;
	}

	html.solve-mobile-pro :is(.product-grid-item, .wd-product, .solve-modern-card) {
		border-radius: var(--solve-mob-radius) !important;
		transform: translateZ(0);
		contain: layout paint;
	}

	html.solve-mobile-pro :is(.product-grid-item .product-wrapper, .wd-product .product-wrapper, .solve-modern-card) {
		position: relative;
		overflow: hidden;
		padding: 10px !important;
		border: 1px solid var(--solve-mob-border) !important;
		border-radius: var(--solve-mob-radius) !important;
		background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,247,.94)) !important;
		box-shadow: var(--solve-mob-soft-shadow) !important;
	}

	html.solve-mobile-pro :is(.product-grid-item .product-wrapper, .wd-product .product-wrapper, .solve-modern-card)::after {
		content: "";
		position: absolute;
		inset: 0;
		pointer-events: none;
		border-radius: inherit;
		background: linear-gradient(135deg, rgba(255,255,255,.55), transparent 38%, rgba(200,95,114,.05));
		opacity: .78;
	}

	html.solve-mobile-pro :is(.product-grid-item .product-image-link, .wd-product .product-image-link, .solve-modern-card__image, .product-element-top) {
		position: relative;
		display: block;
		overflow: hidden;
		border-radius: 18px !important;
		background: #fff3ef;
		isolation: isolate;
	}

	html.solve-mobile-pro :is(.product-grid-item img, .wd-product img, .solve-modern-card img, .woocommerce-product-gallery img) {
		backface-visibility: hidden;
		transform: translateZ(0) scale(1);
		transition: transform .55s cubic-bezier(.22,1,.36,1), filter .35s ease, opacity .28s ease !important;
	}

	html.solve-mobile-pro :is(.product-grid-item:active, .wd-product:active, .solve-modern-card:active) :is(img, .product-image-link img) {
		transform: scale(1.04) !important;
		filter: saturate(1.05) contrast(1.02);
	}

	html.solve-mobile-pro :is(.product-grid-item .wd-entities-title, .wd-product .wd-entities-title, .solve-modern-card h3) {
		font-size: 13.4px !important;
		line-height: 1.55 !important;
		min-height: 42px;
		margin: 9px 0 5px !important;
		color: var(--solve-mob-text) !important;
	}

	html.solve-mobile-pro :is(.product-grid-item .price, .wd-product .price, .solve-modern-card .price) {
		display: flex !important;
		align-items: baseline;
		gap: 5px;
		flex-wrap: wrap;
		font-size: 15.5px !important;
		font-weight: 800 !important;
		color: #8d3f4d !important;
	}

	html.solve-mobile-pro :is(.product-grid-item .button, .wd-product .button, .solve-modern-cart, .add_to_cart_button) {
		min-height: 41px !important;
		width: 100%;
		border-radius: 999px !important;
		font-size: 12.5px !important;
		font-weight: 800 !important;
		letter-spacing: 0 !important;
		box-shadow: 0 10px 22px rgba(200,95,114,.18) !important;
	}

	/* Remove the old rotating wheel completely */
	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).solve-cart-loading::after,
	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).loading::after,
	html.solve-mobile-pro .single_add_to_cart_button.solve-cart-loading::after,
	html.solve-mobile-pro .single_add_to_cart_button.loading::after {
		content: none !important;
		display: none !important;
		animation: none !important;
	}

	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).solve-cart-loading,
	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).loading {
		pointer-events: none;
		color: transparent !important;
		position: relative !important;
		background-image: linear-gradient(90deg, #a24f61, #cf7c8d, #a24f61) !important;
		background-size: 220% 100% !important;
		animation: solveMobileButtonSheen 1.05s linear infinite !important;
	}

	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).solve-cart-loading::before,
	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).loading::before {
		content: "جاري الإضافة..." !important;
		position: absolute !important;
		inset: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #fff !important;
		z-index: 2 !important;
		font-weight: 900 !important;
		background: transparent !important;
		transform: none !important;
	}

	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).solve-cart-added {
		color: transparent !important;
		background: linear-gradient(135deg, #547a61, #7fa988) !important;
	}

	html.solve-mobile-pro :is(.ajax_add_to_cart,.add_to_cart_button,.solve-modern-cart,.single_add_to_cart_button).solve-cart-added::before {
		content: "تمت الإضافة ✓" !important;
		position: absolute !important;
		inset: 0 !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		color: #fff !important;
		font-weight: 900 !important;
		z-index: 2 !important;
		transform: none !important;
	}

	@keyframes solveMobileButtonSheen {
		to { background-position: -220% 0; }
	}

	/* Single product: app-style page */
	html.solve-mobile-pro.single-product .main-page-wrapper {
		padding-bottom: 108px !important;
	}

	html.solve-mobile-pro.single-product :is(.product-image-summary, .product, .summary-inner, .woocommerce-product-gallery) {
		background: transparent !important;
		box-shadow: none !important;
	}

	html.solve-mobile-pro.single-product .product-image-summary {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 14px !important;
		padding: 0 12px !important;
	}

	html.solve-mobile-pro.single-product .woocommerce-product-gallery {
		position: relative;
		padding: 10px !important;
		border: 1px solid var(--solve-mob-border);
		border-radius: 28px !important;
		background: linear-gradient(180deg, #fff, #fff6f2) !important;
		box-shadow: var(--solve-mob-shadow) !important;
		overflow: hidden;
	}

	html.solve-mobile-pro.single-product .woocommerce-product-gallery::before {
		content: "";
		position: absolute;
		inset: -28% -16% auto auto;
		width: 180px;
		height: 180px;
		border-radius: 50%;
		background: radial-gradient(circle, rgba(200,95,114,.16), transparent 62%);
		pointer-events: none;
	}

	html.solve-mobile-pro.single-product .woocommerce-product-gallery .woocommerce-product-gallery__image,
	html.solve-mobile-pro.single-product .woocommerce-product-gallery .wd-carousel-item {
		border-radius: 22px !important;
		overflow: hidden !important;
	}

	html.solve-mobile-pro.single-product .woocommerce-product-gallery img {
		width: 100% !important;
		border-radius: 22px !important;
		object-fit: cover;
	}

	html.solve-mobile-pro.single-product .woocommerce-product-gallery.solve-mobile-gallery-touch img {
		transform: scale(1.025) !important;
	}

	html.solve-mobile-pro.single-product .summary-inner,
	html.solve-mobile-pro.single-product .summary {
		padding: 14px 12px 0 !important;
	}

	html.solve-mobile-pro.single-product .product_title {
		font-size: clamp(23px, 6.7vw, 30px) !important;
		line-height: 1.32 !important;
		letter-spacing: -.2px;
		margin-bottom: 10px !important;
	}

	html.solve-mobile-pro.single-product .summary .price,
	html.solve-mobile-pro.single-product .summary-inner .price {
		display: inline-flex !important;
		align-items: center;
		gap: 8px;
		padding: 8px 14px;
		border-radius: 999px;
		background: rgba(255,255,255,.82);
		box-shadow: 0 9px 22px rgba(68,42,34,.08);
		font-size: 24px !important;
		color: #8d3f4d !important;
	}

	html.solve-mobile-pro.single-product form.cart {
		display: grid !important;
		grid-template-columns: 110px minmax(0, 1fr) !important;
		gap: 10px !important;
		align-items: center !important;
		padding: 12px !important;
		border: 1px solid var(--solve-mob-border);
		border-radius: 24px !important;
		background: rgba(255,255,255,.86) !important;
		box-shadow: var(--solve-mob-soft-shadow) !important;
	}

	html.solve-mobile-pro.single-product form.cart .quantity {
		grid-column: 1;
		width: 110px !important;
		min-width: 110px !important;
		justify-self: stretch !important;
		border-radius: 999px !important;
		overflow: hidden;
		background: #fff;
	}

	html.solve-mobile-pro.single-product form.cart :is(.single_add_to_cart_button, .wd-buy-now-btn, .wd-buy-now-button) {
		grid-column: 2;
		width: 100% !important;
		min-height: 48px !important;
		border-radius: 999px !important;
	}

	html.solve-mobile-pro.single-product .solve-product-assurance,
	html.solve-mobile-pro.single-product .solve-product-intelligence__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 10px !important;
	}

	html.solve-mobile-pro.single-product .solve-product-assurance > div,
	html.solve-mobile-pro.single-product .solve-product-intelligence article,
	html.solve-mobile-pro.single-product .woocommerce-tabs,
	html.solve-mobile-pro.single-product .related-products,
	html.solve-mobile-pro.single-product .upsells-products {
		border: 1px solid var(--solve-mob-border) !important;
		border-radius: 22px !important;
		background: rgba(255,255,255,.9) !important;
		box-shadow: var(--solve-mob-soft-shadow) !important;
	}

	html.solve-mobile-pro.single-product .solve-product-sticky-buy {
		left: 10px !important;
		right: 10px !important;
		bottom: calc(10px + env(safe-area-inset-bottom)) !important;
		padding: 10px !important;
		border: 1px solid rgba(255,255,255,.72) !important;
		border-radius: 24px !important;
		background: rgba(255,250,247,.92) !important;
		box-shadow: 0 18px 46px rgba(45,33,29,.18) !important;
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
	}

	html.solve-mobile-pro.single-product .solve-product-sticky-buy__button {
		border-radius: 999px !important;
		min-height: 46px !important;
	}

	/* Cart and checkout mobile focus */
	html.solve-mobile-pro :is(.cart-content-wrapper, .woocommerce-cart-form, .cart_totals, #customer_details, .woocommerce-checkout-review-order, #payment, .solve-cart-hero) {
		margin-inline: 10px !important;
		padding: 14px !important;
		border: 1px solid var(--solve-mob-border) !important;
		border-radius: 24px !important;
		background: rgba(255,255,255,.92) !important;
		box-shadow: var(--solve-mob-soft-shadow) !important;
	}

	html.solve-mobile-pro.woocommerce-cart .shop_table tr,
	html.solve-mobile-pro.woocommerce-cart .cart_item,
	html.solve-mobile-pro .wc-block-cart-items__row {
		border-radius: 20px !important;
		background: rgba(255,255,255,.76) !important;
		box-shadow: 0 8px 18px rgba(57,36,29,.06);
	}

	html.solve-mobile-pro .woocommerce-checkout input,
	html.solve-mobile-pro .woocommerce-checkout select,
	html.solve-mobile-pro .woocommerce-checkout textarea,
	html.solve-mobile-pro .woocommerce-cart input,
	html.solve-mobile-pro .woocommerce-cart select,
	html.solve-mobile-pro .woocommerce-cart textarea {
		min-height: 46px !important;
		border-radius: 16px !important;
		border-color: rgba(83,52,42,.15) !important;
		background: #fff !important;
	}

	/* Soft mobile reveal only; no heavy blur on phones */
	html.solve-mobile-pro .solve-motion-reveal,
	html.solve-mobile-pro .solve-reveal {
		filter: none !important;
		transition-duration: .46s !important;
	}

	@media (prefers-reduced-motion: reduce) {
		html.solve-mobile-pro *,
		html.solve-mobile-pro *::before,
		html.solve-mobile-pro *::after {
			animation-duration: .001ms !important;
			animation-iteration-count: 1 !important;
			scroll-behavior: auto !important;
			transition-duration: .001ms !important;
		}
	}
}

@media (max-width: 420px) {
	html.solve-mobile-pro.single-product .solve-product-assurance,
	html.solve-mobile-pro.single-product .solve-product-intelligence__grid {
		grid-template-columns: 1fr !important;
	}

	html.solve-mobile-pro.single-product form.cart {
		grid-template-columns: 1fr !important;
	}

	html.solve-mobile-pro.single-product form.cart .quantity,
	html.solve-mobile-pro.single-product form.cart :is(.single_add_to_cart_button, .wd-buy-now-btn, .wd-buy-now-button) {
		grid-column: 1 !important;
		width: 100% !important;
	}
}