/**
 * Starter Adult Shop — CSS Variables (Theme Colors)
 * Dark mode = default, Light mode via body.sas-light
 */

/* ===== Dark Mode (default) ===== */
:root,
body.sas-dark {
	--sas-bg: #0e0a14;
	--sas-bg2: #1a1028;
	--sas-bg3: #150d20;
	--sas-card: linear-gradient(180deg, #1a1028 0%, #150d20 100%);
	--sas-card-flat: #1a1028;
	--sas-border: rgba(232, 98, 138, .08);
	--sas-border2: rgba(232, 98, 138, .15);
	--sas-border3: rgba(255, 255, 255, .06);
	--sas-accent: #e8628a;
	--sas-accent2: #d4507a;
	--sas-accent-hover: #f48ba6;
	--sas-accent-glow: rgba(232, 98, 138, .15);
	--sas-accent-glow2: rgba(232, 98, 138, .3);
	--sas-purple: #a855f7;
	--sas-text: #fff;
	--sas-text2: rgba(255, 255, 255, .7);
	--sas-text3: rgba(255, 255, 255, .5);
	--sas-text4: rgba(255, 255, 255, .4);
	--sas-text5: rgba(255, 255, 255, .35);
	--sas-text-muted: rgba(255, 255, 255, .15);
	--sas-shadow: rgba(0, 0, 0, .3);
	--sas-shadow2: rgba(0, 0, 0, .15);
	--sas-overlay: rgba(10, 6, 16, .85);
	--sas-card-hover-bg: rgba(232, 98, 138, .06);
	--sas-input-bg: rgba(255, 255, 255, .05);
	--sas-input-bg-focus: rgba(255, 255, 255, .08);
	--sas-danger: #ff6b6b;
	--sas-error-bg: rgba(229, 62, 62, .1);
	--sas-error-border: #e53e3e;
	--sas-error-text: #fca5a5;
	--sas-notice-bg: rgba(232, 98, 138, .08);
}

/* ===== Light Mode ===== */
body.sas-light,
:root.sas-light {
	--sas-bg: #f5f0f3;
	--sas-bg2: #fff;
	--sas-bg3: #faf7f9;
	--sas-card: linear-gradient(180deg, #fff 0%, #faf7f9 100%);
	--sas-card-flat: #fff;
	--sas-border: rgba(232, 98, 138, .12);
	--sas-border2: rgba(232, 98, 138, .2);
	--sas-border3: #f0dce4;
	--sas-accent: #e8628a;
	--sas-accent2: #d4507a;
	--sas-accent-hover: #f48ba6;
	--sas-accent-glow: rgba(232, 98, 138, .1);
	--sas-accent-glow2: rgba(232, 98, 138, .2);
	--sas-purple: #a855f7;
	--sas-text: #2d2235;
	--sas-text2: #5a4a62;
	--sas-text3: #7a6a82;
	--sas-text4: #9a8a9e;
	--sas-text5: #b0a0b5;
	--sas-text-muted: #e0d0e0;
	--sas-shadow: rgba(45, 34, 53, .08);
	--sas-shadow2: rgba(45, 34, 53, .05);
	--sas-overlay: rgba(245, 240, 243, .9);
	--sas-card-hover-bg: rgba(232, 98, 138, .04);
	--sas-input-bg: #fff;
	--sas-input-bg-focus: #fff;
	--sas-danger: #e53e3e;
	--sas-error-bg: #fff5f5;
	--sas-error-border: #e53e3e;
	--sas-error-text: #742a2a;
	--sas-notice-bg: #fdf5f8;
}

/* ===== Global mobile overflow fix ===== */
@media (max-width: 768px) {
	* { box-sizing: border-box !important; }
	/* WordPress alignwide/alignfull blocks must not overflow on mobile */
	.alignwide, .alignfull,
	.wp-block-woocommerce-cart.alignwide,
	.wp-block-woocommerce-checkout.alignwide {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
}