/*
 * Bricolando maintained design system.
 * Loaded after legacy generated CSS so stored Color Scheme and Typography
 * options remain compatible data but no longer control frontend presentation.
 */
:root {
	--br-primary: #1f8f2e;
	--br-primary-hover: #166d22;
	--br-text: #171717;
	--br-heading: #111111;
	--br-muted: #666666;
	--br-bg: #ffffff;
	--br-bg-soft: #f7f8f7;
	--br-border: #e1e1e1;
	--br-link: #1f7f2b;
	--br-link-hover: #166d22;
	--br-price: #e21b22;
	--br-rating: #f4b400;
	--br-footer-bg: #202020;
	--br-footer-text: #cccccc;

	--br-font-family: "Poppins", sans-serif;
	--br-body-font-size: 16px;
	--br-body-line-height: 1.55;
	--br-product-font-size: 17px;
	--br-product-line-height: 1.45;
	--br-menu-font-size: 16px;
	--br-menu-line-height: 1.4;
	--br-button-font-size: 14px;
	--br-button-line-height: 1.3;

	--ts-font-family: var(--br-font-family);
	--ts-font-style: normal;
	--ts-font-weight: 400;
	--ts-letter-spacing: 0;
	--ts-heading-font-family: var(--br-font-family);
	--ts-heading-font-style: normal;
	--ts-heading-font-weight: 600;
	--ts-heading-letter-spacing: 0;
	--ts-btn-font-family: var(--br-font-family);
	--ts-btn-font-style: normal;
	--ts-btn-font-weight: 600;
	--ts-btn-letter-spacing: 0;
	--ts-menu-font-family: var(--br-font-family);
	--ts-menu-font-weight: 500;
	--ts-menu-font-size: var(--br-menu-font-size);
	--ts-menu-letter-spacing: 0;
	--ts-v-menu-font-family: var(--br-font-family);
	--ts-v-menu-font-weight: 500;
	--ts-v-menu-font-size: var(--br-menu-font-size);
	--ts-v-menu-letter-spacing: 0;
	--ts-body-font-size: var(--br-body-font-size);
	--ts-line-height: var(--br-body-line-height);
	--ts-body-font-line-height: var(--br-body-line-height);
	--ts-btn-font-size: var(--br-button-font-size);
	--ts-btn-line-height: var(--br-button-line-height);
	--ts-product-font-size: var(--br-product-font-size);
	--ts-h1-font-size: 36px;
	--ts-h1-line-height: 1.2;
	--ts-h2-font-size: 30px;
	--ts-h2-line-height: 1.25;
	--ts-h3-font-size: 26px;
	--ts-h3-line-height: 1.3;
	--ts-h4-font-size: 22px;
	--ts-h4-line-height: 1.35;
	--ts-h5-font-size: 18px;
	--ts-h5-line-height: 1.4;
	--ts-h6-font-size: 16px;
	--ts-h6-line-height: 1.4;

	--ts-primary-color: var(--br-primary);
	--ts-text-in-primary-color: #ffffff;
	--ts-main-bg: var(--br-bg);
	--ts-text-color: var(--br-text);
	--ts-heading-color: var(--br-heading);
	--ts-gray-color: var(--br-muted);
	--ts-hightlight: var(--br-rating);
	--ts-dropdown-color: var(--br-text);
	--ts-dropdown-bg: var(--br-bg);
	--ts-link-color: var(--br-link);
	--ts-link-hover-color: var(--br-link-hover);
	--ts-border: var(--br-border);
	--ts-input-color: var(--br-text);
	--ts-input-background-color: var(--br-bg-soft);
	--ts-input-border: var(--br-border);
	--ts-btn-color: #ffffff;
	--ts-btn-bg: var(--br-primary);
	--ts-btn-border: var(--br-primary);
	--ts-btn-hover-color: #ffffff;
	--ts-btn-hover-bg: var(--br-primary-hover);
	--ts-btn-hover-border: var(--br-primary-hover);
	--ts-btn-addtocart-color: #ffffff;
	--ts-btn-addtocart-bg: var(--br-primary);
	--ts-btn-addtocart-border: var(--br-primary);
	--ts-btn-addtocart-hover-color: #ffffff;
	--ts-btn-addtocart-hover-bg: var(--br-primary-hover);
	--ts-btn-addtocart-hover-border: var(--br-primary-hover);
	--ts-btn-thumbnail-color: var(--br-text);
	--ts-btn-thumbnail-bg: var(--br-bg-soft);
	--ts-btn-thumbnail-hover-color: #ffffff;
	--ts-btn-thumbnail-hover-bg: var(--br-primary);
	--ts-rating-color: var(--br-rating);
	--ts-product-price-color: var(--br-price);
	--ts-product-regular-price-color: var(--br-muted);
	--ts-sale-label-color: #ffffff;
	--ts-sale-label-bg: var(--br-price);
	--ts-new-label-color: #ffffff;
	--ts-new-label-bg: var(--br-primary);
	--ts-hot-label-color: #ffffff;
	--ts-hot-label-bg: var(--br-primary);
	--ts-soldout-label-color: #ffffff;
	--ts-soldout-label-bg: var(--br-muted);
	--ts-breadcrumb-bg: var(--br-bg);
	--ts-breadcrumb-color: var(--br-muted);
	--ts-breadcrumb-2-color: #ffffff;
	--ts-breadcrumb-link-color: var(--br-text);
	--ts-notice-bg: var(--br-bg-soft);
	--ts-notice-color: var(--br-text);
	--ts-hd-search-bg: var(--br-bg-soft);
	--ts-hd-search-color: var(--br-text);
	--ts-hd-search-border: var(--br-border);
	--ts-hd-search-focus-bg: var(--br-bg);
	--ts-hd-search-focus-color: var(--br-text);
	--ts-hd-search-focus-border: var(--br-primary);
	--ts-hd-search-btn-bg: var(--br-primary);
	--ts-hd-search-btn-color: #ffffff;
	--ts-hd-search-btn-border: var(--br-primary);
	--ts-vertical-menu-heading-bg: var(--br-primary);
	--ts-vertical-menu-heading-color: #ffffff;
	--ts-vertical-menu-heading-border: var(--br-primary);
	--ts-mobile-menu-bg: var(--br-bg);
	--ts-mobile-menu-color: var(--br-text);
	--ts-tab-menu-bg: var(--br-bg-soft);
	--ts-tab-menu-color: var(--br-text);
	--ts-tab-active-menu-bg: var(--br-primary);
	--ts-tab-active-menu-color: #ffffff;
}

