/**
 * Aridoro Marketplace design tokens — aligned with design/aridoro.html
 */

:root {
	--mkt-ivory: #FBF9F4;
	--mkt-cream: #F4EFE6;
	--mkt-sand: #EBE3D5;
	--mkt-ink: #2B241C;
	--mkt-ink-soft: #5C5344;
	--mkt-gold: #A9853F;
	--mkt-gold-soft: #C4A467;
	--mkt-line: rgba(43, 36, 28, 0.12);
	--mkt-footer-bg: #1E1810;

	--mkt-font-display: "Cormorant Garamond", Georgia, serif;
	--mkt-font-body: "Jost", Helvetica, Arial, sans-serif;

	--mkt-container: 1760px;
	--mkt-gutter: clamp(22px, 4.5vw, 80px);
	--mkt-transition: 0.35s ease;
	--mkt-header-height: 92px;

	/* Legacy aliases used by WooCommerce / checkout / account CSS */
	--aridoro-forest: #4A5142;
	--aridoro-cream: var(--mkt-cream);
	--aridoro-cream-light: var(--mkt-sand);
	--aridoro-white: #fff;
	--aridoro-brown: var(--mkt-ink-soft);
	--aridoro-brown-dark: var(--mkt-ink);
	--aridoro-black: var(--mkt-ink);
	--aridoro-gold: var(--mkt-gold);
	--aridoro-gold-light: var(--mkt-gold-soft);
	--aridoro-gray: var(--mkt-ink-soft);
	--aridoro-gray-light: var(--mkt-line);
	--aridoro-font-serif: var(--mkt-font-display);
	--aridoro-font-sans: var(--mkt-font-body);
	--aridoro-gutter: var(--mkt-gutter);
	--aridoro-radius: 2px;
	--aridoro-transition: var(--mkt-transition);
	--aridoro-header-offset: var(--mkt-header-height);
	--aridoro-store-page-bg: #F5F2ED;
	--aridoro-store-main-bg: #FFFFFF;
	--aridoro-store-sidebar-bg: #F7F1ED;
}

body.aridoro-marketplace-theme {
	font-family: var(--mkt-font-body);
	font-weight: 300;
	font-size: 16px;
	line-height: 1.7;
	color: var(--mkt-ink);
	background: var(--mkt-ivory);
	-webkit-font-smoothing: antialiased;
}

body.aridoro-marketplace-theme h1,
body.aridoro-marketplace-theme h2,
body.aridoro-marketplace-theme h3,
body.aridoro-marketplace-theme h4,
.elementor-widget-container h1,
.elementor-widget-container h2,
.elementor-widget-container h3,
.elementor-widget-container h4 {
	font-family: var(--mkt-font-display);
	font-weight: 400;
	line-height: 1.12;
	color: var(--mkt-ink);
}

body.aridoro-marketplace-theme h1,
.elementor-widget-container h1 {
	font-size: clamp(48px, 6.5vw, 88px);
	letter-spacing: 0.01em;
}

body.aridoro-marketplace-theme h2 {
	font-size: clamp(34px, 4.2vw, 54px);
}

body.aridoro-marketplace-theme h3 {
	font-size: 25px;
}

body.aridoro-marketplace-theme a:hover {
	color: var(--mkt-gold);
}

body.aridoro-marketplace-theme .mkt-container,
body.aridoro-marketplace-theme .mkt-wrap,
.elementor-widget-container .mkt-container,
.elementor-widget-container .mkt-wrap {
	width: 100%;
	max-width: var(--mkt-container);
	margin-inline: auto;
	padding-inline: var(--mkt-gutter);
}

body.aridoro-marketplace-theme .mkt-eyebrow,
.elementor-widget-container .mkt-eyebrow {
	font-size: 11px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: var(--mkt-gold);
	font-weight: 400;
	margin-bottom: 18px;
}

body.aridoro-marketplace-theme .mkt-lede,
.elementor-widget-container .mkt-lede {
	font-size: 17px;
	color: var(--mkt-ink-soft);
	max-width: 46ch;
}

body.aridoro-marketplace-theme .mkt-rule,
.elementor-widget-container .mkt-rule {
	width: 56px;
	height: 1px;
	background: var(--mkt-gold);
	margin: 30px 0;
}

body.aridoro-marketplace-theme .mkt-btn,
.elementor-widget-container .mkt-btn {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	font-weight: 400;
	padding: 17px 42px;
	border: 1px solid var(--mkt-ink);
	color: var(--mkt-ink);
	background: transparent;
	transition: all var(--mkt-transition);
	cursor: pointer;
}

body.aridoro-marketplace-theme .mkt-btn:hover,
.elementor-widget-container .mkt-btn:hover {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
}

body.aridoro-marketplace-theme .mkt-btn--solid,
.elementor-widget-container .mkt-btn--solid {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
}

body.aridoro-marketplace-theme .mkt-btn--solid:hover,
.elementor-widget-container .mkt-btn--solid:hover {
	background: var(--mkt-gold);
	border-color: var(--mkt-gold);
}

body.aridoro-marketplace-theme .mkt-btn--gold,
.elementor-widget-container .mkt-btn--gold {
	background: var(--mkt-gold);
	border-color: var(--mkt-gold);
	color: var(--mkt-ivory);
}

