/* Marquee + testimonials scroller (same as the original design) */
@keyframes scroll-left {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
.testimonials-track {
	animation: scroll-left 30s linear infinite;
	width: max-content;
}
.testimonials-track:hover {
	animation-play-state: paused;
}
@keyframes marquee {
	0% { transform: translateX(0%); }
	100% { transform: translateX(-50%); }
}
.animate-marquee {
	animation: marquee 20s linear infinite;
}

/* Header: transparent-over-hero on the front page until scrolled, solid everywhere else */
#site-header .nav-text { color: #ffffff; }
#site-header .nav-outline-btn { border-color: rgba(255, 255, 255, 0.5); color: #ffffff; }
#site-header .nav-outline-btn:hover { border-color: #ffffff; }
#site-header .nav-shop-btn { background-color: #ffffff; color: #1c1917; }
#site-header .nav-shop-btn:hover { background-color: #f5f5f4; }

#site-header[data-transparent="0"],
#site-header.is-scrolled {
	background-color: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(4px);
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
#site-header[data-transparent="0"] .nav-text,
#site-header.is-scrolled .nav-text { color: #44403c; }
#site-header[data-transparent="0"] .nav-outline-btn,
#site-header.is-scrolled .nav-outline-btn { border-color: #01ad46; color: #01ad46; }
#site-header[data-transparent="0"] .nav-outline-btn:hover,
#site-header.is-scrolled .nav-outline-btn:hover { background-color: #01ad46; color: #ffffff; }
#site-header[data-transparent="0"] .nav-shop-btn,
#site-header.is-scrolled .nav-shop-btn { background-color: #1c1917; color: #ffffff; }
#site-header[data-transparent="0"] .nav-shop-btn:hover,
#site-header.is-scrolled .nav-shop-btn:hover { background-color: #44403c; }

#mobile-menu.open {
	max-height: 20rem;
	opacity: 1;
}

/* Typography for plain content pages (legal pages, etc.) — bare HTML
   tags from the_content(), styled to match the rest of the site's
   visual language (brand-colored accents, icon-style bullets) instead
   of looking like unstyled default browser text. */
.thermo-content > *:first-child { margin-top: 0 !important; }

.thermo-content h2 {
	font-size: 1.375rem;
	font-weight: 700;
	color: #1c1917;
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	padding-top: 1.75rem;
	padding-bottom: 0.9rem;
	border-top: 1px solid #f4f4f5;
	border-bottom: 2px solid #e8faf0;
	display: flex;
	align-items: center;
	gap: 0.6rem;
}
.thermo-content h2::before {
	content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 9999px;
	background-color: #01ad46;
	flex-shrink: 0;
}
.thermo-content > h2:first-child {
	border-top: none;
	padding-top: 0;
}

.thermo-content h3 {
	font-size: 1rem;
	font-weight: 700;
	color: #018a37;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-top: 1.75rem;
	margin-bottom: 0.6rem;
}

.thermo-content p {
	margin-bottom: 1.1rem;
	color: #57534e;
	line-height: 1.75;
}

.thermo-content ul,
.thermo-content ol {
	list-style: none;
	padding-left: 0;
	margin-bottom: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
}
.thermo-content ul li,
.thermo-content ol li {
	position: relative;
	padding-left: 2.25rem;
	color: #57534e;
	line-height: 1.6;
}
.thermo-content ul li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 8px;
	height: 8px;
	border-radius: 9999px;
	background-color: #01ad46;
}
.thermo-content ol {
	counter-reset: thermo-ol;
}
.thermo-content ol li {
	counter-increment: thermo-ol;
}
.thermo-content ol li::before {
	content: counter(thermo-ol);
	position: absolute;
	left: 0;
	top: -0.05em;
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 9999px;
	background-color: #e8faf0;
	color: #018a37;
	font-size: 0.7rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}

.thermo-content strong {
	font-weight: 700;
	color: #1c1917;
}

