/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* ---- Hauser Interiors brand tokens ---- */
:root {
	--hauser-navy: #1F2E42;
	--hauser-gold: #C89A69;
	--hauser-ivory: #F5F0E8;
	--hauser-warm-white: #FCFAF7;
	--hauser-slate: #334155;
	--hauser-charcoal: #111827;
}

/* ---- Body baseline ---- */
body { background-color: var(--hauser-warm-white); color: var(--hauser-charcoal); }
.entry-content, .post-content, .page-content { color: var(--hauser-charcoal); }
.entry-meta, .meta, .from_the_blog_meta { color: var(--hauser-slate); }

/* ---- Buttons: gold bg → navy text; navy bg → ivory text ---- */
.button.secondary,
.button.is-secondary,
button.secondary,
input[type="submit"].secondary { color: var(--hauser-navy) !important; background-color: var(--hauser-gold) !important; border-color: var(--hauser-gold) !important; }
.button.secondary:hover,
.button.is-secondary:hover { color: var(--hauser-navy) !important; background-color: #B58858 !important; border-color: #B58858 !important; }

.button.primary,
.button.is-primary { color: var(--hauser-navy) !important; }

.dark .button.primary,
.dark .button.is-primary,
[data-color="dark"] .button.primary,
.section-dark .button.primary { color: var(--hauser-warm-white) !important; background-color: var(--hauser-navy) !important; border-color: var(--hauser-navy) !important; }

/* ---- Dark sections + topbar/nav-bottom: ivory text ---- */
.dark, .dark p, .dark li, .dark a:not(.button),
.section-dark, .section-dark p, .section-dark li,
[data-color="dark"], [data-color="dark"] p, [data-color="dark"] li {
	color: var(--hauser-warm-white);
}
#top-bar, #top-bar a, #top-bar p { color: var(--hauser-warm-white) !important; }
.nav-dropdown-bold .nav-column li > a { color: var(--hauser-charcoal); }

/* ---- Header + bottom nav (navy) ---- */
.header-bottom-nav.nav > li > a,
.nav-vertical-fly-out > li.nav-item-mobile > a { color: var(--hauser-warm-white) !important; }
.header-bottom-nav.nav > li > a:hover,
.header-bottom-nav.nav > li.active > a { color: var(--hauser-gold) !important; }

/* ---- Headings: navy ---- */
h1, h2, h3, h4, h5, h6,
.heading-font, .alt-font { color: var(--hauser-navy); }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6,
[data-color="dark"] h1, [data-color="dark"] h2, [data-color="dark"] h3, [data-color="dark"] h4, [data-color="dark"] h5, [data-color="dark"] h6 { color: var(--hauser-warm-white); }

/* ---- Links ---- */
a { color: var(--hauser-gold); }
a:hover { color: #B58858; }
.dark a:not(.button), [data-color="dark"] a:not(.button) { color: var(--hauser-gold); }
.dark a:not(.button):hover, [data-color="dark"] a:not(.button):hover { color: var(--hauser-warm-white); }

/* ---- Footer ---- */
.footer-wrapper, #footer { background-color: var(--hauser-navy); color: var(--hauser-warm-white); }
.footer-wrapper a, #footer a, .absolute-footer a { color: var(--hauser-warm-white); }
.footer-wrapper a:hover, #footer a:hover, .absolute-footer a:hover { color: var(--hauser-gold); }
.absolute-footer { background-color: var(--hauser-navy); color: var(--hauser-warm-white); border-top: 1px solid rgba(255,255,255,0.08); }
.footer-secondary, .footer-secondary p { color: var(--hauser-warm-white); }

/* ---- Sale price tag (was Aurino red) ---- */
.onsale, .badge.onsale { background-color: var(--hauser-gold) !important; color: var(--hauser-navy) !important; }
ins .amount, .price ins .amount { color: var(--hauser-navy); }

/* ---- Forms ---- */
input:focus, textarea:focus, select:focus { border-color: var(--hauser-gold) !important; box-shadow: 0 0 0 3px rgba(200,154,105,0.15) !important; }

/* ---- Cart / account icons ---- */
.header-cart-icon strong, .header-cart-link span.cart-icon strong { background-color: var(--hauser-gold); color: var(--hauser-navy); }

@media only screen and (max-width: 48em) {
	/* Mobile-only refinements */
	.header-main, .header-bottom { background-color: var(--hauser-warm-white); }
}
