/*
 Theme Name:   XStore Child
 Theme URI:    http://8theme.com/
 Description:  XStore Child Theme
 Author:       8theme
 Author URI:   http://8theme.com
 Template:     xstore
 Version:      0.0.1
 Text Domain:  xstore-child
*/


/* Gravity Form For WooCommerce Products 
   CMW: 12/13/2022
*/
	
 	/* Hide WooCommerce price from elementor template on all products except for the Gift Card Product (postid-2748) */
		body.single-product:not(.postid-2748) .elementor-widget-woocommerce-product-price p.price{
			display: none;
		} 
	.single_variation_wrap .gform_wrapper.gravity-theme .gfield input.large, .single_variation_wrap .gform_wrapper.gravity-theme .gfield select.large {
		padding-top: 0 !important;
	}
	/*  - Hides total form field on woocommmerce for gravity forms plugin from frontend so that the plugin doesn't show 2 total fields */
		.hidden-total {
			display: none;
		}
	
	/* Prescription Form Buttons */
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_next_button.button,
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_previous_button.button {
			padding: 10px 12px;
			font-size: 17px;
			width: 49%;
		}

	/* Previous Button */
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_previous_button.button {
			background-color: #efefef !important;
			color: #000 !important;
			
		}
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_previous_button.button:hover {
			background-color: #dddada !important;
			border-color: transparent;
		}
	/* Next Button */
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_next_button.button {
			background-color: #b5d05f !important;
			color: #283482 !important;
		}
		.single_variation_wrap .gform_wrapper.gravity-theme .gform_next_button.button:hover {
			border-color: transparent;
			background-color: #C7DE7F !important;
		}
		/* Page 1 Next */
		.single_variation_wrap .gform_wrapper.gravity-theme #gform_page_5_1 .gform_next_button.button {
			width: 100%;
		}
		
	/* Steps */
		/* Hide label so only number in cirlce appears */
		.single_variation_wrap .gform_wrapper.gravity-theme .gf_step_label {
			display: none !important;
		}
		/* Style for title about steps */
		.o2dca-progression {
			display: inline-block;
			color: var(--et_dark-2-white);
			font-size: 16px;
			font-weight: 700;
			margin-bottom: 8px;
			padding: 0;
			text-transform: uppercase;
		}
	

	/* Price */
		body.single-product .formattedTotalPrice.ginput_total{
			color: var( --e-global-color-primary ) !important;
			font-family: var( --e-global-typography-secondary-font-family ), ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
			font-size: 20px !important;
			font-weight: 700 !important;
			line-height: var( --e-global-typography-secondary-line-height );
			letter-spacing: var( --e-global-typography-secondary-letter-spacing );
		}
		.product_totals label.gfield_label {
			color: var( --e-global-color-primary ) !important;
		}
	/* Gravity Forms Add to Cart Button */
		.single_add_to_cart_button.gform_button {
			background-color: var( --e-global-color-text )!important;
		}


/* Single Product Attributes */
	body.single-product table.variations{
		display: flex;
		flex-wrap: wrap;
    	justify-content: flex-start;
	}
	body.single-product table.variations th.label{
		display: flex;
		width: 100%;
	}
	body.single-product table.variations th.label label{
		color: var(--et_dark-2-white) !important;
		font-size: 16px !important;
		font-weight: 700;
		margin-bottom: 8px;
		padding: 0;
	}
	body.single-product label[for="pa_frame-color-name"]:not(.o2dca-frame-color) {
		display: none; /* hide the frame color attribute generated by woocommerce, but leave the one dynamically added via theme.js by O2 */
	}
	body.single-product span.o2dca-required {
		text-transform: capitalize;
		font-style: italic;
		color: #c02b0a;
		font-size: 13.008px !important;
		font-weight: 400;
    	padding-left: 0.125em;
	}
	body.single-product legend.gfield_label span.gfield_required {
		text-transform: capitalize !important;
	}
	body.single-poduct label[for="input_5_35"] span.gfield_required span.gfield_required.gfield_required_text {
		text-transform: uppercase !important;
	}
	body.single-product table.variations td {
		display: flex;
		width: 100%;
	}
	body.single-product table.variations td.value {
		padding-top: 0;
		padding-left: 0;
	}
	body.woocommerce-category-sun .elementor-2367 .elementor-element.elementor-element-9ed5435 .cart button, body.woocommerce-category-sun .elementor-2367 .elementor-element.elementor-element-9ed5435 .cart .button {
		color: var( --e-global-color-primary );
		background-color: var( --e-global-color-text ) !important;
	}

	/* fix for product carousel arrows getting cut off */
		body.single-product .arrows-hovered .sm-arrow, body.single-product .arrows-hovered>.swiper-container .swiper-custom-left, body.single-product .arrows-hovered>.swiper-container .swiper-custom-right {
			margin-right: -18px !important;
		}
		body.single-product .arrows-hovered .sm-arrow, body.single-product .arrows-hovered>.swiper-container .swiper-custom-left, body.single-product .arrows-hovered>.swiper-container .swiper-custom-left {
			margin-left: -18px !important;
		}

