/*
Theme Name: WoodMart Child — FitnessStoreDFW
Theme URI: https://fitnessstoredfw.com/
Description: Child theme for WoodMart. Holds the Coffee & Cream Luxury cart-drawer styling and the mini-cart template override (two-column drawer with "You may also like").
Author: FitnessStoreDFW
Template: woodmart
Version: 1.0.34
*/

/* ==========================================================
   1) Cart drawer (mini cart) - Coffee & Cream Luxury styling
   (ported from Customizer > Additional CSS, 2026-10-01)
   ========================================================== */

/* --- Layout: drawer panel is a flex column (v1.0.5+) ---
   v1.0.4 failed because WoodMart's .wd-scroll JS pins a pixel height on the
   items body; with overflow:visible the list spilled out behind the subtotal.
   v1.0.5 dropped .wd-scroll entirely (see mini-cart.php): the body sizes to
   its content. v1.0.9 wide drawer: on desktop each column scrolls
   independently (see section 2); on mobile the layout wrapper is the single
   scroll container (cart on top, recs below). */
.cart-widget-side.wd-side-hidden {
	display: flex;
	flex-direction: column;
}
.cart-widget-side .widget_shopping_cart_content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
}

/* --- Gold free-shipping block (#B89A68), coffee text (#2B1D17) ---
   Everywhere: quick cart, cart page, product page (Marco 2026-10-06) --- */
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar,
.cart-widget-side .wd-free-progress-bar {
	margin-bottom: 20px;
	padding: 14px 16px 16px;
	background: rgba(184, 154, 104, 0.12);
	border: 1px solid rgba(184, 154, 104, 0.5);
	border-radius: 10px;
}
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar .progress-msg p,
.cart-widget-side .wd-free-progress-bar .progress-msg p {
	color: #2B1D17;
	font-weight: 700;
}
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar .progress-msg p .woocommerce-Price-amount,
.cart-widget-side .wd-free-progress-bar .progress-msg p .woocommerce-Price-amount {
	color: #B89A68;
}
.wd-shipping-progress-bar.wd-style-bordered .wd-free-progress-bar .progress-bar,
.cart-widget-side .wd-free-progress-bar .progress-bar {
	background-color: #B89A68;
}
/* Drawer keeps its own spacing */
.cart-widget-side .wd-free-progress-bar {
	margin: 4px 20px 16px;
}

/* ==========================================================
   2) Wide drawer (desktop): "You may also like" LEFT, cart RIGHT
   (2026-10-01, Marco: wide drawer with YMAL on the left.
   The 350px narrow/stacked exploration was only hypothetical.)
   Mobile/tablet: stacked, cart on top, recs below.
   ========================================================== */

.cart-widget-side.wd-side-hidden.wd-right {
	width: min(800px, 100vw);
}

/* The recs panel only exists visually inside the side drawer.
   (The mini-cart template is shared with other cart widgets;
   keep the panel hidden everywhere else.) */
.fsdfw-cart-recs {
	display: none;
}

