/**
 * ZARE Theme everyday-authoring presentation — DS-3.
 *
 * Companion supplies authoring controls; Theme owns these durable selectors so
 * existing content keeps its presentation when Companion is inactive.
 */
:root,
body {
	--zare-theme-text-width-narrow: 36rem;
}

.zare-inline-highlight,
.zare-inline-soft-accent,
.zare-inline-pill-accent {
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.zare-inline-highlight {
	padding: 0.04em 0.18em;
	background: color-mix(in srgb, var(--wp--preset--color--primary) 22%, var(--wp--preset--color--background));
	color: var(--wp--preset--color--foreground);
	border-radius: max(0.125rem, calc(var(--zare-theme-control-radius) / 2));
}

.zare-inline-soft-accent {
	padding: 0.04em 0.24em;
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--secondary-foreground);
	border-radius: max(0.125rem, calc(var(--zare-theme-control-radius) / 2));
}

.zare-inline-pill-accent {
	padding: 0.08em 0.42em;
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary-foreground);
	border-radius: var(--wp--custom--zare-experience--radius--full, 999px);
}

.zare-inline-underline-accent {
	text-decoration-line: underline;
	text-decoration-color: var(--wp--preset--color--primary);
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.18em;
}

.zare-inline-primary-text {
	color: var(--wp--custom--zare-experience--color--primary-text, var(--wp--preset--color--foreground));
}

:where(.wp-block-heading, .wp-block-paragraph).zare-text-width-narrow {
	max-inline-size: min(100%, var(--zare-theme-text-width-narrow));
}

:where(.wp-block-heading, .wp-block-paragraph).zare-text-width-reading {
	max-inline-size: min(100%, var(--zare-layout-reading, 45rem));
}

:where(.wp-block-heading, .wp-block-paragraph).zare-text-width-component {
	max-inline-size: min(100%, var(--zare-layout-component, 61.25rem));
}

.wp-block-button.zare-theme-button-size-xs .wp-block-button__link { min-block-size: var(--zare-theme-button-height-xs, 2rem); padding: 0.25rem 0.625rem; font-size: var(--wp--preset--font-size--xs, 0.75rem); }
.wp-block-button.zare-theme-button-size-sm .wp-block-button__link { min-block-size: var(--zare-theme-button-height-sm, 2.25rem); padding: 0.375rem 0.75rem; font-size: var(--wp--preset--font-size--sm, 0.875rem); }
.wp-block-button.zare-theme-button-size-default .wp-block-button__link { min-block-size: var(--zare-theme-button-height-default, 2.5rem); }
.wp-block-button.zare-theme-button-size-lg .wp-block-button__link { min-block-size: var(--zare-theme-button-height-lg, 2.75rem); padding: 0.625rem 1.125rem; font-size: var(--wp--preset--font-size--base, 1rem); }

:where(.zare-accordion-indicator-chevron, .zare-accordion-indicator-caret) .wp-block-accordion-heading__toggle-icon {
	position: relative;
	display: inline-grid;
	place-items: center;
	inline-size: 1rem;
	block-size: 1rem;
	min-inline-size: 1rem;
	min-block-size: 1rem;
	overflow: visible;
	font-size: 0;
	line-height: 1;
}

.zare-accordion-indicator-chevron .wp-block-accordion-heading__toggle-icon::before {
	content: "";
	box-sizing: border-box;
	inline-size: 0.5rem;
	block-size: 0.5rem;
	border-inline-end: 0.125rem solid currentColor;
	border-block-end: 0.125rem solid currentColor;
	transform: translateY(-0.1rem) rotate(45deg);
	transition: transform 160ms ease;
}

.zare-accordion-indicator-chevron .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
	transform: translateY(0.1rem) rotate(225deg);
}

.zare-accordion-indicator-caret .wp-block-accordion-heading__toggle-icon::before {
	content: "";
	inline-size: 0;
	block-size: 0;
	border-inline: 0.28rem solid transparent;
	border-block-start: 0.42rem solid currentColor;
	transform-origin: 50% 35%;
	transition: transform 160ms ease;
}

.zare-accordion-indicator-caret .wp-block-accordion-heading__toggle[aria-expanded="true"] .wp-block-accordion-heading__toggle-icon::before {
	transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
	.zare-accordion-indicator-chevron .wp-block-accordion-heading__toggle-icon::before,
	.zare-accordion-indicator-caret .wp-block-accordion-heading__toggle-icon::before {
		transition: none;
	}
}


/* DS-4 carry-forward: custom indicators own their orientation; Core's 45deg plus rotation stays Core-only. */
.zare-accordion-indicator-chevron .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon,
.zare-accordion-indicator-caret .wp-block-accordion-item.is-open > .wp-block-accordion-heading .wp-block-accordion-heading__toggle-icon {
	transform: none;
}