/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/* ==========================================================================
   Accessibility fixes (Lighthouse, 2026-09-26)
   The brand gold #BFA36C and light grays #A5A5A5/#767676 fall below the
   WCAG AA 4.5:1 contrast ratio on white. The darker values below keep the
   same hue and pass AA. `html:root` outranks the theme-settings :root block,
   which prints after this file. The other selectors start with `body` because
   Woodmart loads its per-module CSS (star rating, product labels, loop
   elements) inside <body>, after this file, with equal specificity.
   ========================================================================== */
html:root {
	--mr-gold-text: #86692f;       /* 5.15:1 on white */
	--mr-gold-bg-hover: #6e5424;   /* 7.1:1 with white text */
	--wd-text-color: #666;
	--btn-accented-bgcolor: var(--mr-gold-text);
	--btn-accented-bgcolor-hover: var(--mr-gold-bg-hover);
}
html .color-scheme-dark {
	--wd-text-color: #666;
	--color-gray-400: #6b6b6b;
	--color-gray-500: #666;
}

/* Prices (regular, sale and struck-through). */
body .price,
body .price ins { color: var(--mr-gold-text); }
body .price del { color: #6b6b6b; }

/* Sale badge ("-20%"). */
body .product-label.onsale { background-color: var(--mr-gold-text); }

/* Rating number next to the star and category tags in product cards. */
body .star-rating.wd-style-simple > div { color: #666; }
body .wd-product-cats {
	--wd-link-color: #666;
	--wd-link-color-hover: #333;
	color: #666;
}

/* Header search field. */
body .searchform input.s {
	--wd-form-color: #555;
	--wd-form-placeholder-color: #666;
}
body .searchform input.s::placeholder { color: #666; opacity: 1; }

/* Icon-only action buttons (wishlist, compare, quick view): keep the label
   for screen readers instead of display:none, so the link has a name. */
.wd-action-btn.wd-style-icon .wd-action-text {
	display: block;
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Product page gallery: no arrows on the main image or the thumbnails (all devices).
   Swipe, thumbnail clicks and autoplay still work. */
body.single-product .woocommerce-product-gallery .wd-nav-arrows {
	display: none !important;
}