/*
 * Shared semantic-token bridge.
 * Loaded only after the administrator saves the new platform palette.
 */

.salonto-product,
.salonto-product-gate,
.salonto-product-notice,
.salonto-concern,
.salonto-concern-gate,
.salonto-concern-notice {
	--st-bg: var(--salonto-background);
	--st-surface: var(--salonto-surface);
	--st-cloud: var(--salonto-surface-muted);
	--st-soft: var(--salonto-surface-muted);
	--st-border: var(--salonto-border);
	--st-border-cool: var(--salonto-border);
	--st-primary: var(--salonto-primary);
	--st-primary-dark: var(--salonto-primary-hover);
	--st-primary-soft: var(--salonto-surface-muted);
	--st-ink: var(--salonto-text);
	--st-muted: var(--salonto-text-muted);
	--st-radius-sm: var(--salonto-radius-control, 12px);
	--st-radius-md: var(--salonto-radius-control, 12px);
	--st-radius-lg: var(--salonto-radius-card, 20px);
	--st-shadow: var(--salonto-shadow, 0 12px 32px rgba(23, 52, 58, .07));
}

.salonto-academy,
.salonto-academy-gate {
	--ac-bg: var(--salonto-background);
	--ac-surface: var(--salonto-surface);
	--ac-cloud: var(--salonto-surface-muted);
	--ac-soft: var(--salonto-surface-muted);
	--ac-border: var(--salonto-border);
	--ac-primary: var(--salonto-primary);
	--ac-dark: var(--salonto-text);
	--ac-ink: var(--salonto-text);
	--ac-muted: var(--salonto-text-muted);
}

