/*
Theme Name:   CrunchFit (Woodmart Child)
Theme URI:    https://crunchfit.pk
Description:  Child theme for CrunchFitPK. Holds all brand styling so Woodmart can be updated safely.
Author:       Horizon Digital
Template:     woodmart
Version:      1.0.0
Text Domain:  crunchfit-child
*/

/* ---------------------------------------------------------------------------
   Brand tokens — sampled from CrunchFit's own Instagram creatives.
   See brand/DESIGN-TOKENS.md in the project repo.
--------------------------------------------------------------------------- */
:root {
	--cf-brown-900: #2A1B0A;
	--cf-brown-700: #4A3520;
	--cf-cream-50:  #FAF5E8;
	--cf-cream-100: #F5E7D6;
	--cf-cream-200: #EBD6B8;
	--cf-green-800: #3F4A07;
	--cf-green-600: #61712B;
	--cf-gold:      #D2954B;
	--cf-orange:    #E9631C;
	--cf-whatsapp:  #25D366;
}

/* --------------------------------------------------------------- typography */

.cf-display,
.woodmart-title-container .title,
.wd-entities-title {
	letter-spacing: -0.01em;
}

/* ------------------------------------------------------------------ buttons */

.btn.btn-color-primary,
.wd-buy-now-btn,
.single_add_to_cart_button,
.button.alt {
	background-color: var(--cf-green-800);
	border-color: var(--cf-green-800);
	color: #fff;
}

.btn.btn-color-primary:hover,
.wd-buy-now-btn:hover,
.single_add_to_cart_button:hover,
.button.alt:hover {
	background-color: var(--cf-green-600);
	border-color: var(--cf-green-600);
	color: #fff;
}

/* Sale badges pick up the orange the brand uses on its own price blocks. */
.product-labels .onsale,
.wd-product-labels .onsale {
	background-color: var(--cf-orange);
	color: #fff;
}

/* ------------------------------------------------------------------- prices */

.price,
.woocommerce-Price-amount {
	color: var(--cf-brown-900);
	font-weight: 700;
}

.price del,
.price del .woocommerce-Price-amount {
	color: #9a8b7a;
	font-weight: 400;
}

.price ins,
.price ins .woocommerce-Price-amount {
	color: var(--cf-orange);
	text-decoration: none;
}

/* ------------------------------------------------------- trust / info strip */

.cf-trust {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1px;
	background: var(--cf-cream-200);
	border-radius: 10px;
	overflow: hidden;
}

.cf-trust__item {
	background: var(--cf-cream-50);
	padding: 22px 18px;
	text-align: center;
}

.cf-trust__label {
	display: block;
	margin-top: 8px;
	font-weight: 700;
	font-size: 14px;
	line-height: 1.3;
	color: var(--cf-brown-900);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

@media (max-width: 767px) {
	.cf-trust { grid-template-columns: repeat(2, 1fr); }
}

/* ------------------------------------------------ COD reassurance on the PDP */

.cf-cod-note {
	margin-top: 16px;
	padding: 14px 16px;
	border: 1px dashed var(--cf-cream-200);
	border-radius: 8px;
	background: var(--cf-cream-50);
	font-size: 14px;
	line-height: 1.55;
	color: var(--cf-brown-700);
}

.cf-cod-note strong { color: var(--cf-brown-900); }

/* The WhatsApp buttons come from the CrunchFit Core plugin; only spacing here
   so the plugin stays the single source of truth for their look. */
.cf-wa-product { margin-bottom: 8px; }