.ts-header {
	--ts-hd-top-bg: var(--br-heading);
	--ts-hd-top-color: #ffffff;
	--ts-hd-top-border: var(--br-border);
	--ts-hd-top-link-hover: var(--br-primary);
	--ts-hd-middle-bg: var(--br-bg);
	--ts-hd-middle-color: var(--br-text);
	--ts-hd-middle-border: var(--br-border);
	--ts-hd-middle-link-hover: var(--br-primary);
	--ts-hd-bottom-bg: var(--br-primary);
	--ts-hd-bottom-color: #ffffff;
	--ts-hd-bottom-border: rgba(255, 255, 255, .22);
	--ts-hd-bottom-link-hover: #ffffff;
	--ts-main-menu-border: rgba(255, 255, 255, .8);
	--ts-cart-count-bg: var(--br-primary);
	--ts-cart-count-color: #ffffff;
}

/* Keep every desktop and sticky header-bottom variant on the maintained green navigation surface. */
.ts-header .header-bottom,
.ts-header .header-sticky.is-sticky .header-bottom {
	background-color: var(--br-primary);
	color: #ffffff;
	border-color: rgba(255, 255, 255, .22);
}

.ts-header .header-bottom > .container {
	background-color: transparent;
}

.ts-header .header-bottom .vertical-menu-heading,
.ts-header .header-bottom .ts-menu nav > ul > li > a,
.ts-header .header-bottom nav > ul.menu > li > a,
.ts-header .header-bottom .ts-menu nav > ul > li > .ts-menu-drop-icon,
.ts-header .header-bottom nav > ul.menu > li > .ts-menu-drop-icon,
.ts-header .header-bottom .ts-menu nav > ul > li::before,
.ts-header .header-bottom nav > ul.menu > li::before {
	color: #ffffff;
}

/* Keep the existing shared header backdrop visible whenever its body state is active. */
body.menu-background-overlay .ts-header > .overlay {
	display: block !important;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	background: rgba(0, 0, 0, .4);
}

.footer-container {
	--ts-footer-bg: var(--br-footer-bg);
	--ts-footer-color: var(--br-footer-text);
	--ts-footer-heading-color: #ffffff;
	--ts-footer-link-color: #ffffff;
	--ts-footer-link-hover-color: var(--br-primary);
}

/* WooCommerce and Photo Reviews rating presentation. */
.woocommerce .star-rating::before,
.woocommerce .product .woocommerce-product-rating .star-rating::before,
.woocommerce .commentlist .comment-text .star-rating::before,
.wcpr-overall-rating .star-rating::before {
	color: var(--br-border) !important;
}

.woocommerce .star-rating span::before,
.woocommerce .product .woocommerce-product-rating .star-rating span::before,
.woocommerce .commentlist .comment-text .star-rating span::before,
.wcpr-overall-rating .star-rating span::before,
.wcpr-stars-count .wcpr-row .wcpr-col-star::before {
	color: var(--br-rating) !important;
}

.woocommerce p.stars a::before {
	color: var(--br-border) !important;
}

.woocommerce p.stars:hover a::before,
.woocommerce p.stars.selected a::before,
.woocommerce p.stars a:hover::before,
.woocommerce p.stars a.active::before,
.stars a:hover::after,
.stars a.active::after {
	color: var(--br-rating) !important;
}

.woocommerce p.stars a:hover ~ a::before,
.woocommerce p.stars.selected a.active ~ a::before {
	color: var(--br-border) !important;
}

.mobile-menu-wrapper ul > li > a,
.ts-menu nav > ul > li > a,
nav > ul.menu > li > a,
.vertical-menu-wrapper nav > ul > li > a {
	line-height: var(--br-menu-line-height);
}

table.group_table .woocommerce-grouped-product-list-item__label a,
.woocommerce ul.cart_list li .product-name a,
.woocommerce ul.product_list_widget li .product-name a,
.woocommerce .products .product .product-name,
.ts-product-brand-wrapper .meta-wrapper .heading-title,
.woocommerce .product-category .meta-wrapper .category-name {
	line-height: var(--br-product-line-height);
}

@media only screen and (max-width: 1200px) {
	:root {
		--ts-h1-font-size: 32px;
		--ts-h2-font-size: 28px;
		--ts-h3-font-size: 24px;
		--ts-h4-font-size: 21px;
		--ts-h5-font-size: 18px;
		--ts-h6-font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	:root {
		--ts-h1-font-size: 28px;
		--ts-h2-font-size: 24px;
		--ts-h3-font-size: 21px;
		--ts-h4-font-size: 19px;
		--ts-h5-font-size: 17px;
		--ts-h6-font-size: 15px;
	}
}