.salonto-account {
	--sa-bg: var(--salonto-background);
	--sa-surface: var(--salonto-surface);
	--sa-cloud: var(--salonto-surface-muted);
	--sa-soft: var(--salonto-surface-muted);
	--sa-border: var(--salonto-border);
	--sa-border-cool: var(--salonto-border);
	--sa-primary: var(--salonto-primary);
	--sa-primary-dark: var(--salonto-primary-hover);
	--sa-navy: var(--salonto-text);
	--sa-ink: var(--salonto-text);
	--sa-muted: var(--salonto-text-muted);
	--sa-success: var(--salonto-success);
	--sa-warning: var(--salonto-warning);
	--sa-danger: var(--salonto-danger, #8a6114);
}

.salonto-blog-archive,
.salonto-blog-single {
	--b-bg: var(--salonto-background);
	--b-surface: var(--salonto-surface);
	--b-cloud: var(--salonto-surface-muted);
	--b-soft: var(--salonto-surface-muted);
	--b-border: var(--salonto-border);
	--b-primary: var(--salonto-primary);
	--b-dark: var(--salonto-text);
	--b-muted: var(--salonto-text-muted);
}

.salonto-concerns-archive,
.salonto-concerns-gate {
	--ca-bg: var(--salonto-background);
	--ca-surface: var(--salonto-surface);
	--ca-cloud: var(--salonto-surface-muted);
	--ca-soft: var(--salonto-surface-muted);
	--ca-border: var(--salonto-border);
	--ca-primary: var(--salonto-primary);
	--ca-dark: var(--salonto-text);
	--ca-muted: var(--salonto-text-muted);
}

.salonto-content-archive {
	--ca-navy: var(--salonto-text);
	--ca-dark: var(--salonto-text);
	--ca-teal: var(--salonto-primary);
	--ca-muted: var(--salonto-text-muted);
	--ca-cloud: var(--salonto-surface-muted);
	--ca-border: var(--salonto-border);
	--ca-warm: var(--salonto-background);
}

.salonto-customer-training,
.salonto-customer-training-gate {
	--ct-bg: var(--salonto-background);
	--ct-surface: var(--salonto-surface);
	--ct-cloud: var(--salonto-surface-muted);
	--ct-soft: var(--salonto-surface-muted);
	--ct-border: var(--salonto-border);
	--ct-primary: var(--salonto-primary);
	--ct-dark: var(--salonto-text);
	--ct-ink: var(--salonto-text);
	--ct-muted: var(--salonto-text-muted);
}

.salonto-global-search {
	--sgs-navy: var(--salonto-text);
	--sgs-teal: var(--salonto-primary);
	--sgs-teal-dark: var(--salonto-primary-hover);
	--sgs-soft: var(--salonto-surface-muted);
	--sgs-bg: var(--salonto-background);
	--sgs-border: var(--salonto-border);
	--sgs-muted: var(--salonto-text-muted);
}

.salonto-growth-archive,
.salonto-growth-gate {
	--ga-bg: var(--salonto-background);
	--ga-surface: var(--salonto-surface);
	--ga-cloud: var(--salonto-surface-muted);
	--ga-soft: var(--salonto-surface-muted);
	--ga-border: var(--salonto-border);
	--ga-primary: var(--salonto-primary);
	--ga-dark: var(--salonto-text);
	--ga-ink: var(--salonto-text);
	--ga-muted: var(--salonto-text-muted);
}

.salonto-home {
	--sh-bg: var(--salonto-background);
	--sh-surface: var(--salonto-surface);
	--sh-cloud: var(--salonto-surface-muted);
	--sh-soft: var(--salonto-surface-muted);
	--sh-border: var(--salonto-border);
	--sh-border-cool: var(--salonto-border);
	--sh-primary: var(--salonto-primary);
	--sh-primary-dark: var(--salonto-primary-hover);
	--sh-navy: var(--salonto-text);
	--sh-ink: var(--salonto-text);
	--sh-muted: var(--salonto-text-muted);
}

.salonto-learning-progress {
	--slp-navy: var(--salonto-text);
	--slp-primary: var(--salonto-primary);
	--slp-primary-dark: var(--salonto-primary-hover);
	--slp-surface: var(--salonto-surface);
	--slp-soft: var(--salonto-surface-muted);
	--slp-border: var(--salonto-border);
	--slp-muted: var(--salonto-text-muted);
}

.salonto-lesson-single,
.salonto-lesson-single--notice {
	--sls-bg: var(--salonto-background);
	--sls-surface: var(--salonto-surface);
	--sls-cloud: var(--salonto-surface-muted);
	--sls-soft: var(--salonto-surface-muted);
	--sls-border: var(--salonto-border);
	--sls-primary: var(--salonto-primary);
	--sls-primary-dark: var(--salonto-primary-hover);
	--sls-dark: var(--salonto-text);
	--sls-ink: var(--salonto-text);
	--sls-muted: var(--salonto-text-muted);
}

:root,
[data-salonto-notifications-root],
.salonto-notification-center {
	--sn-navy: var(--salonto-text);
	--sn-teal: var(--salonto-primary);
	--sn-soft: var(--salonto-surface-muted);
	--sn-line: var(--salonto-border);
	--sn-text: var(--salonto-text);
	--sn-muted: var(--salonto-text-muted);
	--sn-bg: var(--salonto-surface);
}

.salonto-onboarding-modal,
.salonto-onboarding-inline,
.salonto-onboarding-launcher,
.salonto-guided-empty,
.salonto-onboarding-account {
	--salonto-onboard-navy: var(--salonto-text);
	--salonto-onboard-navy-deep: var(--salonto-text);
	--salonto-onboard-teal: var(--salonto-primary);
	--salonto-onboard-teal-soft: var(--salonto-surface-muted);
	--salonto-onboard-bg: var(--salonto-background);
	--salonto-onboard-card: var(--salonto-surface);
	--salonto-onboard-border: var(--salonto-border);
	--salonto-onboard-text: var(--salonto-text);
	--salonto-onboard-muted: var(--salonto-text-muted);
}

.salonto-products-archive,
.salonto-products-gate {
	--pa-bg: var(--salonto-background);
	--pa-surface: var(--salonto-surface);
	--pa-cloud: var(--salonto-surface-muted);
	--pa-soft: var(--salonto-surface-muted);
	--pa-border: var(--salonto-border);
	--pa-primary: var(--salonto-primary);
	--pa-dark: var(--salonto-text);
	--pa-muted: var(--salonto-text-muted);
}

.salonto-results-archive,
.salonto-results-gate {
	--ra-bg: var(--salonto-background);
	--ra-surface: var(--salonto-surface);
	--ra-cloud: var(--salonto-surface-muted);
	--ra-soft: var(--salonto-surface-muted);
	--ra-border: var(--salonto-border);
	--ra-primary: var(--salonto-primary);
	--ra-dark: var(--salonto-text);
	--ra-muted: var(--salonto-text-muted);
	--ra-radius: var(--salonto-radius-card, 20px);
}

.salonto-support {
	--ss-navy: var(--salonto-text);
	--ss-navy-2: var(--salonto-text);
	--ss-teal: var(--salonto-primary);
	--ss-teal-soft: var(--salonto-surface-muted);
	--ss-bg: var(--salonto-background);
	--ss-card: var(--salonto-surface);
	--ss-text: var(--salonto-text);
	--ss-muted: var(--salonto-text-muted);
	--ss-border: var(--salonto-border);
}

.salonto-team-learning {
	--stl-navy: var(--salonto-text);
	--stl-teal: var(--salonto-primary);
	--stl-teal-dark: var(--salonto-primary-hover);
	--stl-soft: var(--salonto-surface-muted);
	--stl-bg: var(--salonto-background);
	--stl-card: var(--salonto-surface);
	--stl-border: var(--salonto-border);
	--stl-muted: var(--salonto-text-muted);
}

.salonto-download-overview {
	border-color: var(--salonto-border);
	background: var(--salonto-surface);
	color: var(--salonto-text);
}

.salonto-download-overview__summary > span,
.salonto-download-overview__progress span {
	color: var(--salonto-primary);
	background-color: var(--salonto-primary);
}

.salonto-saved-action {
	border-color: var(--salonto-border);
	background: var(--salonto-surface);
	color: var(--salonto-text);
}

.salonto-saved-action:hover,
.salonto-saved-action:focus-visible,
.salonto-saved-action.is-saved {
	border-color: var(--salonto-primary);
	background: var(--salonto-surface-muted);
	color: var(--salonto-text);
}

/*
 * Unified minimal editorial layer.
 *
 * Product, concern and results keep their own information architecture while
 * sharing the same canvas, type rhythm, controls and restrained "care line".
 */
:is(.salonto-product, .salonto-concern, .salonto-results-archive) {
	position: relative;
	isolation: isolate;
	padding: var(--salonto-section-pad, clamp(18px, 2.6vw, 28px));
	color: var(--salonto-text);
	background: var(--salonto-background);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-card, 20px);
	font-family: var(--salonto-font, inherit);
	line-height: 1.9;
}

