/**
 * Native WordPress block alignment with the Hera design system.
 */

:where(body.actorshop, .editor-styles-wrapper) {
	--actorshop-native-gap: clamp(16px, 2.2vw, 28px);
	--actorshop-native-panel: clamp(18px, 2.8vw, 36px);
	--actorshop-native-line: var(--actorshop-line, #d6d6d6);
	--actorshop-native-line-strong: var(--actorshop-line-strong, #b8b8b8);
	--actorshop-native-muted: var(--actorshop-muted, #626262);
	--actorshop-native-soft: var(--actorshop-surface-alt, #f6f6f6);
	--actorshop-native-text: var(--actorshop-text, #111111);
	--actorshop-native-surface: var(--actorshop-surface, #ffffff);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-heading, .wp-block-post-title, .wp-block-query-title) {
	color: var(--actorshop-native-text);
	font-family: var(--actorshop-font-display, Inter, ui-sans-serif, system-ui, sans-serif);
	font-weight: var(--actorshop-weight-display, 900);
	letter-spacing: 0;
	text-wrap: balance;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-paragraph, .wp-block-list, .wp-block-details, .wp-block-table, .wp-block-quote) {
	color: var(--actorshop-native-text);
	font-family: var(--actorshop-font-ui, Inter, ui-sans-serif, system-ui, sans-serif);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-group.is-style-hera-panel, .wp-block-column.is-style-hera-panel, .wp-block-details.is-style-hera-accordion, .wp-block-table.is-style-hera-table) {
	padding: var(--actorshop-native-panel);
	border: 1px solid var(--actorshop-native-line);
	border-radius: 0;
	background: var(--actorshop-native-surface);
	box-shadow: none;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-group.is-style-hera-ink) {
	padding: var(--actorshop-native-panel);
	border: 1px solid var(--actorshop-native-text);
	background: var(--actorshop-native-text);
	color: var(--actorshop-on-ink, #ffffff);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-group.is-style-hera-ink) :where(h1, h2, h3, h4, h5, h6, p, a, li) {
	color: inherit;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-group.is-style-hera-promo) {
	padding: var(--actorshop-native-panel);
	border: 1px solid color-mix(in srgb, var(--actorshop-promo-bg, #c6f6d5) 70%, #111111);
	background: var(--actorshop-promo-bg, #c6f6d5);
	color: var(--actorshop-promo-text, #111111);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-columns.is-style-hera-grid) {
	gap: var(--actorshop-native-gap);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-columns.is-style-hera-grid > .wp-block-column) {
	min-width: 0;
	padding: var(--actorshop-native-panel);
	border: 1px solid var(--actorshop-native-line);
	background: var(--actorshop-native-surface);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-button.is-style-hera-solid .wp-block-button__link, .wp-block-button__link.is-style-hera-solid, .wp-block-file .wp-block-file__button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--actorshop-button-height, 44px);
	padding: 0 18px;
	border: 1px solid var(--actorshop-native-text);
	border-radius: 0;
	background: var(--actorshop-native-text);
	color: var(--actorshop-on-ink, #ffffff);
	font-family: var(--actorshop-font-ui, inherit);
	font-size: var(--actorshop-size-button, 13px);
	font-weight: var(--actorshop-weight-button, 850);
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-button.is-style-hera-outline .wp-block-button__link, .wp-block-button__link.is-style-hera-outline) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: var(--actorshop-button-height, 44px);
	padding: 0 18px;
	border: 1px solid var(--actorshop-native-line-strong);
	border-radius: 0;
	background: transparent;
	color: var(--actorshop-native-text);
	font-family: var(--actorshop-font-ui, inherit);
	font-size: var(--actorshop-size-button, 13px);
	font-weight: var(--actorshop-weight-button, 850);
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-button.is-style-hera-solid .wp-block-button__link, .wp-block-button__link.is-style-hera-solid, .wp-block-button.is-style-hera-outline .wp-block-button__link, .wp-block-button__link.is-style-hera-outline, .wp-block-file .wp-block-file__button):hover,
:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-button.is-style-hera-solid .wp-block-button__link, .wp-block-button__link.is-style-hera-solid, .wp-block-button.is-style-hera-outline .wp-block-button__link, .wp-block-button__link.is-style-hera-outline, .wp-block-file .wp-block-file__button):focus {
	border-color: var(--actorshop-native-text);
	background: var(--actorshop-native-text);
	color: var(--actorshop-on-ink, #ffffff);
	text-decoration: none;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-details.is-style-hera-accordion) {
	padding-block: 0;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-details.is-style-hera-accordion summary) {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 54px;
	font-weight: 850;
	text-transform: uppercase;
	cursor: pointer;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-details.is-style-hera-accordion summary)::after {
	content: "+";
	font-size: 20px;
	line-height: 1;
	transition: transform 160ms ease;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-details.is-style-hera-accordion[open] summary)::after {
	content: "-";
	transform: rotate(180deg);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-quote.is-style-hera-editorial, .wp-block-pullquote) {
	padding: var(--actorshop-native-panel);
	border: 0;
	border-left: 4px solid var(--actorshop-native-text);
	background: var(--actorshop-native-soft);
	color: var(--actorshop-native-text);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-table.is-style-hera-table table) {
	border-collapse: collapse;
	border: 1px solid var(--actorshop-native-line);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-table.is-style-hera-table th, .wp-block-table.is-style-hera-table td) {
	padding: 12px 14px;
	border: 1px solid var(--actorshop-native-line);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-table.is-style-hera-table th) {
	background: var(--actorshop-native-text);
	color: var(--actorshop-on-ink, #ffffff);
	font-size: var(--actorshop-size-label, 12px);
	text-transform: uppercase;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-separator.is-style-hera-strong) {
	width: 100%;
	height: 2px;
	border: 0;
	background: var(--actorshop-native-text);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-search__inside-wrapper) {
	gap: 0;
	border: 1px solid var(--actorshop-native-line);
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-search__input) {
	min-height: var(--actorshop-input-height, 44px);
	border: 0;
	border-radius: 0;
	color: var(--actorshop-native-text);
	font-family: var(--actorshop-font-ui, inherit);
	box-shadow: none;
}

:where(body.actorshop, .editor-styles-wrapper) :where(.wp-block-search__button) {
	min-height: var(--actorshop-button-height, 44px);
	border: 1px solid var(--actorshop-native-text);
	border-radius: 0;
	background: var(--actorshop-native-text);
	color: var(--actorshop-on-ink, #ffffff);
	font-size: var(--actorshop-size-button, 13px);
	font-weight: var(--actorshop-weight-button, 850);
	text-transform: uppercase;
}

@media (max-width: 680px) {
	:where(body.actorshop, .editor-styles-wrapper) {
		--actorshop-native-gap: 14px;
		--actorshop-native-panel: 16px;
	}
}