/* Myhadya chrome: header, footer and fixed bars in the brand pair, deep green + the logo's gold. Loads on every page. */
body {
	--mh-bg: #f7f4ee;
	--mh-surface: #efeae0;
	--mh-ink: #1b1a17;
	--mh-muted: #6f685d;
	--mh-line: #ddd5c6;
	--mh-gold: #e6b373;      /* sampled from the logo mark */
	--mh-gold-ink: #9a6a2f;  /* same hue, dark enough for small text on ivory */
	--mh-deep: #1f2f29;
	--mh-deep-line: rgba(230, 179, 115, .18);
	--mh-on-deep: #f3efe6;
	--mh-on-deep-muted: #b3ad9f;
	--mh-serif: "Cormorant Garamond", Georgia, serif;
	--mh-gutter: clamp(16px, 4vw, 56px);
	--mh-rail: 0px;
	--mh-max: 1280px; /* content measure on large screens */
	/* page side padding: the gutter, or wider so content stays inside --mh-max beside the rail */
	--mh-pad: max(var(--mh-gutter), calc((100vw - var(--mh-rail) - var(--mh-max)) / 2));
}
@media (min-width: 1025px) { body { --mh-rail: 60px; } }

/* ---------- promo bar ---------- */
body .header-banner { background: var(--mh-gold) !important; }
body .header-banner, body .header-banner * {
	color: var(--mh-deep) !important;
	font-size: 12px !important;
	letter-spacing: .08em;
}

/* ---------- header ---------- */
body .whb-header .whb-general-header,
body .whb-header .whb-header-bottom,
body .whb-header .whb-sticked .whb-row {
	background: var(--mh-deep) !important;
	border-bottom: 1px solid var(--mh-deep-line) !important;
}
body .whb-header .whb-header-bottom { border-top: 0 !important; }
/* the phone and free-shipping info boxes crowd the logo row; WhatsApp and the footer carry both */
body .whb-general-header .info-box-wrapper { display: none; }

/* search: a quiet underline instead of a filled pill */
body .whb-header .wd-header-search-form form.searchform {
	border-bottom: 1px solid var(--mh-deep-line);
	border-radius: 0;
	background: transparent;
}
body .whb-header .wd-header-search-form input[type="text"] {
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
	font-size: 14px;
	color: var(--mh-on-deep) !important;
}
body .whb-header .wd-header-search-form input[type="text"]::placeholder { color: var(--mh-on-deep-muted); }
body .whb-header .wd-header-search-form .searchsubmit {
	background: transparent !important;
	color: var(--mh-gold) !important;
	border-radius: 0 !important;
}

/* nav + tools */
body .whb-header .wd-nav > li > a,
body .whb-header .wd-header-sticky-nav a,
body .whb-header .wd-tools-element > a,
body .whb-header .wd-tools-icon,
body .whb-header .wd-tools-text,
body .whb-header .wd-cart-subtotal,
body .whb-header .wd-cart-subtotal .amount {
	color: var(--mh-on-deep) !important;
}
body .whb-header .wd-nav > li > a,
body .whb-header .wd-header-sticky-nav .wd-tools-text {
	font-size: 12px !important;
	font-weight: 500 !important;
	letter-spacing: .16em;
	text-transform: uppercase;
}
body .whb-header .wd-nav > li > a:hover,
body .whb-header .wd-tools-element > a:hover { color: var(--mh-gold) !important; }
body .whb-header .wd-header-sticky-nav a { background: transparent !important; }
body .whb-header .wd-header-sticky-nav .wd-tools-icon { background: var(--mh-gold) !important; color: var(--mh-deep) !important; }
body .whb-header .wd-tools-count,
body .wd-toolbar .wd-tools-count {
	background: var(--mh-gold) !important;
	color: var(--mh-deep) !important;
}
body .whb-header .wd-header-cart.wd-design-7 .wd-tools-icon { background: transparent !important; }

/* left category rail + its slide-out */
body .wd-sticky-nav {
	background: var(--mh-deep) !important;
	border-right: 1px solid var(--mh-deep-line);
	box-shadow: none !important;
}
body .wd-sticky-nav a, body .wd-sticky-nav .nav-link-text { color: var(--mh-on-deep) !important; }
body .wd-sticky-nav a:hover .nav-link-text { color: var(--mh-gold) !important; }

/* coloured floating social icons: the footer already links every profile */
body .wd-social-icons.icons-size-custom { display: none !important; }

/* phone toolbar */
body .wd-toolbar {
	background: var(--mh-deep) !important;
	border-top: 1px solid var(--mh-deep-line);
	box-shadow: none !important;
}
body .wd-toolbar a, body .wd-toolbar .wd-toolbar-label, body .wd-toolbar .wd-tools-icon { color: var(--mh-on-deep) !important; }
body .scrollToTop { background: var(--mh-deep); color: var(--mh-gold); box-shadow: none; }