:is(.salonto-product, .salonto-concern, .salonto-results-archive)::before {
	position: absolute;
	z-index: 3;
	top: -1px;
	right: clamp(24px, 5vw, 64px);
	width: clamp(56px, 8vw, 92px);
	height: 3px;
	content: "";
	background: var(--salonto-accent, var(--salonto-primary));
	border-radius: 0 0 99px 99px;
	pointer-events: none;
}

:is(.salonto-product__card, .salonto-concern__card, .salonto-results-archive__hero, .salonto-result-card) {
	background: var(--salonto-surface);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-card, 20px);
	box-shadow: var(--salonto-shadow, 0 12px 32px rgba(23, 52, 58, .07));
}

:is(.salonto-product__hero, .salonto-concern__overview, .salonto-results-archive__hero) {
	padding: var(--salonto-section-pad, clamp(18px, 2.6vw, 28px));
}

:is(.salonto-product__title, .salonto-concern__heading h1, .salonto-results-archive__hero h1) {
	max-width: 18ch;
	color: var(--salonto-text) !important;
	text-wrap: balance;
}

:is(.salonto-product__eyebrow, .salonto-concern__eyebrow, .salonto-results-archive__eyebrow) {
	width: fit-content;
	color: var(--salonto-primary-hover) !important;
	background: var(--salonto-accent-soft) !important;
	border-color: color-mix(in srgb, var(--salonto-accent) 32%, var(--salonto-border)) !important;
	border-radius: 999px;
}

