/*
Theme Name: Woodmart Child
Theme URI: https://woodmart.xtemos.com/
Template: woodmart
Author: XTemos
Author URI: http://themeforest.net/user/xtemos
Description: ThemeForest Premium Theme
Tags: one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,sticky-post,translation-ready
Version: 8.4.1.1782934250
Updated: 2026-07-01 21:30:50

*/

/* ==========================================================================
   WM Guadeloupe — add-to-cart button: navy #113053 instead of Woodmart
   green rgb(95,171,18) (client request 2026-07-08).
   `html body` prefix: outranks the generated theme-settings CSS
   (`html .entry-summary ...`), which is printed after this stylesheet.
   ========================================================================== */

html body .entry-summary .single_add_to_cart_button,
html body .wd-single-add-cart .single_add_to_cart_button,
html body .wd-sticky-btn-cart .single_add_to_cart_button,
html body .wd-sticky-btn-cart .wd-sticky-add-to-cart,
html body .wd-sticky-btn.wd-quantity-overlap div.quantity input[type] {
	background: #113053;
}

html body .entry-summary .single_add_to_cart_button:hover,
html body .wd-single-add-cart .single_add_to_cart_button:hover,
html body .wd-sticky-btn-cart .single_add_to_cart_button:hover,
html body .wd-sticky-btn-cart .wd-sticky-add-to-cart:hover {
	background: #102e4f;
}

/* Stock status "En stock": navy #113053 instead of Woodmart green #85B951
   (parent css/parts/woo-mod-stock-status.min.css). */
html body p.stock.wd-style-bordered span {
	border-color: #113053;
}

html body p.stock.wd-style-bordered span:before {
	background-color: #113053;
}

html body p.stock.wd-style-with-bg:is(.available-on-backorder, .in-stock) span {
	background-color: #e3edf8; /* pale navy, replaces pale green #F1F7EB */
	color: #113053;
}

/* ==========================================================================
   Sticky footer — the footer must never leave the bottom of the viewport.
   On short pages (e.g. cart with few items) Woodmart left a white gap below
   the footer: the page wrapper was shorter than the viewport and the footer
   sat mid-screen. This was previously meant to be handled by the Woodmart
   'sticky_footer' DB option, which is unreliable (unversioned + masked by the
   compiled theme-settings CSS). Handled here in versioned CSS instead.

   Make the page wrapper a full-height flex column and let the content region
   grow, so the footer is always pushed to (or below) the viewport bottom.
   Global on purpose: applies to every page, so the gap can never appear.
   `html body` prefix: outranks Woodmart inline CSS printed after this sheet.
   ========================================================================== */

html body .wd-page-wrapper.website-wrapper {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	min-height: 100dvh; /* mobile browser-chrome safe; older engines fall back to 100vh above */
}

html body .wd-page-wrapper.website-wrapper > .wd-page-content {
	flex: 1 0 auto;
}

/* ==========================================================================
   Header site-title — was a second <h1> (duplicated the page/product <h1> on
   inner pages). Switched to <div class="header-site-title-heading"> in the
   Woodmart header builder to keep a single <h1> per page. These rules reproduce
   the original look exactly (measured live: 28px Rajdhani 700 #80afe5; tagline
   0.8rem Lato 100 italic white) so the header is visually unchanged.
   ========================================================================== */
.header-site-title .header-site-title-heading {
	display: block;
	margin-bottom: 0;
	color: #80afe5; /* wordmark pinned: passes on dark header bar; --wd-title-color darkened only for content titles on white */
	font-family: var(--wd-title-font);
	font-weight: var(--wd-title-font-weight);
	font-style: var(--wd-title-font-style);
	text-transform: var(--wd-title-transform);
	font-size: 28px;
	line-height: 1;
}

.header-site-title .header-site-title-heading strong {
	display: block;
	color: #fff;
	font-size: 0.8rem;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-style: italic;
}

/* ==========================================================================
   Accessibility — visible keyboard focus (WCAG 2.4.7 / 1.4.11). The theme
   suppresses outlines (outline:none); restore a clear focus ring for keyboard
   users only (:focus-visible — mouse clicks don't trigger it). Navy ring + white
   halo stays visible on white, on navy buttons, and on the pink nav bar.
   ========================================================================== */
html body a:focus-visible,
html body button:focus-visible,
html body input:focus-visible,
html body select:focus-visible,
html body textarea:focus-visible,
html body [tabindex]:focus-visible,
html body [role="button"]:focus-visible,
html body .wd-term:focus-visible,
html body .open-quick-view:focus-visible {
	outline: 2px solid #113053 !important;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px #fff !important;
}

/* ==========================================================================
   Accessibility — WCAG AA colour contrast (client-approved, 2026-07-21).
   Title blue #80afe5 on white was 2.29 (needs 4.5) -> darken the title colour
   to #3f77bd (4.58 on white). Applied via the Woodmart title-colour variable so
   every content title (product / section titles) becomes readable.
   The header wordmark keeps #80afe5 (it sits on the dark header bar where it
   already passes and preserves the brand punch) — pinned in its own rule below.
   ========================================================================== */
html:root {
	--wd-title-color: #3f77bd !important;
}

/* Product / content titles hard-code #80afe5 (they don't read the variable), so
   override their colour directly. These titles always sit on a white surface,
   so darkening them is safe (unlike the white-on-navy "CATÉGORIES" box title). */
html body .wd-entities-title,
html body .wd-entities-title a,
html body .woocommerce-loop-product__title,
html body .woocommerce-loop-product__title a,
html body .product_title.entry-title {
	color: #3f77bd !important;
}

/* Accent pink #e61470 -> #dd1369 (white text on pink: 4.47 -> 4.80). Near-identical
   shade (imperceptible); fixes the marginal contrast on the pink nav bar + footer
   copyright (the surfaces carrying white text). */
html:root {
	--lead-surface1: #dd1369 !important;
}
html body .whb-header-bottom {
	background-color: #dd1369 !important;
}
html body .wd-copyrights,
html body .copyrights-wrapper {
	background-color: #dd1369 !important;
}

/* Header wordmark stays #80afe5 on BOTH page types (home = bare <h1>, inner pages
   = .header-site-title-heading <div>). It sits on the dark header bar, where the
   light blue has strong contrast; the darkened --wd-title-color must not dim it. */
html body .header-site-title h1,
html body .header-site-title .header-site-title-heading {
	color: #80afe5 !important;
}