@media (min-width: 1025px) {
	/* v1.0.9: two-column drawer. The layout wrapper is a flex row
	   with hidden overflow; each column scrolls independently. */
	.cart-widget-side .fsdfw-mini-cart-layout {
		flex: 1 1 auto;
		min-height: 0;
		display: flex;
		flex-direction: row;
		overflow: hidden;
	}
	/* Neutralize any WoodMart height pinning on the items body. */
	.cart-widget-side .shopping-cart-widget-body {
		height: auto;
		max-height: none;
		overflow: visible;
	}
	/* LEFT column: recommendations (rendered after cart in DOM). */
	.cart-widget-side .fsdfw-cart-recs {
		display: block;
		order: -1;
		flex: 0 0 300px;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
		background: #F3EBDD;
		border-right: 1px solid rgba(184, 154, 104, 0.4);
		padding: 24px 18px;
	}
	/* RIGHT column: cart. */
	.cart-widget-side .fsdfw-cart-main {
		flex: 1 1 auto;
		min-width: 0;
		min-height: 0;
		display: flex;
		flex-direction: column;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
}

@media (max-width: 1024px) {
	/* Stacked: cart on top, "You may also like" below. */
	.cart-widget-side .fsdfw-mini-cart-layout {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}
	.cart-widget-side .fsdfw-cart-recs {
		display: block;
		background: #F3EBDD;
		border-top: 1px solid rgba(184, 154, 104, 0.4);
		padding: 24px 18px;
	}
}

.fsdfw-recs-title {
	font-family: "Manrope", sans-serif;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #2B1D17;
	margin: 0 0 16px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(184, 154, 104, 0.5);
}

.fsdfw-rec-card {
	background: #FFFFFF;
	border: 1px solid rgba(184, 154, 104, 0.35);
	border-radius: 10px;
	padding: 10px 10px 12px;
	margin-bottom: 12px;
	text-align: center;
}

.fsdfw-rec-thumb {
	display: block;
	margin-bottom: 8px;
}

.fsdfw-rec-thumb img {
	border-radius: 6px;
	max-width: 88px;
	height: auto;
	margin: 0 auto;
}

.fsdfw-rec-name {
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #2B1D17;
	line-height: 1.35;
	margin-bottom: 5px;
	text-decoration: none;
}

a.fsdfw-rec-name:hover {
	color: #B89A68;
}

.fsdfw-rec-price {
	color: #B89A68;
	font-weight: 700;
	font-size: 13px;
	margin-bottom: 8px;
}

.cart-widget-side .fsdfw-cart-recs .button {
	/* v1.0.33 was reverted (Marco 2026-10-06): recs buttons stay ghost,
	   only the main drawer button goes gold. */
	background: transparent;
	border: 1px solid rgba(43, 29, 23, 0.35);
	color: #2B1D17;
	border-radius: 8px;
	padding: 8px 10px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	width: 100%;
}

.cart-widget-side .fsdfw-cart-recs .button:hover {
	background-color: #2B1D17;
	border-color: #2B1D17;
	color: #FAF7F0;
}

/* ==========================================================
   3) Console attribute swatches - large square, label below, no selected frame (Marco 2026-10-06)
   (Life Fitness style, 2026-10-01)
   ========================================================== */
.wd-swatches-product[data-id="pa_console"] {
	gap: 24px;
}
.wd-swatches-product[data-id="pa_console"] .wd-swatch.wd-bg {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	width: 140px;
	padding: 0;
	border: 0;
	border-radius: 10px;
	background: transparent;
	box-shadow: none;
}
.wd-swatches-product[data-id="pa_console"] .wd-swatch-bg {
	width: 140px;
	height: 140px;
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 3px solid transparent;
	box-sizing: border-box;
	padding: 8px;
	background: #fff;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.wd-swatches-product[data-id="pa_console"] .wd-swatch-bg img {
	width: 100%;
	height: 100%;
	/* contain, not cover: the console photos are rectangular
	   (GO is landscape), so cover cropped their sides. */
	object-fit: contain;
	border-radius: 6px;
}
.wd-swatches-product[data-id="pa_console"] .wd-swatch-text {
	/* v1.0.32: beat WoodMart's tooltip mode (wd-text-style-1) which hides
	   the label. Marco 2026-10-06: labels must show below tiles, like Life Fitness. */
	display: block !important;
	position: static !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: inherit;
	font-size: 14px;
	line-height: 1.35;
	text-align: center;
	white-space: normal;
	opacity: 1 !important;
	visibility: visible !important;
	transform: none !important;
	pointer-events: none;
	clip: auto !important;
}
/* Selected state: no gold frame (Marco 2026-10-06). The theme's
   underline under the label already marks the selection. */
.wd-swatches-product[data-id="pa_console"] .wd-swatch.wd-active .wd-swatch-bg,
.wd-swatches-product[data-id="pa_console"] .wd-swatch[aria-checked="true"] .wd-swatch-bg {
	border-color: transparent;
	box-shadow: none;
}
.wd-swatches-product[data-id="pa_console"] .wd-swatch:focus-visible .wd-swatch-bg {
	outline: 2px solid #B89A68;
	outline-offset: 2px;
}

/* ==========================================================
   4) Single product: "Add to cart" is the hero CTA (v1.0.9)
   Option B gold (2026-10-01, Marco): gold bg + espresso text,
   espresso bg + cream text on hover. Manrope 700 13px uppercase.
   Scoped to the single-product form so it never touches the
   drawer buttons (View Cart / Checkout) or other surfaces.
   The "Buy now" button is disabled in WoodMart Theme Settings.
   ========================================================== */
.single-product form.cart .single_add_to_cart_button {
	background-color: #B89A68 !important;
	border-color: #B89A68 !important;
	color: #2B1D17 !important;
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
.single-product form.cart .single_add_to_cart_button:hover,
.single-product form.cart .single_add_to_cart_button:focus-visible {
	background-color: #2B1D17 !important;
	border-color: #2B1D17 !important;
	color: #FAF7F0 !important;
}

/* ==========================================================
   5) Single product: hide the quantity selector (v1.0.10)
   (2026-10-01, Marco) Only the gold "Add to cart" shows;
   quantity stays at 1. Scoped to single product pages so the
   cart drawer keeps its quantity steppers.
   ========================================================== */
.single-product form.cart .quantity {
	display: none !important;
}

/* ==========================================================
   v1.0.12 — Cart column flow fixes (2026-10-01, Marco)
   - The free-shipping bar was rendering below the subtotal;
     it must sit at the TOP of the cart column, above the
     products. The footer is flattened with display:contents so
     the bar (wherever WoodMart hooks it inside the footer)
     can be ordered first within the cart column. Applies on
     desktop and mobile.
   - Scroll chain: overflow:hidden on the content wrapper
     guarantees the columns shrink and scroll instead of the
     drawer growing past the viewport (buttons cut off).
   ========================================================== */
.cart-widget-side .widget_shopping_cart_content {
	overflow: hidden;
}
.cart-widget-side .fsdfw-cart-main {
	display: flex;
	flex-direction: column;
}
.cart-widget-side .shopping-cart-widget-footer {
	display: contents;
}
.cart-widget-side .fsdfw-cart-main .wd-free-progress-bar {
	order: -1;
	margin: 0 0 14px;
}

/* ==========================================================
   v1.0.13 — Drawer button hierarchy (2026-10-01, Marco)
   Only the View Cart button carries the agreed colors:
   secondary style, transparent with espresso border.
   v1.0.14 loaded Cormorant Garamond for it; v1.0.15 (Marco)
   switched it to straight sans: Manrope 700, uppercase.
   (Marco: "no estoy seguro de que los dos botones de view
   cart y check out sea del mismo color" — so Checkout keeps
   the site's gold primary style, View Cart goes secondary.)
   Rec-card buttons stay subtle so they don't compete.
   ========================================================== */
.cart-widget-side .fsdfw-cart-main a.btn-cart {
	/* v1.0.34 (Marco 2026-10-06): main drawer button below Subtotal
	   goes gold with white letters. */
	background-color: #B89A68;
	border: 1px solid #B89A68;
	color: #FFFFFF;
	font-family: "Manrope", sans-serif;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	border-radius: 8px;
	box-shadow: none;
}
.cart-widget-side .fsdfw-cart-main a.btn-cart:hover {
	background-color: #2B1D17;
	border-color: #2B1D17;
	color: #FAF7F0;
}

/* ==========================================================
   v1.0.14 — "Bonito y simple, no tan repleto" (2026-10-01, Marco)
   Lighter, airier recommendation cards: softer neutral border,
   no visual noise, more breathing room. The drawer should feel
   calm and premium, not crowded.
   ========================================================== */
.cart-widget-side .fsdfw-rec-card {
	background: #FFFFFF;
	border: 1px solid #EDE5D3;
	border-radius: 12px;
	box-shadow: none;
	padding: 14px 12px;
	margin-bottom: 10px;
}
.cart-widget-side .fsdfw-recs-title {
	font-size: 11px;
	letter-spacing: 0.22em;
	color: #8A7B68;
	font-weight: 700;
}
.cart-widget-side .fsdfw-cart-recs {
	background: #FBF8F1;
}

/* ==========================================================
   v1.0.16 — Global typography: straight sans everywhere
   (2026-10-01, Marco: titles and machine names in Manrope too)
   Enforces the all-Manrope system across WoodMart, WooCommerce
   and Elementor output, regardless of widget defaults.
   ========================================================== */
body h1, body h2, body h3, body h4, body h5, body h6,
body .elementor-widget-heading .elementor-heading-title,
body .elementor-widget-theme-post-title .elementor-heading-title,
body .wd-entities-title,
body .product-title,
body .woocommerce-loop-product__title,
body .woocommerce div.product .product_title,
body .page-title,
body .entry-title,
body .widget-title,
body .wd-widget-title,
body .wd-page-title .title,
body .title-wrapper .title {
	font-family: "Manrope", sans-serif;
}

/* ==========================================================
   v1.0.18 — Remove off-brand purple/blue, use Coffee & Cream
   (2026-10-01, Marco: quitar el morado/azul)
   The single-product tabs ("Product Information / Specifications /
   Reviews") are a WP nav menu (#menu-single-product-navigation),
   NOT WooCommerce tabs: the active item carries .current-menu-item
   on the <li>. Kept the generic WooCommerce rules below as fallback.
   ========================================================== */
#menu-single-product-navigation > li > a.woodmart-nav-link {
	color: #2B1D17;
}

#menu-single-product-navigation > li > a.woodmart-nav-link:hover {
	background-color: rgba(184, 154, 104, 0.16);
	color: #2B1D17;
}

