/*
Whiteplate — Brand Book overlay for Elementor Marketplace home + WoodMart storefront
Version: 0.33.11
Does NOT replace homepage layout / [whiteplate_home]. Recolors only.
Layout gutters come from Elementor post-12354.css (do NOT override
--flex-direction / --width / --container-max-width / stretch / e-con margins).
GREEN #687049 · ORANGE #FF5F23 · GREY #333 · SOIL/SAND · COLOR OF YEAR #DF856D
*/

/* ---- Tokens (brand only — no layout max-width) ------------------------ */
body.whiteplate-front,
body.elementor-page-12354,
body.home {
	--wp-green: #687049;
	--wp-orange: #FF5F23;
	--wp-grey: #333333;
	--wp-coy: #DF856D;
	--wp-soil: #A1927D;
	--wp-sand: #DFDBCF;
}

/* ---- Page canvas (Elementor front) ------------------------------------ */
body.whiteplate-front,
body.elementor-page-12354,
body.home {
	background: var(--wp-bg, #F7F5F0);
	color: var(--wp-body, #4A433A);
}

/*
 * REMOVED (0.28.2 — collapsed Elementor multi-column into full-width stack
 * when combined with missing post-12354.css, and fought Elementor even when
 * present):
 *   .e-con-boxed.wd-negative-gap { --container-max-width: min(100%, 1220px) }
 *   .elementor > .e-con.e-parent { --padding-left/right + --margin-left/right:0 }
 *   [class*="wd-section-stretch"] { width:100%!important; left:auto }
 * Elementor page 12354 already sets side margins (e.g. b419b2f 20px) and
 * row widths (670d1bb 40% / 2ca1e1f 60%). Do not re-impose gutters here.
 */

/* Header / mega: modest inline pad only — does not touch Elementor columns */
body.whiteplate-front .whb-general-header .container,
body.whiteplate-front .whb-main-header .container,
body.whiteplate-front .wp-mega-bar-inner {
	padding-inline: clamp(12px, 2.5vw, 24px);
	box-sizing: border-box;
}

/* ---- Links / accents -------------------------------------------------- */
.whiteplate-front a:hover,
.elementor-page-12354 a:hover,
.whiteplate-shop-surface a:hover {
	color: var(--wp-emerald, #687049);
}

/* ---- Elementor / WoodMart buttons → GREEN primary, ORANGE CTA --------- */
.elementor-page-12354 .elementor-button,
.elementor-page-12354 .elementor-button-wrapper .elementor-button,
.whiteplate-front .elementor-button,
.whiteplate-front .wd-button,
.whiteplate-front .btn.btn-color-primary,
.whiteplate-front .button.btn-color-primary,
.whiteplate-front .woodmart-hover-base .btn-add,
.whiteplate-shop-surface .button.alt,
.whiteplate-shop-surface .checkout-button,
.woocommerce .button.alt {
	background-color: var(--wp-emerald, #687049) !important;
	background-image: none !important;
	border-color: var(--wp-emerald, #687049) !important;
	color: #fff !important;
	box-shadow: none !important;
}
.elementor-page-12354 .elementor-button:hover,
.whiteplate-front .elementor-button:hover,
.whiteplate-front .wd-button:hover,
.whiteplate-front .btn.btn-color-primary:hover,
.whiteplate-front .woodmart-hover-base .btn-add:hover,
.woocommerce .button.alt:hover {
	background-color: var(--wp-emerald-2, #55603c) !important;
	border-color: var(--wp-emerald-2, #55603c) !important;
	color: #fff !important;
}

/* Strong CTA / buy / "خرید" style buttons → ORANGE */
.elementor-page-12354 .elementor-button.elementor-size-lg,
.elementor-page-12354 .elementor-button[class*="accent"],
.whiteplate-front .btn.btn-color-orange,
.whiteplate-front .btn.btn-color-white:hover,
.whiteplate-front .single_add_to_cart_button,
.whiteplate-shop-surface .single_add_to_cart_button,
.woocommerce div.product form.cart .single_add_to_cart_button {
	background-color: var(--wp-orange, #FF5F23) !important;
	border-color: var(--wp-orange, #FF5F23) !important;
	color: #fff !important;
}
.whiteplate-front .single_add_to_cart_button:hover,
.woocommerce div.product form.cart .single_add_to_cart_button:hover {
	background-color: var(--wp-orange-2, #E04E1A) !important;
	border-color: var(--wp-orange-2, #E04E1A) !important;
}

/* ---- Sale badges — ORANGE (not Digikala red) -------------------------- */
.whiteplate-front span.onsale,
.elementor-page-12354 span.onsale,
.whiteplate-front .product-labels .onsale,
.elementor-page-12354 .product-labels .onsale,
.whiteplate-front .wd-product-label,
.elementor-page-12354 .wd-product-label,
.whiteplate-front .product-label,
.elementor-page-12354 .product-label,
.whiteplate-front .wd-entities-title .onsale,
.woocommerce span.onsale {
	background: var(--wp-orange, #FF5F23) !important;
	background-color: var(--wp-orange, #FF5F23) !important;
	color: #fff !important;
	border-color: transparent !important;
}

/* Sale / discounted price */
.whiteplate-front .price ins,
.elementor-page-12354 .price ins,
.whiteplate-front .price ins .amount,
.elementor-page-12354 .price ins .amount,
.woocommerce .price ins .amount {
	color: var(--wp-orange, #FF5F23) !important;
}

/* ---- Category tiles (Digikala-like circles; polish owns sizing) -------- */
.elementor-page-12354 .wd-cats .wd-cat,
.whiteplate-front .wd-cats .wd-cat {
	border-radius: 0;
}
.elementor-page-12354 .wd-cats .wd-cat-thumb,
.whiteplate-front .wd-cats .wd-cat-thumb {
	background: #fff !important;
	border: 1px solid var(--wp-line, #E5E0D6);
	border-radius: 50%;
}
.elementor-page-12354 .wd-cats .wd-cat:hover .wd-cat-thumb,
.whiteplate-front .wd-cats .wd-cat:hover .wd-cat-thumb {
	box-shadow: 0 2px 10px rgba(104, 112, 73, .12);
	border-color: var(--wp-emerald, #687049);
}
.elementor-page-12354 .wd-cats .wd-cat-name,
.whiteplate-front .wd-cats .wd-cat-name,
.elementor-page-12354 .wd-cats .wd-entities-title,
.whiteplate-front .wd-cats .wd-entities-title {
	color: var(--wp-ink, #333333) !important;
}
.elementor-page-12354 .wd-cats .wp-cat-icon-svg,
.whiteplate-front .wd-cats .wp-cat-icon-svg {
	color: var(--wp-emerald, #687049) !important;
}

/* ---- Section titles / underlines / accent bars ------------------------ */
.elementor-page-12354 .elementor-heading-title,
.whiteplate-front .elementor-heading-title,
.elementor-page-12354 .title,
.whiteplate-front .wd-section-title .title,
.whiteplate-front .section-title .title {
	color: var(--wp-ink, #333333) !important;
}
.elementor-page-12354 .title::after,
.whiteplate-front .wd-section-title .title::after,
.whiteplate-front .section-title .title::after,
.elementor-page-12354 .elementor-heading-title::after {
	background: var(--wp-emerald, #687049) !important;
	border-color: var(--wp-emerald, #687049) !important;
}

/* WoodMart tabs / filters active */
.whiteplate-front .wd-nav-tabs li a:hover,
.whiteplate-front .wd-nav-tabs li.active a,
.whiteplate-front .wd-nav-tabs .wd-active > a,
.whiteplate-shop-surface .woocommerce-ordering select:focus {
	color: var(--wp-emerald, #687049) !important;
	border-color: var(--wp-emerald, #687049) !important;
}

/* Progress / countdown / hot accent bars that were Digikala-pink */
.whiteplate-front .wd-timer,
.elementor-page-12354 .wd-timer,
.whiteplate-front .woodmart-progress-bar .progress-content,
.elementor-page-12354 .woodmart-progress-bar .progress-content {
	background: var(--wp-orange, #FF5F23) !important;
}

/*
 * Product card add-to-cart — RTL wipe from RIGHT (0.33.11).
 * WoodMart replace mode already owns ::before (icon) + ::after (spinner),
 * so wipe uses background-position (same motion for card:hover and a:hover).
 * Idle: ORANGE #FF5F23 · Hover fill: ORANGE-2 #E04E1A
 */
.whiteplate-front .wd-product .wd-add-btn > a,
.elementor-page-12354 .wd-product .wd-add-btn > a,
.whiteplate-front .wd-product .wd-add-btn a.button,
.elementor-page-12354 .wd-product .wd-add-btn a.button,
.whiteplate-front .wd-buttons .wd-add-cart-btn a,
.elementor-page-12354 .wd-buttons .wd-add-cart-btn a {
	background-color: transparent !important;
	background-image: linear-gradient(
		to left,
		var(--wp-orange-2, #E04E1A) 0 50%,
		var(--wp-orange, #FF5F23) 50% 100%
	) !important;
	background-size: 200% 100% !important;
	background-position: 100% 0 !important;
	background-repeat: no-repeat !important;
	border-color: var(--wp-orange, #FF5F23) !important;
	color: #fff !important;
	box-shadow: none !important;
	transition: background-position .28s ease !important;
}
.whiteplate-front .wd-product:hover .wd-add-btn > a,
.elementor-page-12354 .wd-product:hover .wd-add-btn > a,
.whiteplate-front .wd-product .wd-add-btn > a:hover,
.elementor-page-12354 .wd-product .wd-add-btn > a:hover,
.whiteplate-front .wd-product:hover .wd-add-btn a.button,
.elementor-page-12354 .wd-product:hover .wd-add-btn a.button,
.whiteplate-front .wd-product .wd-add-btn a.button:hover,
.elementor-page-12354 .wd-product .wd-add-btn a.button:hover,
.whiteplate-front .wd-buttons .wd-add-cart-btn a:hover,
.elementor-page-12354 .wd-buttons .wd-add-cart-btn a:hover {
	background-position: 0 0 !important;
	background-color: transparent !important;
	border-color: var(--wp-orange-2, #E04E1A) !important;
	color: #fff !important;
}

/* Pagination active */
.whiteplate-front .woocommerce-pagination .page-numbers.current,
.whiteplate-shop-surface .woocommerce-pagination .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li span.current {
	background: var(--wp-emerald, #687049) !important;
	border-color: var(--wp-emerald, #687049) !important;
	color: #fff !important;
}

/* Soft Color-of-Year accents (hover chips / soft badges) */
.whiteplate-front .wd-label-new,
.elementor-page-12354 .wd-label-new,
.whiteplate-front .product-label.featured {
	background: var(--wp-coy, #DF856D) !important;
	color: #fff !important;
}

/* ---- Leftover Digikala red / Janebi blue accents → Brand Book --------- */
.elementor-page-12354 .wd-nav-product-cat .wd-nav-link:hover,
.elementor-page-12354 .wd-nav-product-cat .wd-active > a,
.elementor-page-12354 a.text-primary,
.elementor-page-12354 .color-primary,
.whiteplate-front .color-scheme-light .btn.btn-style-default,
.whiteplate-front .wd-fill {
	color: var(--wp-emerald, #687049) !important;
}

/* Marketplace dark / navy leftovers → brand GREY ink */
.elementor-page-12354 .elementor-element-8037110,
.elementor-page-12354 .elementor-element-8037110:not(.elementor-motion-effects-element-type-background),
.elementor-12354 .elementor-element.elementor-element-8037110 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
.elementor-page-12354 [style*="#0D0625"],
.elementor-page-12354 [style*="#2A2F56"],
.elementor-page-12354 [style*="#1C2434"] {
	background-color: var(--wp-ink, #333333) !important;
}

/* Cyan / Janebi-blue chips & text accents → GREEN or COY */
.elementor-page-12354 .elementor-widget-text-editor a,
.elementor-page-12354 .wd-entities-title a:hover {
	color: var(--wp-emerald, #687049);
}
.elementor-page-12354 .wd-info-box .info-box-icon,
.elementor-page-12354 .elementor-icon-box-icon .elementor-icon,
.elementor-page-12354 .elementor-view-default .elementor-icon {
	color: var(--wp-emerald, #687049) !important;
	fill: var(--wp-emerald, #687049) !important;
}
.elementor-page-12354 .elementor-view-stacked .elementor-icon {
	background-color: var(--wp-emerald, #687049) !important;
	color: #fff !important;
}

/* Digikala-ish red text/icons still in widgets → ORANGE */
.elementor-page-12354 .woocommerce-Price-amount.amount del,
.elementor-page-12354 .price del {
	color: var(--wp-muted, #A1927D) !important;
}
.elementor-page-12354 .star-rating span::before,
.whiteplate-front .star-rating span::before {
	color: var(--wp-orange, #FF5F23) !important;
}