:is(.salonto-product__lead, .salonto-concern__lead, .salonto-concern__richtext, .salonto-results-archive__hero p, .salonto-result-card__description) {
	color: var(--salonto-text-muted) !important;
}

:is(.salonto-product__profile, .salonto-concern__variant-picker, .salonto-gallery__main, .salonto-concern__video-frame, .salonto-concern__video-empty, .salonto-results-archive__stats div) {
	background: var(--salonto-surface-muted);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-control, 12px);
}

:is(.salonto-product__profile-item, .salonto-concern__product-card, .salonto-result-card) {
	background: var(--salonto-surface);
	border-color: var(--salonto-border);
}

:is(.salonto-product__tabs, .salonto-concern__tabs, .salonto-results-filter__types) {
	background: var(--salonto-surface-muted);
	border-color: var(--salonto-border);
	border-radius: calc(var(--salonto-radius-control, 12px) + 4px);
}

:is(.salonto-product__tab.is-active, .salonto-product__tab[aria-selected="true"], .salonto-concern__tab.is-active, .salonto-concern__tab[aria-selected="true"], .salonto-results-filter__type.is-active) {
	color: #fff !important;
	background: var(--salonto-primary) !important;
	border-color: var(--salonto-primary) !important;
	box-shadow: none !important;
}

:is(.salonto-product, .salonto-concern, .salonto-results-archive)
	:is(button, input, select, textarea, .salonto-product__capsule, .salonto-concern__variant) {
	border-radius: var(--salonto-radius-control, 12px) !important;
	font-family: var(--salonto-font, inherit) !important;
}

:is(.salonto-product, .salonto-concern, .salonto-results-archive)
	:is(button, input, select, textarea, a):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--salonto-focus) 28%, transparent) !important;
	outline-offset: 2px;
}

:is(.salonto-results-filter__submit, .salonto-results-filter-toggle, .salonto-results-gate a) {
	color: #fff !important;
	background: var(--salonto-primary) !important;
	border-color: var(--salonto-primary) !important;
}

.salonto-result-card__audio {
	background: var(--salonto-surface-muted);
}

:is(.salonto-result-card__badge, .salonto-result-card__links a) {
	color: var(--salonto-primary-hover) !important;
	background: var(--salonto-accent-soft) !important;
	border-color: color-mix(in srgb, var(--salonto-accent) 28%, var(--salonto-border)) !important;
}

@media (hover: hover) and (pointer: fine) {
	:is(.salonto-concern__product-card, .salonto-result-card) {
		transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
	}

	:is(.salonto-concern__product-card, .salonto-result-card):hover {
		transform: translateY(-2px);
		border-color: color-mix(in srgb, var(--salonto-primary) 34%, var(--salonto-border));
		box-shadow: 0 16px 36px color-mix(in srgb, var(--salonto-text) 8%, transparent);
	}
}

