/* Design tokens bridging to theme.json */
:root {
	--mc-radius: var(--wp--custom--brand--radius, 10px);
	--mc-shadow: var(--wp--custom--brand--shadow, 0 12px 40px rgba(0,0,0,.08));
	--mc-color-primary: var(--wp--preset--color--primary);
	--mc-color-accent: var(--wp--preset--color--accent);
	--mc-color-ink: var(--wp--preset--color--ink);
	--mc-color-paper: var(--wp--preset--color--paper);
	--mc-border: rgba(0,0,0,.08);
}

/* SureCart variable overrides (verify with DevTools) */
.sc-checkout, .sc-form, .sc-product, .sc-cart {
	--sc-color-primary: var(--mc-color-primary);
	--sc-control-radius: var(--mc-radius);
	--sc-control-border-color: rgba(0,0,0,.12);
}

/* Sticky CTA */
.mc-sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	transform: translateY(100%);
	transition: transform .25s ease;
	background: var(--mc-color-paper);
	box-shadow: 0 -6px 24px rgba(0,0,0,.08);
	padding: 12px 16px;
	z-index: 999;
}
.mc-sticky-cta.is-visible { transform: translateY(0); }
.mc-sticky-cta__inner {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
}
.mc-sticky-cta__title { font-weight: 600; }
.mc-sticky-cta__price { opacity: .8; }
.mc-sticky-cta .wp-element-button, .mc-sticky-cta .sc-button, .mc-sticky-cta button {
	background: var(--mc-color-primary);
	color: #fff;
	border-radius: var(--mc-radius);
	padding: 10px 16px;
}

/* Utility */
.mc-badge-row { display: flex; gap: 16px; flex-wrap: wrap; align-items: center; }
.mc-badge { border: 1px solid rgba(0,0,0,.08); border-radius: 999px; padding: 6px 10px; font-size: 13px; }

/* Cards */
.mc-card { background: var(--mc-color-paper); border-radius: var(--mc-radius); box-shadow: var(--mc-shadow); border: 1px solid var(--mc-border); }

/* Button style variations */
.is-style-primary-solid .wp-element-button { background: var(--mc-color-primary); color: #fff; border-color: var(--mc-color-primary); }
.is-style-primary-outline .wp-element-button { background: transparent; color: var(--mc-color-primary); border: 1.5px solid var(--mc-color-primary); }
.is-style-ghost .wp-element-button { background: transparent; color: var(--mc-color-ink); border: none; }

/* Video hero */
.mc-video-hero { position: relative; overflow: hidden; border-radius: 16px; box-shadow: var(--mc-shadow); }
.mc-video-hero video { width: 100%; height: 100%; object-fit: cover; display: block; }
.mc-video-hero__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.25), rgba(0,0,0,.45)); }
.mc-video-hero__content { position: absolute; inset: 0; display: grid; place-items: center; text-align: center; padding: 32px; color: #fff; }

/* Header polish */
.mc-header { position: sticky; top: 0; backdrop-filter: saturate(1.3) blur(6px); border-bottom: 1px solid var(--mc-border); }
.mc-header.is-scrolled { box-shadow: 0 8px 20px rgba(0,0,0,.06); }
.mc-minicart { color: var(--mc-color-ink); }
.mc-minicart:hover { opacity: .8; }

/* Section spacing and centering */
.mc-section { padding: 40px 0; }
.mc-center { margin-left: auto; margin-right: auto; }
.mc-text-center { text-align: center; }