/**
 * Final skin for Rojvalakia's custom WooCommerce templates.
 *
 * This file never targets the global site header.
 */

body.woocommerce-cart .roj-wc-cart-page,
body.woocommerce-order-received .roj-wc-thankyou-page,
body.woocommerce-account .roj-wc-account-page,
body.post-type-archive-product .roj-wc-archive-page,
body.tax-product_cat .roj-wc-archive-page,
body.tax-product_tag .roj-wc-archive-page,
body.single-product .roj-wc-single-product-page {
	--roj-wc-background: #ffffff;
	--roj-wc-surface: #ffffff;
	--roj-wc-text: #111111;
	--roj-wc-muted: #666666;
	--roj-wc-border: #dedede;
	--roj-wc-soft-background: #f7f7f7;
	--roj-wc-action: #111111;
	--roj-wc-action-text: #ffffff;
	background: var(--roj-wc-background);
	color: var(--roj-wc-text);
	font-family: var(--roj-font-body);
}

body.post-type-archive-product .roj-wc-archive-page,
body.tax-product_cat .roj-wc-archive-page,
body.tax-product_tag .roj-wc-archive-page,
body.single-product .roj-wc-single-product-page {
	padding-top: clamp(7rem, 10vw, 10rem);
}

body.woocommerce-cart .roj-wc-cart-page {
	padding-top: clamp(1.5rem, 3vw, 2.5rem);
}

body.woocommerce-cart .roj-wc-cart-page h1,
body.woocommerce-cart .roj-wc-cart-page h2,
body.woocommerce-cart .roj-wc-cart-page h3,
body.woocommerce-order-received .roj-wc-thankyou-page h1,
body.woocommerce-order-received .roj-wc-thankyou-page h2,
body.woocommerce-account .roj-wc-account-page h1,
body.woocommerce-account .roj-wc-account-page h2,
body.single-product .roj-wc-single-product-page h1,
body.single-product .roj-wc-single-product-page h2 {
	color: var(--roj-wc-text);
}

body.woocommerce-cart .roj-wc-cart-item,
body.woocommerce-cart .roj-wc-cart-summary-box,
body.woocommerce-order-received .roj-wc-thankyou-card,
body.woocommerce-order-received .roj-wc-thankyou-summary-pill,
body.woocommerce-account .roj-wc-account-order-card,
body.woocommerce-account .roj-wc-account-card,
body.single-product .roj-wc-single-summary-box {
	background: var(--roj-wc-surface);
	border: 0.0625rem solid var(--roj-wc-border);
	box-shadow: none;
	color: var(--roj-wc-text);
}

body.woocommerce-cart .roj-wc-cart-item {
	border-width: 0 0 0.0625rem;
	padding: clamp(1.25rem, 2.5vw, 2rem) 0;
}

body.woocommerce-cart .roj-wc-cart-item-media,
body.woocommerce-cart .roj-wc-cart-upsell-thumb,
body.single-product .roj-wc-single-gallery-item,
body.post-type-archive-product .roj-wc-product-media {
	background: var(--roj-wc-soft-background);
}

body.woocommerce-cart .roj-wc-cart-item-name,
body.woocommerce-cart .roj-wc-cart-item-subtotal,
body.woocommerce-cart .roj-wc-cart-unit-price,
body.woocommerce-cart .roj-wc-cart-upsell-title,
body.woocommerce-cart .roj-wc-cart-upsell-price,
body.single-product .roj-wc-single-title,
body.single-product .roj-wc-single-price {
	color: var(--roj-wc-text);
}

body.woocommerce-cart .roj-wc-cart-meta,
body.woocommerce-cart .roj-wc-cart-count,
body.woocommerce-order-received .roj-wc-thankyou-sub,
body.single-product .roj-wc-single-stock {
	color: var(--roj-wc-muted);
}