/* ---------- footer ---------- */
body .footer-container { background: var(--mh-deep) !important; }
/* Elementor paints each footer band navy inline; one deep-green surface instead */
body .footer-container .elementor-top-section,
body .footer-container .elementor-top-section > .elementor-background-overlay {
	background: transparent !important;
}
body .footer-container .elementor-top-section + .elementor-top-section { border-top: 1px solid var(--mh-deep-line); }
body .footer-container .info-box-title,
body .footer-container .elementor-heading-title,
body .footer-container .title,
body .footer-container h1, body .footer-container h2,
body .footer-container h3, body .footer-container h4,
body .footer-container h5, body .footer-container .widget-title {
	font-family: var(--mh-serif) !important;
	font-weight: 500 !important;
	font-size: 21px !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--mh-on-deep) !important;
}
body .footer-container,
body .footer-container p,
body .footer-container li,
body .footer-container .info-box-content,
body .footer-container .info-box-inner,
body .footer-container .elementor-widget-text-editor,
body .footer-container .elementor-icon-list-text {
	color: var(--mh-on-deep-muted) !important;
}
body .footer-container a { color: var(--mh-on-deep-muted) !important; transition: color .2s ease; }
body .footer-container a:hover { color: var(--mh-gold) !important; }
body .footer-container .info-box-icon,
body .footer-container .info-box-icon *,
body .footer-container .elementor-icon,
body .footer-container .elementor-icon-list-icon i {
	color: var(--mh-gold) !important;
	fill: var(--mh-gold) !important;
}
/* the feature icons are dark line-art images; tint them to the logo gold */
body .footer-container .info-box-icon img {
	filter: brightness(0) saturate(100%) invert(80%) sepia(33%) saturate(640%) hue-rotate(345deg) brightness(97%);
}
/* same logo as the header, at header size */
body .footer-container .elementor-element-506683d img { width: 170px; height: auto; }

body .copyrights-wrapper {
	background: var(--mh-deep) !important;
	border-top: 1px solid var(--mh-deep-line) !important;
}
body .copyrights-wrapper, body .copyrights-wrapper * {
	color: var(--mh-on-deep-muted) !important;
	font-size: 12px;
	letter-spacing: .04em;
}

/* payment and shipping marks: gold line icons (markup from mh_marks in the mu-plugin) */
body .footer-container .mh-marks { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
body .footer-container .mh-mark {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin: 0;
	border: 1px solid var(--mh-deep-line);
	border-radius: 50%;
	color: var(--mh-gold) !important;
	transition: border-color .2s ease, background .2s ease;
}
body .footer-container .mh-mark:hover { border-color: var(--mh-gold); background: rgba(230, 179, 115, .08); }
body .footer-container .mh-mark svg { width: 20px; height: 20px; }

/* social: gold outline circles */
body .footer-container .wd-social-icons .wd-social-icon {
	background: transparent !important;
	border: 1px solid var(--mh-deep-line) !important;
	box-shadow: none !important;
	transition: border-color .2s ease, background .2s ease;
}
body .footer-container .wd-social-icons .wd-social-icon .wd-icon,
body .footer-container .wd-social-icons .wd-social-icon { color: var(--mh-gold) !important; }
body .footer-container .wd-social-icons .wd-social-icon:hover {
	background: var(--mh-gold) !important;
	border-color: var(--mh-gold) !important;
}
body .footer-container .wd-social-icons .wd-social-icon:hover .wd-icon { color: var(--mh-deep) !important; }

body .copyrights-wrapper a { color: var(--mh-gold) !important; }
body .copyrights-wrapper a:hover { color: var(--mh-on-deep) !important; }
body .copyrights-wrapper .mh-sep { margin: 0 8px; opacity: .5; }

/* header tool icons sit on dark green: outline circles, never white discs */
body .whb-header .wd-tools-element:not(.wd-header-sticky-nav) .wd-tools-icon {
	background: transparent !important;
	border: 1px solid var(--mh-deep-line) !important;
	color: var(--mh-on-deep) !important;
}
body .whb-header .wd-tools-element:not(.wd-header-sticky-nav) > a:hover .wd-tools-icon { border-color: var(--mh-gold) !important; color: var(--mh-gold) !important; }
body .whb-header .wd-header-sticky-nav .wd-tools-inner,
body .whb-header .wd-header-sticky-nav > a > :not(.wd-tools-icon) { background: transparent !important; }
body .whb-header .wd-header-sticky-nav > a { border: 1px solid var(--mh-deep-line) !important; border-radius: 999px; }

/* one left edge for header, page and footer: rail + the page gutter */
@media (min-width: 1025px) {
	body .whb-header .container,
	body .footer-container .elementor-top-section > .elementor-container,
	body .copyrights-wrapper > .container {
		max-width: none !important;
		padding-left: var(--mh-pad) !important;
		padding-right: var(--mh-pad) !important;
	}
	body .whb-header .container { padding-left: var(--mh-pad) !important; padding-right: var(--mh-pad) !important; }
	body .copyrights-wrapper > .container { padding-left: var(--mh-pad) !important; padding-right: var(--mh-pad) !important; }
}
/* store row: its icons are solid discs that turn into gold blobs under the tint; the titles carry it */
body .footer-container .elementor-element-ee8b148 .info-box-icon { display: none; }
@media (max-width: 1024px) {
	body .footer-container .elementor-top-section > .elementor-container { padding-left: calc(var(--mh-pad) - 10px) !important; padding-right: calc(var(--mh-pad) - 10px) !important; }
}
/* Woodmart's own footer container is boxed too; let the Elementor rows carry the shared padding */
body .footer-container > .main-footer { max-width: none !important; padding-left: 0 !important; padding-right: 0 !important; }
@media (min-width: 1025px) {
	body .copyrights-wrapper > .container { padding-left: calc(var(--mh-pad) + 15px) !important; padding-right: calc(var(--mh-pad) + 15px) !important; }
}

/* category menu line icons (svg.mh-ico from the mu-plugin) */
body .mh-ico { width: 24px; height: 24px; flex: none; color: var(--mh-gold); vertical-align: middle; }
body .wd-sticky-nav .mh-ico { width: 26px; height: 26px; }
/* the newsletter note's link is a theme "primary" (blue) span */
body .footer-container .color-primary { color: var(--mh-gold) !important; }
@media (max-width: 1024px) {
	body .footer-container .elementor-top-section { padding-left: var(--mh-gutter) !important; padding-right: var(--mh-gutter) !important; }
	body .footer-container .elementor-top-section > .elementor-container { padding-left: 0 !important; padding-right: 0 !important; }
}
