/* Rehnumaa Palette — peace & freshness
   Colour values come from :root variables printed inline by the plugin,
   so edit colours under Settings → Rehnumaa Palette, not in this file.
   Selectors are what you edit here if WoodMart wins a specificity fight. */

/* ---------- Base ---------- */

body,
.wd-page-wrapper,
.site-content {
	background-color: var(--rh-page);
	color: var(--rh-body);
}

body,
p,
.woocommerce-product-details__short-description,
.wd-product-desc {
	color: var(--rh-body);
	line-height: 1.6;
}

/* ---------- Headings ---------- */

h1,
.entry-title,
.product_title,
.page-title {
	color: var(--rh-ink);
}

h2,
.wd-entities-title.title,
.title-wrapper .liner-continer h2 {
	color: var(--rh-teal);
}

h3,
h4,
h5,
h6 {
	color: var(--rh-ink);
}

/* Product card titles stay ink so the grid reads calmly */
.wd-product .wd-entities-title,
.wd-product .wd-entities-title a,
ul.products li.product .woocommerce-loop-product__title {
	color: var(--rh-ink);
}

/* ---------- Links ---------- */

a {
	color: var(--rh-teal);
}

a:hover,
a:focus {
	color: var(--rh-teal-dark);
}

.wd-product .wd-entities-title a:hover {
	color: var(--rh-teal);
}

/* ---------- Muted text ---------- */

small,
.wd-product-stock,
.woocommerce-breadcrumb,
.woocommerce-review-link,
.wd-sold-counter,
.posted_in,
.tagged_as,
.rh-muted {
	color: var(--rh-muted);
}

/* ---------- Cards & borders ---------- */

.wd-product,
.wd-card,
.woocommerce ul.products li.product,
.rh-card {
	background-color: var(--rh-card);
	border-color: var(--rh-border);
}

hr,
.wd-divider,
table.shop_table th,
table.shop_table td,
.woocommerce-tabs .panel {
	border-color: var(--rh-border);
}

/* ---------- Price ---------- */

.price,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.wd-product .price,
.amount {
	color: var(--rh-price) !important;
}

.price del,
.price del .amount,
.woocommerce div.product p.price del {
	color: var(--rh-price-old) !important;
	opacity: 1;
}

/* ---------- Buttons ---------- */

.btn,
.button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce div.product form.cart .button,
.wd-buy-now-btn,
.single_add_to_cart_button,
.rh-btn {
	background-color: var(--rh-teal) !important;
	border-color: var(--rh-teal) !important;
	color: #ffffff !important;
	border-radius: 8px;
}

.btn:hover,
.button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce div.product form.cart .button:hover,
.wd-buy-now-btn:hover,
.single_add_to_cart_button:hover,
.rh-btn:hover {
	background-color: var(--rh-teal-dark) !important;
	border-color: var(--rh-teal-dark) !important;
	color: #ffffff !important;
}

/* Secondary / outline button */
.btn-style-bordered,
.rh-btn-secondary {
	background-color: transparent !important;
	border: 1px solid var(--rh-teal) !important;
	color: var(--rh-teal) !important;
	border-radius: 8px;
}

.btn-style-bordered:hover,
.rh-btn-secondary:hover {
	background-color: var(--rh-tint) !important;
	color: var(--rh-teal-dark) !important;
}

/* WhatsApp order button — add class rh-btn-whatsapp to your button */
.rh-btn-whatsapp {
	background-color: var(--rh-whatsapp) !important;
	border-color: var(--rh-whatsapp) !important;
	color: #ffffff !important;
	border-radius: 8px;
}

/* ---------- Badges ---------- */

.woocommerce span.onsale,
.product-labels .onsale,
.labels-rounded .product-label,
.rh-badge-sale {
	background-color: var(--rh-coral) !important;
	color: #ffffff !important;
	border-radius: 8px;
}

.rh-badge-stock,
.wd-product-stock.stock.in-stock {
	background-color: var(--rh-tint);
	color: var(--rh-price);
	border-radius: 8px;
	padding: 4px 10px;
	display: inline-block;
}

.rh-badge-cod {
	background-color: var(--rh-tint);
	color: var(--rh-teal);
	border-radius: 8px;
	padding: 4px 10px;
	display: inline-block;
}

/* ---------- Variation swatches / attribute buttons ---------- */

.wd-swatch.wd-text,
.wd-swatch-text,
.woo-variation-items-wrapper li span {
	border-color: var(--rh-border);
	color: var(--rh-ink);
}

.wd-swatch.wd-active,
.wd-swatch:hover,
.woo-variation-items-wrapper li.selected span {
	border-color: var(--rh-teal) !important;
	color: var(--rh-teal) !important;
}

/* ---------- Announcement bar (add a div with class rh-announce) ---------- */

.rh-announce {
	background-color: var(--rh-teal);
	color: #ffffff;
	text-align: center;
	padding: 8px 12px;
	font-size: 14px;
}

/* ---------- Header ---------- */

.whb-main-header,
.whb-general-header,
.site-header {
	background-color: var(--rh-card) !important;
	border-bottom: 1px solid var(--rh-border);
}

.whb-main-header a,
.site-header a,
.wd-tools-element > a,
.whb-main-header .wd-nav > li > a {
	color: var(--rh-ink);
}

.whb-main-header a:hover,
.site-header a:hover,
.whb-main-header .wd-nav > li > a:hover {
	color: var(--rh-teal);
}

.wd-tools-count,
.wd-cart-number,
.cart-item-count {
	background-color: var(--rh-coral) !important;
	color: #ffffff !important;
}

/* ---------- Footer ---------- */

.wd-footer,
.site-footer,
footer.footer-container {
	background-color: var(--rh-footer) !important;
	color: var(--rh-footer-text);
}

.wd-footer,
.wd-footer p,
.site-footer,
.site-footer p {
	color: var(--rh-footer-text);
}

.wd-footer h1,
.wd-footer h2,
.wd-footer h3,
.wd-footer h4,
.wd-footer h5,
.wd-footer h6,
.wd-footer .widget-title,
.site-footer .widget-title {
	color: #ffffff !important;
}

.wd-footer a,
.site-footer a {
	color: var(--rh-footer-link);
}

.wd-footer a:hover,
.site-footer a:hover {
	color: #ffffff;
}

.wd-footer .widget,
.wd-footer hr,
.site-footer .widget,
.site-footer hr {
	border-color: var(--rh-footer-rule);
}

.copyrights-wrapper,
.wd-footer .copyrights-wrapper {
	background-color: var(--rh-footer-deep) !important;
	color: #9cb4b2;
	border-top: 1px solid var(--rh-footer-rule);
}

.copyrights-wrapper a {
	color: #c9dad8;
}