body.woocommerce-cart .roj-wc-cart-item-remove {
	align-items: center;
	border: 0.0625rem solid var(--roj-wc-border);
	border-radius: 50%;
	color: var(--roj-wc-text);
	display: inline-flex;
	height: 2rem;
	justify-content: center;
	width: 2rem;
}

body.woocommerce-cart .roj-wc-cart-qty-wrap,
body.woocommerce-cart .roj-wc-cart-coupon-row input {
	background: #ffffff !important;
	border-color: var(--roj-wc-border) !important;
	color: var(--roj-wc-text) !important;
}

body.woocommerce-cart .roj-wc-cart-qty-btn {
	background: #ffffff;
	color: var(--roj-wc-text);
	cursor: pointer;
}

body.woocommerce-cart .roj-wc-cart-summary-box {
	padding: clamp(1.5rem, 3vw, 2.5rem);
}

body.woocommerce-cart .roj-wc-cart-summary-box .shop_table {
	background: #ffffff;
	border-color: var(--roj-wc-border);
	color: var(--roj-wc-text);
}

body.woocommerce-cart .roj-wc-cart-summary-box th,
body.woocommerce-cart .roj-wc-cart-summary-box td {
	border-color: var(--roj-wc-border) !important;
	color: var(--roj-wc-text) !important;
}

body.woocommerce-cart .roj-wc-cart-update-btn,
body.woocommerce-cart .roj-wc-empty-btn,
body.woocommerce-order-received .roj-wc-thankyou-btn-primary,
body.single-product .roj-wc-single-add-to-cart-btn,
body.post-type-archive-product .roj-wc-add-to-cart-btn {
	background: var(--roj-wc-action) !important;
	border: 0.0625rem solid var(--roj-wc-action) !important;
	border-radius: 0 !important;
	color: var(--roj-wc-action-text) !important;
	cursor: pointer;
}

body.woocommerce-cart .roj-wc-cart-payment-icons {
	border-top: 0.0625rem solid var(--roj-wc-border);
	filter: none;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}

body.woocommerce-cart .roj-wc-cart-upsell-card,
body.post-type-archive-product .roj-wc-product-card,
body.single-product .roj-wc-upsell-card {
	background: #ffffff;
	border: 0.0625rem solid var(--roj-wc-border);
	box-shadow: none;
}

body.post-type-archive-product .roj-wc-archive-page,
body.tax-product_cat .roj-wc-archive-page,
body.tax-product_tag .roj-wc-archive-page,
body.single-product .roj-wc-single-product-page {
	background: #ffffff;
	color: var(--roj-wc-text);
}

body.post-type-archive-product .roj-wc-filter-drawer,
body.tax-product_cat .roj-wc-filter-drawer,
body.tax-product_tag .roj-wc-filter-drawer {
	background: #ffffff;
	border-right: 0.0625rem solid var(--roj-wc-border);
	color: var(--roj-wc-text);
}

body.single-product .roj-wc-single-option-chip,
body.post-type-archive-product .roj-wc-option-chip {
	background: #ffffff;
	border-color: var(--roj-wc-border);
	color: var(--roj-wc-text);
}

body.single-product .roj-wc-single-option-chip.is-active,
body.post-type-archive-product .roj-wc-option-chip.is-active {
	background: var(--roj-wc-action);
	color: var(--roj-wc-action-text);
}

body.woocommerce-order-received .roj-wc-thankyou-page {
	background: #ffffff;
	color: var(--roj-wc-text);
	padding-top: clamp(8rem, 12vw, 11rem);
}

body.woocommerce-order-received .roj-wc-thankyou-status-badge,
body.woocommerce-order-received .roj-wc-thankyou-summary-pill,
body.woocommerce-order-received .roj-wc-thankyou-card {
	background: #ffffff;
	border-color: var(--roj-wc-border);
	color: var(--roj-wc-text);
}

body.woocommerce-account .roj-wc-account-page {
	background: #ffffff;
	color: var(--roj-wc-text);
}
