/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.single-product form.cart .tcb-box-quantity-summary {
	clear: both;
	flex-basis: 100%;
	margin: 8px 0 0;
	width: 100%;
	color: #555;
	font-size: 0.9em;
	font-weight: 600;
}

.single-product .product-info .tcb-price-unit {
	color: #555;
	font-size: 0.6em;
	font-weight: 600;
	white-space: nowrap;
}

.single-product .product-info .price-wrapper .price {
	display: flex;
	align-items: baseline;
	column-gap: 0.3em;
	flex-wrap: wrap;
}

.single-product .product-summary .woocommerce-Price-currencySymbol {
	display: inline;
	font-size: 0.75em;
	vertical-align: baseline;
}

.product-small .price-wrapper .price {
	display: flex;
	align-items: baseline;
	column-gap: 0.3em;
	flex-wrap: wrap;
}

.product-small .tcb-price-unit {
	color: #555;
	font-size: 0.75em;
	font-weight: 600;
	white-space: nowrap;
}

.product-small .tcb-product-box-piece-count {
	margin: 0 0 0.25em;
	color: #555;
	font-size: 0.8em;
}

/* Reserve two title lines so pack sizes and prices align across product cards. */
.product-small .box-text .product-title {
	height: 2.8em;
	line-height: 1.4;
}

.product-small .box-text .product-title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	max-height: 2.8em;
	line-height: inherit;
	overflow: hidden;
	overflow-wrap: anywhere;
}

/* Give the homepage video slider a softer crossfade. */
.home .slider-type-fade .flickity-slider > .banner {
	transition: opacity 2s ease-in-out;
	will-change: opacity;
}

.home .slider-type-fade .flickity-slider > .banner.tcb-outgoing {
	opacity: 1;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	.home .slider-type-fade .flickity-slider > .banner { transition: none; }
}

/* Keep the homepage hero free of navigation dots if older Builder tabs are saved. */
.home #content > .slider-wrapper .flickity-page-dots {
	display: none;
}

/* Hide the one-pixel gap above the homepage header. */
.home #header {
	margin-top: -1px;
}

/* Keep the transition from the hero video to the footer seamless. */
.home .footer-1 {
	border-top: 0;
}

/* Cover the thin video-compositor seam where the hero meets the footer. */
.home .slider-wrapper::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #571b30;
	pointer-events: none;
	z-index: 10;
}

/* Match shop filter dropdown highlights to the brand, including the body-mounted popup. */
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .select2-container--default .select2-results__option--highlighted[aria-selected],
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #571b30;
	color: #fff;
}

.widget_layered_nav .select2-container--default.select2-container--focus .select2-selection,
.widget_layered_nav .select2-container--default.select2-container--open .select2-selection,
body:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .select2-container--default .select2-search--dropdown .select2-search__field:focus {
	border-color: #571b30;
	outline-color: #571b30;
}

/* Visible, removable ingredient selections in the native WooCommerce multi-select. */
.widget_layered_nav .tcb-ingredient-hint {
	font-size: 0.85em;
	line-height: 1.5;
	color: #555;
	margin-bottom: 0.8em;
}
.widget_layered_nav .select2-container .select2-selection--multiple {
	min-height: 46px;
	border-radius: 6px;
	padding: 4px;
}
.widget_layered_nav .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background: #571b30;
	border: 1px solid #571b30;
	border-radius: 16px;
	color: #fff;
	padding: 4px 10px;
	margin: 4px 5px 4px 0;
	font-size: 0.9em;
	white-space: normal;
}
.widget_layered_nav .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #fff;
	margin-right: 7px;
	font-size: 1.15em;
}
.widget_layered_nav .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #f0dca8;
}
.widget_layered_nav .woocommerce-widget-layered-nav-dropdown__submit {
	background: #571b30;
	color: #fff;
	border-color: #571b30;
	border-radius: 5px;
	width: 100%;
	margin: 12px 0 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}