/* Daniel: X-Store cart customization */
body.theme-xstore.woocommerce-cart {
	color: var( --e-global-color-primary ) !important;
	font-family: var( --e-global-typography-1643dca-font-family ), ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
	font-size: var( --e-global-typography-1643dca-font-size ) !important;
	text-transform: var( --e-global-typography-1643dca-text-transform ) !important;
	line-height: var( --e-global-typography-1643dca-line-height ) !important;
	letter-spacing: var( --e-global-typography-1643dca-letter-spacing ) !important;
	word-spacing: var( --e-global-typography-1643dca-word-spacing ) !important;
}

body.theme-xstore.woocommerce-cart .cart-checkout-nav {
	display: none !important;
}

body.theme-xstore.woocommerce-cart .cart-collaterals {
	border: none !important;
	padding: 20px 40px !important;
}

body.theme-xstore.woocommerce-cart .cart-collaterals .cart_totals h2 {
	font-family: var( --e-global-typography-1643dca-font-family ), ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
	font-size: 16px !important;
	line-height: 22px !important;
	}

body.theme-xstore.woocommerce-cart .product-quantity .quantity {
	border: none !important;
}

body.theme-xstore.woocommerce-cart a.checkout-button {
	margin-top: 20px;
	background-color: var( --e-global-color-primary ) !important;
	border: 1px solid transparent !important;
	border-radius: 20px !important;
}
body.theme-xstore.woocommerce-cart a.checkout-button:hover,
body.theme-xstore.woocommerce-cart a.checkout-button:focus {
	background-color: rgba(40, 52, 130, 0.85) !important;
	color: #fff !important;
}

body.theme-xstore.woocommerce-cart a.return-shop {
	margin-top: 10px;
	border-color: var( --e-global-color-primary ) !important;
	border-radius: 20px !important;
}
body.theme-xstore.woocommerce-cart a.return-shop:hover,
body.theme-xstore.woocommerce-cart a.return-shop:focus {
	background-color: rgba(40, 52, 130, 0.2) !important;
}

body.theme-xstore.woocommerce-cart .product-title {
	font-family: var( --e-global-typography-1643dca-font-family ), ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji !important;
	color: var( --e-global-color-primary ) !important;
	font-size: 18px !important;
	text-decoration: none !important;
}

body.theme-xstore.woocommerce-cart .woocommerce-Price-amount.amount {
	color: var( --e-global-color-primary ) !important;
}

body.theme-xstore.woocommerce-cart .shop_table .variation {
	color: var( --e-global-color-primary ) !important;
}

body.theme-xstore.woocommerce-cart .coupon input.btn:hover {
	background-color: rgba(40, 52, 130, 0.85) !important;
}

body.theme-xstore.woocommerce-cart a.clear-cart {
	font-size: 14px !important;
	transition: background-color 0.3s ease;
}
body.theme-xstore.woocommerce-cart a.clear-cart:hover {
	background-color: rgba(210, 35, 42, 0.45);
}

body.theme-xstore.woocommerce-cart a.clear-cart svg {
	width: 1em !important;
	height: 1em !important;
}

body.theme-xstore.woocommerce-cart #shipping_method label {
	color: var( --e-global-color-primary ) !important;
	font-weight: 600 !important;
}



/* body.postid-8148  */

/* .elementor-2367 .elementor-element.elementor-element-9ed5435 .cart button, .elementor-2367 .elementor-element.elementor-element-9ed5435 .cart .button {
	background-color: #B5D05F !important;
} */

.st-swatch-in-loop.st-swatch-disabled-line-thought {
    display: block !important;
}
.st-swatch-preview li:hover,
.st-swatch-preview li.selected {
  border-width: 2px;
}
a.sten-reset-loop-variation {
    display: none !important;
}
a.reset_variations {
    display: none!important;
}
body.single-product table.variations td.value {
    display: flex !important;
}

/* ADDED on 4-SEP-2024 */
.tax-product_cat .template-content .products-loop .content-product  .product-title a {
	font-family: "Arial", sans-serif !important;
	font-weight: 400 !important;
	font-size: 18px !important;
}
span.woocommerce-Price-currencySymbol {
    display: inline-block !important;
}
.products-grid .sm-arrow.arrow-left, .products-grid .sm-arrow.arrow-right{
	display: none;
}


/** 
 * Daniel: 10/18/24
 * Designer Attribution (#0017779)
 * 
 * CSS for repositioning the category's thumbnail image once inserted via
 * the `woocommerce_before_shop_loop_item` hook in functions.php.
 * 
 */
.content-product img.designer-attribution {
	display: block !important;
	width: 120px;
	height: 40px;
	object-fit:contain;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	order: 2;
}
@media (min-width: 768px) {
	.content-product img.designer-attribution {
		position: absolute;
		right: 20px;
		bottom: 10px;
		margin: 0;
	}
}
@media (min-width: 1280px) {
	.content-product img.designer-attribution {
		position: absolute;
		right: 20px;
		top: 294px;
		bottom: unset;
	}
}