@media (max-width: 782px) {
	:is(.salonto-product, .salonto-concern, .salonto-results-archive) {
		padding: 10px;
		border-radius: calc(var(--salonto-radius-card, 20px) - 2px);
	}

	:is(.salonto-product__title, .salonto-concern__heading h1, .salonto-results-archive__hero h1) {
		max-width: none;
	}

	:is(.salonto-product__hero, .salonto-concern__overview, .salonto-results-archive__hero) {
		padding: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	:is(.salonto-product, .salonto-concern, .salonto-results-archive) *,
	:is(.salonto-product, .salonto-concern, .salonto-results-archive) *::before,
	:is(.salonto-product, .salonto-concern, .salonto-results-archive) *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* v1.2 — complete system bridge for every Salonto workspace. */
:is(
	.salonto-academy,
	.salonto-account,
	.salonto-blog-archive,
	.salonto-blog-single,
	.salonto-concern,
	.salonto-concerns-archive,
	.salonto-content-archive,
	.salonto-customer-training,
	.salonto-global-search,
	.salonto-growth-archive,
	.salonto-growth-single,
	.salonto-home,
	.salonto-lesson-single,
	.salonto-products-archive,
	.salonto-results-archive,
	.salonto-support,
	.salonto-team-learning
) {
	min-width: 0;
	max-width: 100%;
	color: var(--salonto-text);
	font-family: var(--salonto-font, inherit) !important;
}

:is(
	.salonto-academy,
	.salonto-account,
	.salonto-concerns-archive,
	.salonto-content-archive,
	.salonto-customer-training,
	.salonto-growth-archive,
	.salonto-products-archive,
	.salonto-results-archive,
	.salonto-team-learning
) {
	position: relative;
	width: min(1180px, 100%);
	margin-inline: auto;
	padding: var(--salonto-section-pad);
	overflow: clip;
	background: var(--salonto-background);
	border: 1px solid var(--salonto-border);
	border-radius: var(--salonto-radius-card);
}

:is(
	.salonto-academy,
	.salonto-account,
	.salonto-concerns-archive,
	.salonto-content-archive,
	.salonto-customer-training,
	.salonto-growth-archive,
	.salonto-products-archive,
	.salonto-results-archive,
	.salonto-team-learning
)::before {
	position: absolute;
	z-index: 5;
	top: -1px;
	right: clamp(24px, 5vw, 64px);
	width: clamp(56px, 8vw, 92px);
	height: 3px;
	content: "";
	background: var(--salonto-accent);
	border-radius: 0 0 99px 99px;
	pointer-events: none;
}

:is(
	.salonto-academy__hero,
	.salonto-account-hero,
	.salonto-concerns-archive__hero,
	.salonto-content-archive__hero,
	.salonto-customer-training__hero,
	.salonto-growth-hero,
	.salonto-products-archive__hero,
	.salonto-results-archive__hero,
	.salonto-team-learning__hero
) {
	min-width: 0;
	padding: var(--salonto-section-pad);
	background: var(--salonto-surface);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-card);
	box-shadow: var(--salonto-shadow);
}

:is(
	.salonto-academy__hero-copy,
	.salonto-account-hero__copy,
	.salonto-concerns-archive__hero-copy,
	.salonto-content-archive__hero-copy,
	.salonto-products-archive__hero-copy,
	.salonto-results-archive__hero-copy,
	.salonto-team-learning__hero > div
) {
	min-width: 0;
	max-width: 100%;
}

:is(
	.salonto-academy__hero h1,
	.salonto-account-hero__copy h1,
	.salonto-concerns-archive__hero h1,
	.salonto-content-archive__hero h1,
	.salonto-customer-training__hero h1,
	.salonto-growth-hero h1,
	.salonto-products-archive__hero h1,
	.salonto-results-archive__hero h1,
	.salonto-team-learning__hero h1
) {
	position: static !important;
	display: block !important;
	width: auto !important;
	max-width: 20ch !important;
	min-height: 0 !important;
	margin: 4px 0 8px !important;
	padding: 0 !important;
	color: var(--salonto-text) !important;
	white-space: normal !important;
	overflow-wrap: anywhere;
	text-wrap: balance;
}

:is(
	.salonto-academy__eyebrow,
	.salonto-account-eyebrow,
	.salonto-concerns-archive__eyebrow,
	.salonto-content-archive__eyebrow,
	.salonto-products-archive__eyebrow,
	.salonto-results-archive__eyebrow,
	.salonto-team-learning__eyebrow
) {
	color: var(--salonto-primary) !important;
}

:is(
	.salonto-academy__hero p,
	.salonto-account-hero__copy p,
	.salonto-concerns-archive__hero p,
	.salonto-content-archive__hero p,
	.salonto-products-archive__hero p,
	.salonto-results-archive__hero p,
	.salonto-team-learning__hero p
) {
	max-width: 68ch;
	color: var(--salonto-text-muted) !important;
}

:is(
	.salonto-academy__section,
	.salonto-academy__note,
	.salonto-account-card,
	.salonto-concerns-browser,
	.salonto-concern-card,
	.salonto-content-filter,
	.salonto-content-tabs,
	.salonto-content-card,
	.salonto-customer-training-card,
	.salonto-growth-card,
	.salonto-products-filter,
	.salonto-product-card,
	.salonto-result-card,
	.salonto-team-learning-card,
	.salonto-team-member,
	.salonto-support-form,
	.salonto-support-reply
) {
	background: var(--salonto-surface);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-card);
	box-shadow: var(--salonto-shadow);
}