.thermo-content a {
	color: #01ad46;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: #c5f0d5;
	text-underline-offset: 2px;
	transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.thermo-content a:hover {
	color: #018a37;
	text-decoration-color: currentColor;
}

/* FAQ accordion panels animate via JS-set max-height */
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

/*
 * Skin WooCommerce's own add-to-cart form to match the pill design.
 * The form is set to display:contents so its children (.quantity,
 * the submit button) become direct grid items alongside the sibling
 * "Commander" link — quantity gets its own row, the two buttons share
 * the row below, side by side.
 */
.thermo-add-to-cart-form {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0.75rem;
}
@media (min-width: 768px) {
	.thermo-add-to-cart-form {
		grid-template-columns: 1fr 1fr;
		gap: 0.75rem 1rem;
	}
}
.thermo-add-to-cart-form form.cart {
	display: contents;
}
.thermo-add-to-cart-form .quantity {
	grid-column: 1 / -1;
	margin-bottom: 0.5rem;
}
.thermo-add-to-cart-form button.single_add_to_cart_button,
.thermo-add-to-cart-form .thermo-buy-now {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.9rem 1.5rem;
	border-radius: 9999px;
	font-weight: 600;
	font-size: 0.875rem;
	border: none;
	cursor: pointer;
	transition: transform 0.15s ease, background-color 0.15s ease;
}
.thermo-add-to-cart-form button.single_add_to_cart_button {
	background-color: #01ad46;
	color: #ffffff;
}
.thermo-add-to-cart-form button.single_add_to_cart_button:hover {
	background-color: #018a37;
	transform: scale(1.02);
}
.thermo-add-to-cart-form button.single_add_to_cart_button.loading {
	opacity: 0.7;
	cursor: wait;
}
.thermo-add-to-cart-form button.added::after {
	display: none;
}

/* Minimal brand skin over the default WooCommerce cart/checkout templates */
.woocommerce-cart-form {
	background-color: #ffffff;
	border: 1px solid #f4f4f5;
	border-radius: 1.25rem;
	padding: 0.5rem 1.5rem;
}
.woocommerce-cart table.shop_table,
.woocommerce-checkout table.shop_table {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table td,
.woocommerce-checkout table.shop_table th,
.woocommerce-checkout table.shop_table td {
	padding: 1rem;
	border-bottom: 1px solid #f4f4f5;
	text-align: left;
	font-size: 0.875rem;
	vertical-align: middle;
}
.woocommerce-cart table.shop_table thead th {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #a8a29e;
	border-bottom: 1px solid #e7e5e4;
}
.woocommerce-cart table.shop_table tbody tr:last-child td {
	border-bottom: none;
}
.woocommerce-cart .product-price,
.woocommerce-cart .product-subtotal {
	text-align: right;
}
.woocommerce-cart .product-quantity {
	text-align: center;
}
.woocommerce-cart .product-remove {
	width: 2.5rem;
}
.woocommerce-cart .product-thumbnail {
	width: 5rem;
}
.woocommerce-cart a.remove {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: 9999px;
	color: #a8a29e;
	font-size: 1.1rem;
	line-height: 1;
	text-decoration: none !important;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.woocommerce-cart a.remove:hover {
	background-color: #fef2f2;
	color: #ef4444;
}
tr.actions td {
	padding-top: 1.25rem !important;
}
.woocommerce-cart .button,
.woocommerce-checkout .button,
#place_order {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.85rem 1.75rem;
	border-radius: 9999px;
	background-color: #01ad46 !important;
	color: #ffffff !important;
	font-weight: 600;
	font-size: 0.875rem;
	border: none;
	cursor: pointer;
	text-decoration: none;
}
.woocommerce-cart .button:hover,
.woocommerce-checkout .button:hover,
#place_order:hover {
	background-color: #018a37 !important;
}
.woocommerce-cart .button.thermo-button-outline {
	background-color: transparent !important;
	color: #44403c !important;
	border: 2px solid #e7e5e4 !important;
	padding: calc(0.85rem - 2px) calc(1.75rem - 2px) !important;
}
.woocommerce-cart .button.thermo-button-outline:hover {
	background-color: #fafaf9 !important;
	border-color: #d6d3d1 !important;
}
.woocommerce-message,
.woocommerce-info {
	background-color: #e8faf0;
	border-left: 4px solid #01ad46;
	padding: 1rem 1.25rem;
	border-radius: 0.75rem;
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}
/* ============================================================
   Classic cart & checkout forms — WooCommerce's own stylesheet
   is disabled (see functions.php), so every element here needs
   its own styling to match the rest of the site.
   ============================================================ */

.woocommerce-billing-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields,
#order_review,
.cart_totals {
	background-color: #ffffff;
	border: 1px solid #f4f4f5;
	border-radius: 1.25rem;
	padding: 1.75rem;
	margin-bottom: 1.5rem;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading {
	font-size: 1.125rem;
	font-weight: 700;
	color: #1c1917;
	margin-bottom: 1.25rem;
}
.col2-set .col-2:empty,
.woocommerce-shipping-fields:empty {
	display: none;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1rem;
}
.form-row {
	width: 100%;
	margin-bottom: 0;
}
.form-row-first,
.form-row-last {
	flex: 1 1 calc(50% - 0.5rem);
	min-width: 200px;
}
.form-row label {
	display: block;
	font-size: 0.8rem;
	font-weight: 600;
	color: #57534e;
	margin-bottom: 0.4rem;
}
.form-row .required {
	color: #ef4444;
	text-decoration: none;
}
.form-row .optional {
	color: #a8a29e;
	font-weight: 400;
}
.form-row input.input-text,
.form-row textarea,
.form-row select,
#order_comments {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid #e7e5e4;
	border-radius: 0.75rem;
	font-size: 0.875rem;
	background-color: #ffffff;
}
.form-row input.input-text:focus,
.form-row textarea:focus,
.form-row select:focus {
	outline: none;
	border-color: #01ad46;
	box-shadow: 0 0 0 2px rgba(1, 173, 70, 0.15);
}

/* select2 (country/state dropdowns) — round it to match the other inputs */
.select2-container--default .select2-selection--single {
	height: auto;
	padding: 0.75rem 1rem;
	border: 1px solid #e7e5e4;
	border-radius: 0.75rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 1.25;
	font-size: 0.875rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	top: 0;
	right: 0.75rem;
}
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
	border-color: #01ad46;
}

