/*
 * Fashion + Luxury homepage editorial shells.
 *
 * Token-driven polish only — no hardcoded brand hex. Scoped under
 * body.prowp-homepage-theme-fashion / luxury and matching wrapper classes.
 * Logical properties for RTL/LTR. Motion respects prefers-reduced-motion.
 *
 * Fashion = editorial lookbook (sharp radius, letter-spaced heads, dual banners).
 * Luxury  = spacious premium (large rhythm, quiet type, generous section air).
 *
 * @package ProWPCommerce
 */

/* ── Fashion lookbook ─────────────────────────────────────── */
body.prowp-homepage-theme-fashion {
	--prowp-editorial-radius: 0;
	--prowp-editorial-hero-min: clamp(22rem, 58vh, 40rem);
	--prowp-editorial-section-gap: var(--prowp-spacing-section, var(--prowp-rhythm-medium, 2.5rem));
	--prowp-editorial-ink: var(--prowp-color-on-surface, var(--prowp-color-text));
	--prowp-editorial-muted: var(--prowp-color-text-muted, var(--prowp-text-muted));
	--prowp-editorial-accent: var(--prowp-color-accent, var(--prowp-brand-accent));
	--prowp-editorial-surface: var(--prowp-color-surface, var(--prowp-bg));
	--prowp-editorial-surface-alt: var(--prowp-color-surface-alt, var(--prowp-brand-light));
}

.prowp-homepage--theme-fashion {
	color: var(--prowp-editorial-ink);
}

.prowp-homepage--theme-fashion .prowp-homepage__section--hero {
	min-block-size: var(--prowp-editorial-hero-min);
}

.prowp-homepage--theme-fashion .prowp-homepage__section-title {
	font-family: var(--prowp-font-heading, var(--prowp-font-body, Georgia, "Times New Roman", serif));
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 500;
}

.prowp-homepage--theme-fashion .prowp-homepage__section-subtitle {
	color: var(--prowp-editorial-muted);
	max-inline-size: 42rem;
}