:is(
	.salonto-academy__stat,
	.salonto-account-stat,
	.salonto-concerns-archive__stat,
	.salonto-content-archive__stat,
	.salonto-products-archive__stat,
	.salonto-results-archive__stats div,
	.salonto-team-learning-stat,
	.salonto-team-member__stats span
) {
	background: var(--salonto-surface-muted);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-control);
}

:is(
	.salonto-academy,
	.salonto-account,
	.salonto-concerns-archive,
	.salonto-content-archive,
	.salonto-customer-training,
	.salonto-growth-archive,
	.salonto-products-archive,
	.salonto-results-archive,
	.salonto-team-learning
) :is(button, input, select, textarea) {
	min-height: var(--salonto-control-height);
	border-radius: var(--salonto-radius-control) !important;
	font-family: var(--salonto-font, inherit) !important;
}

:is(
	.salonto-academy,
	.salonto-account,
	.salonto-concerns-archive,
	.salonto-content-archive,
	.salonto-customer-training,
	.salonto-growth-archive,
	.salonto-products-archive,
	.salonto-results-archive,
	.salonto-team-learning
) :is(a, button, input, select, textarea):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--salonto-focus) 28%, transparent) !important;
	outline-offset: 2px;
}

/* Academy title and stat grid remain stable inside Elementor containers. */
.salonto-academy__hero {
	grid-template-columns: minmax(0, 1fr) minmax(360px, auto);
	align-items: end;
}

.salonto-academy__stats {
	width: min(100%, 430px);
	min-width: 0;
}

.salonto-academy__branch,
.salonto-academy-card {
	min-width: 0;
	background: var(--salonto-surface);
	border-color: var(--salonto-border);
	border-radius: var(--salonto-radius-card);
	box-shadow: var(--salonto-shadow);
}

/* Account: hard overflow guards plus container-aware layout collapse. */
.salonto-account {
	overflow: clip;
}

.salonto-account :is(img, video, iframe, table) {
	max-width: 100%;
}

.salonto-account :is(
	.salonto-account-hero__identity,
	.salonto-account-hero__actions,
	.salonto-account__layout,
	.salonto-account__main,
	.salonto-account__aside,
	.salonto-account-section,
	.salonto-account-aside-card,
	.salonto-account-actions,
	.salonto-account-learning-list,
	.salonto-account-download-list,
	.salonto-account-profile-list,
	.salonto-account-code
) {
	min-width: 0;
	max-width: 100%;
}

.salonto-account :is(strong, small, span, p, a) {
	overflow-wrap: anywhere;
}