body.aridoro-marketplace-theme .mkt-btn--gold:hover,
.elementor-widget-container .mkt-btn--gold:hover {
	background: var(--mkt-ink);
	border-color: var(--mkt-ink);
}

body.aridoro-marketplace-theme .mkt-textlink,
.elementor-widget-container .mkt-textlink {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 12px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--mkt-ink);
	border-bottom: 1px solid var(--mkt-gold);
	padding-bottom: 6px;
}

body.aridoro-marketplace-theme .mkt-textlink:hover,
.elementor-widget-container .mkt-textlink:hover {
	color: var(--mkt-gold);
}

body.aridoro-marketplace-theme .mkt-section,
.elementor-widget-container .mkt-section {
	padding: clamp(76px, 10vw, 120px) 0;
}

body.aridoro-marketplace-theme .mkt-section-head,
.elementor-widget-container .mkt-section-head {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: clamp(42px, 5vw, 64px);
	gap: 30px;
	flex-wrap: wrap;
}

/* Shared layout utility for commerce templates */
.aridoro-container {
	width: 100%;
	max-width: var(--mkt-container);
	margin-inline: auto;
	padding-inline: var(--mkt-gutter);
}

/* WooCommerce form controls — shared across cart, checkout, account */
body.aridoro-marketplace-theme .woocommerce .selectbox,
body.aridoro-marketplace-theme .woocommerce select,
body.aridoro-marketplace-theme .aridoro-vendors-selectbox {
	border: 1px solid var(--mkt-line);
	padding: 12px 20px;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	background: transparent;
	color: var(--mkt-ink);
	outline: none;
	font-family: var(--mkt-font-body);
	cursor: pointer;
}

body.aridoro-marketplace-theme .woocommerce .button,
body.aridoro-marketplace-theme .woocommerce button.button,
body.aridoro-marketplace-theme .woocommerce input.button,
body.aridoro-marketplace-theme .woocommerce a.button {
	font-family: var(--mkt-font-body);
	font-size: 12px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	font-weight: 400;
	padding: 17px 42px;
	border: 1px solid var(--mkt-ink);
	border-radius: 0;
	background: transparent;
	color: var(--mkt-ink);
	transition: all var(--mkt-transition);
}

body.aridoro-marketplace-theme .woocommerce .button:hover,
body.aridoro-marketplace-theme .woocommerce button.button:hover,
body.aridoro-marketplace-theme .woocommerce input.button:hover,
body.aridoro-marketplace-theme .woocommerce a.button:hover {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
}

body.aridoro-marketplace-theme .woocommerce .button.alt,
body.aridoro-marketplace-theme .woocommerce #place_order {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
	border-color: var(--mkt-ink);
}

body.aridoro-marketplace-theme .woocommerce .button.alt:hover,
body.aridoro-marketplace-theme .woocommerce #place_order:hover {
	background: var(--mkt-gold);
	border-color: var(--mkt-gold);
	color: var(--mkt-ivory);
}

body.aridoro-marketplace-theme.aridoro-cart-page,
body.aridoro-marketplace-theme.aridoro-checkout-page,
body.aridoro-marketplace-theme.aridoro-thankyou-page {
	background: var(--mkt-ivory);
}

/* Fallback when checkout funnel classes are on body but not main (legacy shells) */
body.aridoro-marketplace-theme.aridoro-cart-page .aridoro-checkout-block-wrap,
body.aridoro-marketplace-theme.aridoro-checkout-page .aridoro-checkout-block-wrap,
body.aridoro-marketplace-theme.aridoro-thankyou-page .aridoro-checkout-block-wrap {
	width: 100%;
	max-width: 100%;
}

/* Shared button component — used on account, product, cart, checkout */
.aridoro-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.9rem 1.75rem;
	font-family: var(--mkt-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	line-height: 1.2;
	transition: background var(--mkt-transition), color var(--mkt-transition), border-color var(--mkt-transition);
}

.aridoro-btn:hover,
.aridoro-btn:focus {
	text-decoration: none;
}

.aridoro-btn--primary {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
	border-color: var(--mkt-ink);
}

.aridoro-btn--primary:hover,
.aridoro-btn--primary:focus {
	background: var(--mkt-gold);
	border-color: var(--mkt-gold);
	color: var(--mkt-ivory);
}

.aridoro-btn--outline {
	background: transparent;
	color: var(--mkt-ink);
	border-color: var(--mkt-ink);
}

.aridoro-btn--outline:hover,
.aridoro-btn--outline:focus {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
}

.aridoro-btn--dark {
	background: var(--mkt-ink);
	color: var(--mkt-ivory);
	border-color: var(--mkt-ink);
}

.aridoro-btn--dark:hover,
.aridoro-btn--dark:focus {
	background: var(--mkt-gold);
	border-color: var(--mkt-gold);
	color: var(--mkt-ivory);
}

.aridoro-btn--gold {
	background: var(--mkt-gold);
	color: var(--mkt-ivory);
	border-color: var(--mkt-gold);
}

.aridoro-btn--gold:hover,
.aridoro-btn--gold:focus {
	background: var(--mkt-ink);
	border-color: var(--mkt-ink);
	color: var(--mkt-ivory);
}
