/*
 * WordPress bridge styles — the small set of rules that support behaviors and
 * WP-specific markup on top of the compiled Tailwind stylesheet. Kept tiny on
 * purpose; all visual design lives in theme.css (compiled from source).
 */

/* Accordion: animate panel height (JS sets/clears the height). */
[data-maxr-acc-panel] {
	height: 0;
	transition: height 0.2s ease;
	will-change: height;
}
[data-maxr-acc-panel]:not([hidden]) {
	height: auto;
}
/* Rotate the chevron when the trigger is open (mirrors the source data-state). */
[data-maxr-acc-trigger][aria-expanded='true'] > svg {
	transform: rotate(180deg);
}

/* Keep the pinned header clear of the WordPress admin bar. */
.admin-bar [data-maxr-mobile-menu] {
	top: 32px;
}
@media screen and (max-width: 782px) {
	.admin-bar [data-maxr-mobile-menu] {
		top: 46px;
	}
}

/* Block-editor content width helpers for generic pages/posts. */
.maxr-entry-content > * {
	max-width: 48rem;
	margin-left: auto;
	margin-right: auto;
}
.maxr-entry-content > .alignwide {
	max-width: 72rem;
}
.maxr-entry-content > .alignfull {
	max-width: none;
}
.maxr-entry-content p {
	margin-bottom: 1.25rem;
	line-height: 1.7;
}
.maxr-entry-content h2 {
	font-family: var(--font-display);
	font-size: 1.75rem;
	margin: 2rem 0 1rem;
}
.maxr-entry-content h3 {
	font-family: var(--font-display);
	font-size: 1.25rem;
	margin: 1.5rem 0 0.75rem;
}
.maxr-entry-content a {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.maxr-entry-content ul,
.maxr-entry-content ol {
	margin: 0 auto 1.25rem;
	padding-left: 1.25rem;
	list-style: disc;
}
.maxr-entry-content ol {
	list-style: decimal;
}

/* Screen-reader helper (in case a plugin/comment markup needs it). */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
}