/* Order review table inside the checkout summary card */
#order_review table.shop_table {
	margin-bottom: 0;
}
#order_review .product-name {
	font-size: 0.875rem;
}
#order_review .order-total .woocommerce-Price-amount {
	font-size: 1.125rem;
	font-weight: 700;
	color: #1c1917;
}

/* Payment methods */
ul.wc_payment_methods {
	list-style: none;
	margin: 1.5rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}
li.wc_payment_method {
	border: 1px solid #e7e5e4;
	border-radius: 0.9rem;
	padding: 0.9rem 1rem;
}
li.wc_payment_method label {
	font-size: 0.875rem;
	font-weight: 600;
	color: #1c1917;
	display: flex;
	align-items: center;
	gap: 0.6rem;
	cursor: pointer;
}
li.wc_payment_method input[type="radio"] {
	accent-color: #01ad46;
	width: 1rem;
	height: 1rem;
}
.payment_box {
	margin-top: 0.75rem;
	padding: 0.9rem;
	background-color: #fafaf9;
	border-radius: 0.75rem;
	font-size: 0.8rem;
	color: #78716c;
}
.payment_box p {
	margin: 0;
}

.woocommerce-terms-and-conditions-wrapper {
	margin-top: 1.25rem;
	font-size: 0.85rem;
}
.woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
	cursor: pointer;
}
.woocommerce-form__input-checkbox {
	margin-top: 0.2rem;
	accent-color: #01ad46;
}
#order_review #place_order {
	width: 100%;
	margin-top: 1.25rem;
	justify-content: center;
}

