/**
 * Zitex brand palette — only these five colors are defined as tokens.
 */
:root {
	/* Page background (light gold — tint of primary) */
	--zitex-bg: #F2EBD9;
	/* Olive — links, secondary UI */
	--zitex-secondary: #3D4938;
	/* Headings & text on gold buttons */
	--zitex-heading: #242620;
	/* Body copy */
	--zitex-text: #5E625B;
	/* Gold — primary CTA */
	--zitex-primary: #C3A848;

	--zitex-spacing-fold: 35px;
	--zitex-spacing-section: 60px;
	--zitex-radius-button: 4px;
	--zitex-radius-card: 8px;
	--zitex-shadow-card: 0 4px 24px rgba(36, 38, 32, 0.06);
	--zitex-btn-min-height: 44px;
	--zitex-font-fa-heading: Kalameh, kalameh, sans-serif;
	--zitex-font-fa-body: Vazirmatn, Vazir, Tahoma, Arial, sans-serif;
	--zitex-font-fa: var(--zitex-font-fa-body);
	--zitex-font-en: Montserrat, system-ui, -apple-system, "Segoe UI", sans-serif;
}

html {
	background-color: var(--zitex-bg);
}

body {
	background-color: var(--zitex-bg);
	color: var(--zitex-text);
}

/* Phlox + WooCommerce page shell */
#inner-body,
#main,
.aux-wrapper,
.aux-primary,
.aux-primary .content,
.woocommerce-page .content,
.site-main {
	background-color: var(--zitex-bg);
}

/* Elementor-built pages: replace default white section fills with site gold */
body:not(.elementor-editor-active).elementor-page .elementor-section {
	background-color: var(--zitex-bg) !important;
}

body:not(.elementor-editor-active).elementor-page .e-con.e-parent {
	background-color: var(--zitex-bg) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title {
	color: var(--zitex-heading);
}

/* Shared primary CTA button — gold fill, heading color label */
.zitex-btn,
.aux-button.aux-ball-blue,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .button,
.add_to_cart_button,
.single_add_to_cart_button,
.wc-block-components-button:not(.is-link),
.wp-block-button__link.add_to_cart_button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--zitex-btn-min-height);
	padding: 0.65em 1.35em;
	background-color: var(--zitex-primary) !important;
	border: 1px solid var(--zitex-primary) !important;
	border-radius: var(--zitex-radius-button);
	color: var(--zitex-heading) !important;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
	cursor: pointer;
}

.zitex-btn:hover,
.aux-button.aux-ball-blue:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .button:hover,
.add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.wc-block-components-button:not(.is-link):hover,
.wp-block-button__link.add_to_cart_button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover {
	background-color: color-mix(in srgb, var(--zitex-primary) 86%, var(--zitex-heading)) !important;
	border-color: color-mix(in srgb, var(--zitex-primary) 86%, var(--zitex-heading)) !important;
	color: var(--zitex-heading) !important;
}

.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.single_add_to_cart_button {
	background-color: var(--zitex-primary) !important;
	border-color: var(--zitex-primary) !important;
	color: var(--zitex-heading) !important;
}

a:not(.button):not(.add_to_cart_button):not(.wp-block-button__link):not(.zitex-btn) {
	color: var(--zitex-secondary);
}

a:not(.button):not(.add_to_cart_button):not(.wp-block-button__link):not(.zitex-btn):hover {
	color: var(--zitex-heading);
}