#menu-single-product-navigation > li.current-menu-item > a.woodmart-nav-link,
#menu-single-product-navigation > li.current-menu-item > a.woodmart-nav-link .nav-link-text {
	background-color: #2B1D17 !important;
	border-color: #2B1D17 !important;
	color: #FAF7F0 !important;
}

/* Fallback: standard WooCommerce tabs, if ever used. */
body .woocommerce-tabs ul.tabs li.active a,
body .wc-tabs li.active a,
body .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
	background-color: #2B1D17 !important;
	border-color: #2B1D17 !important;
	color: #FAF7F0 !important;
}

/* ==========================================================
   v1.0.23 — Product page layout fixes (2026-10-01, Marco)
   ========================================================== */

/* v1.0.31: the JS label injector was removed (it overlaid image alt text on
   swatch tiles). Hide any stale injected labels from cached pages. WoodMart's
   native .wd-swatch-text provides the clean label below each tile. */
.fsdfw-swatch-label {
	display: none !important;
}

/* Keep the back-to-top button below sticky product UI. */
.scrollToTop,
.wd-backtop {
	z-index: 90;
}

/* ==========================================================
   v1.0.24 — sticky product anchor tabs fix (2026-10-01)
   The "Product Information | Specifications | Reviews" anchor bar
   floated over the summary while scrolling. Pin it below the
   sticky header with a solid background.
   ========================================================== */
div:has(> a.woodmart-nav-link[href="#Information"]) {
	position: sticky !important;
	top: 84px !important;
	background: #F7F2EA !important;
	z-index: 99 !important;
}