/**
 * Aura Page Builder — shared design tokens & section chrome
 *
 * Change typography / colors here once; all blocks pick them up.
 * Matches Trending Products as the visual source of truth.
 */

/* ---------- Design tokens ---------- */
.aura-trending-products,
.aura-vibe-cards,
.aura-video-slider,
.aura-reviews,
.aura-scroll-chips {
	--aura-pb-pink: #b37b82;
	--aura-pb-text: #1a1c1c;
	--aura-pb-muted: #6b6b6b;
	--aura-pb-link: #b37b82;
	--aura-pb-link-hover: #000000;
	--aura-pb-accent: #e8a0b0;
	--aura-pb-font: "Poppins", sans-serif;
	--aura-pb-gap: 16px;
	--aura-pb-container-pad-x: 16px;
	font-family: var(--aura-pb-font);
}

@media (min-width: 768px) {
	.aura-trending-products,
	.aura-vibe-cards,
	.aura-video-slider {
		--aura-pb-container-pad-x: 0px;
	}
}

@media (min-width: 1023px) {
	.aura-trending-products,
	.aura-vibe-cards,
	.aura-video-slider,
	.aura-reviews,
	.aura-scroll-chips {
		--aura-pb-gap: 40px;	
	}
}

/* Legacy per-block vars → shared tokens (block CSS keeps working) */
.aura-trending-products {
	--aura-tp-pink: var(--aura-pb-pink);
	--aura-tp-text: var(--aura-pb-text);
	--aura-tp-muted: var(--aura-pb-muted);
	--aura-tp-gap: var(--aura-pb-gap);
	--aura-tp-container-pad-x: var(--aura-pb-container-pad-x);
}

.aura-vibe-cards {
	--aura-vc-text: #ffffff;
	--aura-vc-gap: var(--aura-pb-gap);
	--aura-vc-container-pad-x: var(--aura-pb-container-pad-x);
}

.aura-video-slider {
	--aura-vs-text: var(--aura-pb-text);
	--aura-vs-muted: var(--aura-pb-muted);
	--aura-vs-gap: var(--aura-pb-gap);
	--aura-vs-container-pad-x: var(--aura-pb-container-pad-x);
}

.aura-reviews {
	--aura-rv-text: var(--aura-pb-text);
	--aura-rv-muted: var(--aura-pb-muted);
	--aura-rv-accent: var(--aura-pb-accent);
	--aura-rv-gap: var(--aura-pb-gap);
}

.aura-scroll-chips {
	--aura-sc-text: var(--aura-pb-text);
	--aura-sc-muted: var(--aura-pb-text);
}

/* ---------- Shared section header (Trending pattern) ---------- */
.aura-trending-products__header,
.aura-vibe-cards__header,
.aura-video-slider__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-bottom: 16px;
	text-align: center;
}

.aura-reviews__header {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-bottom: 28px;
	text-align: center;
}

.aura-trending-products__heading,
.aura-vibe-cards__heading,
.aura-video-slider__heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
}

.aura-trending-products__label,
.aura-vibe-cards__label,
.aura-video-slider__label {
	display: block;
	font-family: var(--aura-pb-font);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--aura-pb-muted);
	margin: 0 0 6px;
}

.aura-trending-products__title,
.aura-vibe-cards__title,
.aura-video-slider__title,
.aura-reviews__title {
	margin: 0;
	font-family: var(--aura-pb-font);
	font-size: clamp(1.7rem, 4vw, 2.5rem);
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.01em;
	color: var(--aura-pb-text);
	text-transform: uppercase;
}

.aura-trending-products__view-all,
.aura-vibe-cards__view-all,
.aura-video-slider__view-more {
	display: inline-block;
	font-family: var(--aura-pb-font);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: underline;
	color: var(--aura-pb-link);
	margin-top: 2px;
	white-space: nowrap;
}

.aura-trending-products__view-all:hover,
.aura-trending-products__view-all:focus,
.aura-vibe-cards__view-all:hover,
.aura-vibe-cards__view-all:focus,
.aura-video-slider__view-more:hover,
.aura-video-slider__view-more:focus {
	color: var(--aura-pb-link-hover);
}

.aura-reviews__subtitle {
	margin: 0;
	font-family: var(--aura-pb-font);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: var(--aura-pb-accent);
}

.aura-scroll-chips__title {
	font-family: var(--aura-pb-font);
	color: var(--aura-pb-text);
}

@media (min-width: 768px) {
	.aura-trending-products__header,
	.aura-vibe-cards__header,
	.aura-video-slider__header {
		/* flex-direction: row;
		align-items: flex-end;
		justify-content: space-between; */
		text-align: center;
		gap: 16px;
		margin-bottom: 20px;
	}

	.aura-trending-products__heading,
	.aura-vibe-cards__heading,
	.aura-video-slider__heading {
		flex: 1;
	}
/* 
	.aura-trending-products__view-all,
	.aura-vibe-cards__view-all,
	.aura-video-slider__view-more {
		margin-top: 0;
		align-self: flex-end;
	} */
}