/* Cart page: totals sidebar */
.cart_totals h2 {
	font-size: 1.125rem;
	font-weight: 700;
	color: #1c1917;
	margin-bottom: 1.25rem;
}
.cart_totals table {
	width: 100%;
	border-collapse: collapse;
}
.cart_totals tr {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding: 0.6rem 0;
	border-bottom: 1px solid #f4f4f5;
}
.cart_totals tr:last-child {
	border-bottom: none;
}
.cart_totals th {
	font-size: 0.8rem;
	font-weight: 600;
	color: #78716c;
	text-align: left;
}
.cart_totals td {
	font-size: 0.875rem;
	color: #1c1917;
	text-align: right;
}
.cart_totals .order-total th,
.cart_totals .order-total td {
	font-size: 1.05rem;
	font-weight: 700;
	color: #1c1917;
}
.cart_totals .wc-proceed-to-checkout {
	margin-top: 1rem;
}
.cart_totals .checkout-button {
	width: 100%;
	justify-content: center;
	display: flex;
}

/* Cart page: items table actions row (coupon + update cart) */
tr.actions td {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	align-items: center;
	justify-content: space-between;
	border-bottom: none;
}
tr.actions .coupon {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	align-items: center;
}
tr.actions input#coupon_code {
	padding: 0.65rem 1rem;
	border: 1px solid #e7e5e4;
	border-radius: 9999px;
	font-size: 0.85rem;
	max-width: 180px;
}
tr.actions .button {
	padding: 0.65rem 1.25rem !important;
	font-size: 0.8rem !important;
}
table.cart img {
	width: 64px;
	height: 64px;
	object-fit: contain;
	border-radius: 0.75rem;
	border: 1px solid #f4f4f5;
}
.product-quantity .quantity {
	display: inline-flex;
}

.woocommerce-error {
	background-color: #fef2f2;
	border-left: 4px solid #ef4444;
	padding: 1rem 1.25rem;
	border-radius: 0.75rem;
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
	list-style: none;
}

.woocommerce-pagination .page-numbers {
	display: flex;
	gap: 0.5rem;
	list-style: none;
}
.woocommerce-pagination .page-numbers li a,
.woocommerce-pagination .page-numbers li span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 9999px;
	font-size: 0.875rem;
	font-weight: 600;
	color: #57534e;
	background-color: #fafaf9;
	text-decoration: none;
}
.woocommerce-pagination .page-numbers li span.current {
	background-color: #01ad46;
	color: #ffffff;
}
.woocommerce-pagination .page-numbers li a:hover {
	background-color: #e7e5e4;
}

.thermo-review-form #commentform {
	display: flex;
	flex-direction: column;
	gap: 0.9rem;
	background-color: #fafaf9;
	border: 1px solid #f4f4f5;
	border-radius: 1rem;
	padding: 1.5rem;
}
.thermo-review-form .comment-form-rating select,
.thermo-review-form input[type="text"],
.thermo-review-form input[type="email"],
.thermo-review-form textarea {
	width: 100%;
	padding: 0.7rem 1rem;
	border: 1px solid #e7e5e4;
	border-radius: 0.75rem;
	font-size: 0.875rem;
}
.thermo-review-form textarea {
	min-height: 100px;
}
.thermo-review-form #submit {
	align-self: flex-start;
	padding: 0.8rem 1.75rem;
	border-radius: 9999px;
	background-color: #01ad46;
	color: #ffffff;
	font-weight: 600;
	font-size: 0.875rem;
	border: none;
	cursor: pointer;
}
.thermo-review-form #submit:hover {
	background-color: #018a37;
}
.thermo-review-form label {
	font-size: 0.8rem;
	font-weight: 600;
	color: #57534e;
	margin-bottom: 0.25rem;
	display: inline-block;
}

/* Quantity stepper injected by assets/js/main.js around every .quantity field */
.quantity {
	position: relative;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	border: 1px solid #e7e5e4;
	border-radius: 9999px;
	overflow: hidden;
}
.quantity .qty {
	width: 2.5rem;
	height: 2.75rem;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 600;
	border: none;
	background: transparent;
}
.quantity .qty:focus {
	outline: none;
}
.thermo-qty-btn {
	width: 2.5rem;
	height: 2.75rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	border: none;
	cursor: pointer;
	color: #57534e;
	flex-shrink: 0;
}
.thermo-qty-btn:hover {
	background-color: #fafaf9;
}