.prowp-homepage--theme-fashion .prowph-hero__badge,
.prowp-homepage--theme-fashion .prowp-announcement {
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.prowp-homepage--theme-fashion .prowph-hero__btn,
.prowp-homepage--theme-fashion .prowp-homepage-banner__cta,
.prowp-homepage--theme-fashion .prowp-newsletter__btn {
	border-radius: var(--prowp-editorial-radius);
}

.prowp-homepage--theme-fashion .prowp-homepage-banner,
.prowp-homepage--theme-fashion .prowp-product-card,
.prowp-homepage--theme-fashion .prowp-homepage-category {
	border-radius: var(--prowp-editorial-radius);
	overflow: hidden;
}

.prowp-homepage--theme-fashion .prowp-homepage__section--stats {
	padding-block: clamp(1.25rem, 3vw, 2rem);
	border-block: 1px solid color-mix(in srgb, var(--prowp-editorial-ink) 12%, transparent);
}

.prowp-homepage--theme-fashion .prowp-stats--divided .prowp-stat__value {
	font-family: var(--prowp-font-heading, Georgia, serif);
	font-weight: 500;
}

.prowp-homepage--theme-fashion .prowp-homepage__section--custom_content {
	background: var(--prowp-section-bg, var(--prowp-editorial-surface-alt));
}

.prowp-homepage--theme-fashion .prowp-homepage__section--instagram .prowp-homepage__section-title,
.prowp-homepage--theme-fashion .prowp-homepage__section--newsletter .prowp-homepage__section-title {
	text-align: center;
	margin-inline: auto;
}

.prowp-homepage--theme-fashion .prowp-homepage__section--newsletter .prowp-homepage__section-subtitle {
	text-align: center;
	margin-inline: auto;
}

/* ── Luxury premium ───────────────────────────────────────── */
body.prowp-homepage-theme-luxury {
	--prowp-luxury-radius: 2px;
	--prowp-luxury-hero-min: clamp(24rem, 62vh, 44rem);
	--prowp-luxury-ink: var(--prowp-color-on-surface, var(--prowp-color-text));
	--prowp-luxury-muted: var(--prowp-color-text-muted, var(--prowp-text-muted));
	--prowp-luxury-accent: var(--prowp-color-accent, var(--prowp-brand-accent));
	--prowp-luxury-surface: var(--prowp-color-surface, var(--prowp-bg));
	--prowp-luxury-surface-alt: var(--prowp-color-surface-alt, var(--prowp-brand-light));
}

.prowp-homepage--theme-luxury {
	color: var(--prowp-luxury-ink);
}

.prowp-homepage--theme-luxury .prowp-homepage__section--hero {
	min-block-size: var(--prowp-luxury-hero-min);
}

.prowp-homepage--theme-luxury .prowp-homepage__section-head {
	margin-block-end: clamp(1.75rem, 4vw, 3rem);
}

.prowp-homepage--theme-luxury .prowp-homepage__section-title {
	font-family: var(--prowp-font-heading, var(--prowp-font-body, Georgia, "Times New Roman", serif));
	font-weight: 400;
	letter-spacing: 0.02em;
	font-size: clamp(1.5rem, 2.4vw, 2.25rem);
}

.prowp-homepage--theme-luxury .prowp-homepage__section-subtitle {
	color: var(--prowp-luxury-muted);
	max-inline-size: 36rem;
	line-height: 1.7;
}

.prowp-homepage--theme-luxury .prowph-hero__heading {
	font-weight: 400;
	letter-spacing: 0.01em;
}

.prowp-homepage--theme-luxury .prowph-hero__btn--primary {
	border-radius: var(--prowp-luxury-radius);
	padding-inline: 1.75rem;
	min-block-size: 48px;
}

.prowp-homepage--theme-luxury .prowp-stats--minimal .prowp-stat {
	text-align: center;
	padding-block: 0.5rem;
}

.prowp-homepage--theme-luxury .prowp-stats--minimal .prowp-stat__value {
	font-family: var(--prowp-font-heading, Georgia, serif);
	font-weight: 400;
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}

.prowp-homepage--theme-luxury .prowp-homepage-category--editorial,
.prowp-homepage--theme-luxury .prowp-homepage-banner {
	border-radius: var(--prowp-luxury-radius);
}

.prowp-homepage--theme-luxury .prowp-homepage__section--banners .prowp-homepage-banner {
	min-block-size: clamp(16rem, 36vh, 28rem);
}

.prowp-homepage--theme-luxury .prowp-homepage__section--newsletter {
	background: var(--prowp-section-bg, var(--prowp-luxury-surface-alt));
}

.prowp-homepage--theme-luxury .prowp-product-card {
	border-radius: var(--prowp-luxury-radius);
}

/* ── Shared motion (tasteful, reduced-motion safe) ────────── */
@media (prefers-reduced-motion: no-preference) {
	.prowp-homepage--theme-fashion .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]),
	.prowp-homepage--theme-luxury .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]),
	body.prowp-homepage--fashion .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]),
	body.prowp-homepage--luxury .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]),
	body.prowp-homepage--beauty .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]) {
		opacity: 0;
		transform: translateY(10px);
		transition: opacity var(--prowp-dur-slow, 300ms) var(--prowp-ease-out),
			transform var(--prowp-dur-slow, 300ms) var(--prowp-ease-out);
	}

	.prowp-homepage--theme-fashion .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]).is-revealed,
	.prowp-homepage--theme-luxury .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]).is-revealed,
	body.prowp-homepage--fashion .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]).is-revealed,
	body.prowp-homepage--luxury .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]).is-revealed,
	body.prowp-homepage--beauty .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]).is-revealed {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.prowp-homepage--theme-fashion .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]),
	.prowp-homepage--theme-luxury .prowp-homepage__section.prowp-reveal:not([data-prowp-reveal]) {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}

/* ── Responsive ───────────────────────────────────────────── */
@media (max-width: 767px) {
	.prowp-homepage--theme-fashion .prowp-homepage__section--hero,
	.prowp-homepage--theme-luxury .prowp-homepage__section--hero {
		min-block-size: clamp(18rem, 70vh, 28rem);
	}

	.prowp-homepage--theme-fashion .prowp-homepage__section-title,
	.prowp-homepage--theme-luxury .prowp-homepage__section-title {
		letter-spacing: 0.02em;
	}
}