.salonto-account-card {
	border-radius: var(--salonto-radius-card);
	box-shadow: var(--salonto-shadow);
}

.salonto-account :is(
	.salonto-account-button,
	.salonto-account-actions > a,
	.salonto-account-learning-list > a,
	.salonto-account-download,
	.salonto-account-profile-list > div,
	.salonto-account-code,
	.salonto-account-wide-link,
	.salonto-account-share,
	.salonto-account-help-links > a
) {
	border-radius: var(--salonto-radius-control);
}

/* Product cards: fewer, wider columns and compact metadata. */
.salonto-products-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	align-items: stretch;
}

.salonto-product-card {
	height: 100%;
	min-height: 0;
	overflow: hidden;
}

.salonto-product-card__image {
	height: 220px;
	padding: 12px;
	background: var(--salonto-surface-muted);
}

.salonto-product-card__body {
	min-height: 0;
	padding: var(--salonto-card-pad);
}

.salonto-product-card__title {
	display: -webkit-box;
	min-height: 3.4em;
	margin-bottom: 8px;
	color: var(--salonto-text);
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.salonto-product-card__meta {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 6px;
	margin-top: 8px;
}

.salonto-product-card__meta > div {
	min-height: 48px;
	padding: 7px 9px;
	background: var(--salonto-surface-muted);
	border: 1px solid var(--salonto-border);
	border-radius: var(--salonto-radius-control);
}

.salonto-product-card__meta-concern {
	grid-column: 1 / -1;
	min-height: 48px !important;
}

/* Content bank and team management now share the same shell language. */
.salonto-content-tabs,
.salonto-team-detail__catalog-tabs {
	background: var(--salonto-surface-muted);
	border-color: var(--salonto-border);
	border-radius: calc(var(--salonto-radius-control) + 4px);
}

:is(.salonto-content-tabs button.is-active, .salonto-team-detail__catalog-tabs button.is-active) {
	color: #fff !important;
	background: var(--salonto-primary) !important;
	border-color: var(--salonto-primary) !important;
	box-shadow: none !important;
}

.salonto-content-card__body,
.salonto-team-member {
	padding: var(--salonto-card-pad);
}

.salonto-content-card__action,
.salonto-team-member > button,
.salonto-team-learning__filters button {
	border-radius: var(--salonto-radius-control) !important;
}

@media (max-width: 1024px) {
	.salonto-academy__hero {
		grid-template-columns: 1fr;
	}

	.salonto-products-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.salonto-account__layout {
		grid-template-columns: 1fr;
	}

	.salonto-account__aside {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 782px) {
	:is(
		.salonto-academy,
		.salonto-account,
		.salonto-concerns-archive,
		.salonto-content-archive,
		.salonto-customer-training,
		.salonto-growth-archive,
		.salonto-products-archive,
		.salonto-results-archive,
		.salonto-team-learning
	) {
		padding: 10px 10px 88px;
		border-radius: calc(var(--salonto-radius-card) - 2px);
	}

	:is(
		.salonto-academy__hero h1,
		.salonto-account-hero__copy h1,
		.salonto-concerns-archive__hero h1,
		.salonto-content-archive__hero h1,
		.salonto-products-archive__hero h1,
		.salonto-results-archive__hero h1,
		.salonto-team-learning__hero h1
	) {
		max-width: none !important;
	}

	.salonto-account-hero {
		flex-direction: column;
		align-items: stretch;
	}

	.salonto-account-hero__actions {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.salonto-account__aside {
		grid-template-columns: 1fr;
	}

	.salonto-account-actions {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 620px) {
	.salonto-products-grid {
		grid-template-columns: 1fr;
	}

	.salonto-product-card {
		display: grid;
		grid-template-columns: minmax(112px, 34%) minmax(0, 1fr);
		align-items: stretch;
	}

	.salonto-product-card .salonto-card-media-wrap {
		min-width: 0;
		height: 100%;
	}

	.salonto-product-card__image {
		height: 100%;
		min-height: 190px;
		padding: 8px;
	}

	.salonto-product-card__body {
		padding: 12px;
	}

	.salonto-product-card__meta {
		grid-template-columns: 1fr;
	}

	.salonto-product-card__meta-concern {
		grid-column: auto;
	}

	.salonto-account-hero__identity {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		align-items: start;
	}

	.salonto-account-hero__actions {
		grid-template-columns: 1fr;
	}

	.salonto-account-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.salonto-account-code {
		flex-wrap: wrap;
	}

	.salonto-account-code button {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 420px) {
	.salonto-product-card {
		grid-template-columns: 104px minmax(0, 1fr);
	}

	.salonto-product-card__image {
		min-height: 176px;
	}

	.salonto-account-stats {
		grid-template-columns: 1fr;
	}

	.salonto-account-stat {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr);
		text-align: right;
	}

	.salonto-account-stat__icon {
		margin: 0;
	}
}

/* v1.33.1 — archive-card regression guard.
 * Keep every product card at its intrinsic height.  The stronger archive
 * selector intentionally wins over the legacy two-column mobile rules. */
.salonto-products-archive .salonto-products-grid {
	align-items: start !important;
	grid-auto-rows: auto !important;
}

.salonto-products-archive .salonto-product-card {
	height: auto !important;
	min-height: 0 !important;
	align-self: start !important;
}

.salonto-products-archive .salonto-product-card .salonto-card-media-wrap,
.salonto-products-archive .salonto-product-card__body {
	height: auto !important;
	min-height: 0 !important;
}

@media (max-width: 782px) {
	.salonto-products-archive .salonto-products-grid {
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 12px !important;
	}

	.salonto-products-archive .salonto-product-card {
		display: grid !important;
		grid-template-columns: minmax(118px, 34%) minmax(0, 1fr) !important;
		align-items: start !important;
	}

	.salonto-products-archive .salonto-product-card .salonto-card-media-wrap {
		min-width: 0 !important;
	}

	.salonto-products-archive .salonto-product-card__image {
		height: 190px !important;
		min-height: 190px !important;
		padding: 9px !important;
	}

	.salonto-products-archive .salonto-product-card__body {
		align-self: stretch;
		padding: 12px !important;
	}

	.salonto-products-archive .salonto-product-card__title {
		min-height: 0;
		font-size: 14px;
	}

	.salonto-products-archive .salonto-product-card__meta {
		grid-template-columns: 1fr !important;
		margin-top: 6px;
	}
}

@media (max-width: 420px) {
	.salonto-products-archive .salonto-product-card {
		grid-template-columns: 108px minmax(0, 1fr) !important;
	}

	.salonto-products-archive .salonto-product-card__image {
		height: 176px !important;
		min-height: 176px !important;
	}
}

/* ---------------------------------------------------------------------------
 * تکمیل پوشش فضاهای نام — افزوده در نسخهٔ یکدست‌سازی.
 * این توکن‌ها مصرف می‌شدند اما تعریف نشده بودند و به مقدار اولیهٔ مرورگر
 * می‌افتادند؛ همین یکی از دلایل ناهماهنگی بین صفحات بود.
 * ------------------------------------------------------------------------ */
:root {
	--sls-accent: var(--salonto-primary);

	/* نوار کناری دسکتاپ — پیش‌فرض تا وقتی PHP مقدار کاربر را تزریق کند */
	--sdsb-bg:           var(--salonto-surface);
	--sdsb-soft:         var(--salonto-surface-muted);
	--sdsb-border:       var(--salonto-border);
	--sdsb-primary:      var(--salonto-primary);
	--sdsb-primary-soft: var(--salonto-primary-soft);
	--sdsb-text:         var(--salonto-text);
	--sdsb-muted:        var(--salonto-text-muted);
}