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

/* ==========================================================================
   Kilau brand tokens (Onyx / Ivory / Champagne Gold / Kilau Rose)
   Fonts: Fraunces (headlines), Manrope (UI, prices). Loaded by WoodMart
   (Theme Settings > Typography, local Google fonts).
   ========================================================================== */
:root {
	--kilau-onyx: #111111;
	--kilau-ivory: #FBF7F1;
	--kilau-gold: #C8A15A;
	--kilau-rose: #D4145A;
	--kilau-rose-dark: #B50F4C;
	--kilau-muted: #6B6258;
	--kilau-font-display: 'Fraunces', Georgia, serif;
	--kilau-font-ui: 'Manrope', 'Helvetica Neue', Arial, sans-serif;
}

body {
	background-color: var(--kilau-ivory);
	color: var(--kilau-onyx);
	font-family: var(--kilau-font-ui);
}

h1, h2, h3, h4, h5, h6,
.title, .wd-entities-title, .woocommerce-loop-product__title {
	font-family: var(--kilau-font-display);
	font-weight: 600;
	letter-spacing: -0.01em;
}

.price, .amount, .woocommerce-Price-amount {
	font-family: var(--kilau-font-ui);
	font-weight: 800;
}

/* Sales and flash-deal badges use Rose; premium badges use Gold */
.onsale, .product-label.onsale { background-color: var(--kilau-rose); color: #fff; }
.product-label.featured, .wd-badge-premium { background-color: var(--kilau-gold); color: var(--kilau-onyx); }

/* WoodMart paints its own wrapper backgrounds over <body>; apply Ivory there too */
.website-wrapper, .main-page-wrapper, .wd-page-content { background-color: var(--kilau-ivory); }
.title, .title-wrapper .title, .widget-title, .wd-entities-title a { font-family: var(--kilau-font-display); }
.widget-title { font-family: var(--kilau-font-ui); font-weight: 800; }

/* ==========================================================================
   Kilau header/footer extras. Sizes, colours and borders for the header rows,
   the logo width and the search shape are set in the Header Builder; this is
   only what the builder has no field for.
   ========================================================================== */
.whb-top-bar .whb-top-bar-inner { justify-content: center; }
.whb-top-bar .whb-column6, .whb-top-bar .whb-column7 { display: none; }
.whb-top-bar .kilau-ann { display: inline-flex; align-items: center; justify-content: center; gap: 40px; white-space: nowrap; }
@media (max-width: 1024px) { .whb-top-bar .kilau-ann { gap: 14px; font-size: 12px; } }

/* Menu: Rose only on hover / active item */
.whb-header-bottom .wd-nav > li:hover > a, .whb-header-bottom .wd-nav > li.current-menu-item > a { color: var(--kilau-rose); }

/* Footer */
.footer-container, .wd-footer, .copyrights-wrapper { background-color: var(--kilau-onyx); color: #CFC7BB; }
.wd-footer a, .footer-container a { color: #CFC7BB; }
.wd-footer a:hover, .footer-container a:hover { color: var(--kilau-ivory); }
.wd-footer .widget-title, .footer-container .widget-title { color: var(--kilau-ivory); }
.whb-top-bar .whb-column_mobile1 { flex: 1; justify-content: center; text-align: center; }

/* Desktop cart as an Onyx pill (mockup); mobile keeps the theme icon */
@media (min-width: 1025px) {
	.whb-general-header .wd-header-cart.wd-design-2 > a { background: var(--kilau-onyx); border-radius: 99px; padding: 0 18px; height: 46px; color: var(--kilau-ivory); }
	.whb-general-header .wd-header-cart.wd-design-2 > a:hover { background: #2E2A26; }
	.whb-general-header .wd-header-cart.wd-design-2 .wd-tools-icon, .whb-general-header .wd-header-cart.wd-design-2 .wd-tools-text,
	.whb-general-header .wd-header-cart.wd-design-2 .woocommerce-Price-amount { color: var(--kilau-ivory); }
}