/* Al-Amal Preschool accessibility and RTL safeguards — 2.8.0. */

/* Consistent keyboard focus without changing pointer interaction. */
:where(
	.al-amal-preschool-content-breadcrumbs a,
	.al-amal-preschool-post-share__action,
	.al-amal-preschool-post-navigation a,
	.al-amal-preschool-related-card a,
	.al-amal-preschool-category-card a,
	.al-amal-preschool-content-sidebar-card a,
	.al-amal-preschool-content-sidebar-card input,
	.al-amal-preschool-content-sidebar-card button,
	.al-amal-preschool-content-design-archive .pagination .page-numbers,
	#comments a,
	#comments button,
	#comments input,
	#comments textarea,
	.al-amal-preschool-table-of-contents summary,
	.al-amal-preschool-table-of-contents a,
	.al-amal-preschool-announcement__close,
	.al-amal-preschool-home-section a,
	.al-amal-preschool-home-section button
):focus-visible {
	outline: 3px solid color-mix(in srgb, var(--al-amal-preschool-token-accent, var(--al-amal-preschool-brand-primary, #5e52e4)) 55%, transparent);
	outline-offset: 3px;
}

/* Logical alignment for bidirectional layouts. */
.al-amal-preschool-post-navigation__previous { text-align: start; }
.al-amal-preschool-post-navigation__next { text-align: end; }
.al-amal-preschool-category-card__thumbnail { border-right: 0; border-left: 0; border-inline-end: 1px solid var(--al-amal-preschool-cd-border, var(--al-amal-preschool-token-border, #e4e6ed)); }
.al-amal-preschool-category-card__body { padding-inline: clamp(1.4rem, 2.5vw, 2rem); }
.al-amal-preschool-category-card__footer { margin-inline: clamp(1.4rem, 2.5vw, 2rem); }
.al-amal-preschool-content-sidebar-card .search-form { direction: inherit; }
.al-amal-preschool-sidebar-recent a { text-align: start; }
.al-amal-preschool-reading-progress > span { transform-origin: left center; }
body.rtl .al-amal-preschool-reading-progress > span { transform-origin: right center; }

@media (max-width: 700px) {
	.al-amal-preschool-post-navigation__next { text-align: start; }
	.al-amal-preschool-category-card__body { padding-inline: .9rem; }
	.al-amal-preschool-category-card__footer { margin-inline: .9rem; }
}

@media (max-width: 480px) {
	.al-amal-preschool-category-card__thumbnail {
		border-inline-end: 0;
		border-bottom: 1px solid var(--al-amal-preschool-cd-border, var(--al-amal-preschool-token-border, #e4e6ed));
	}
}

/* Minimum target sizes for the primary compact controls. */
.al-amal-preschool-post-share__action,
.al-amal-preschool-content-design-archive .pagination .page-numbers,
.al-amal-preschool-table-of-contents > summary,
.al-amal-preschool-content-sidebar-card .search-submit {
	min-width: 44px;
	min-height: 44px;
}

/* Better high-contrast and forced-colors behavior. */
@media (prefers-contrast: more) {
	.al-amal-preschool-single-post-surface,
	.al-amal-preschool-single-page-surface,
	.al-amal-preschool-content-design-archive .content-container.site-container,
	.al-amal-preschool-category-card,
	.al-amal-preschool-related-card,
	.al-amal-preschool-content-sidebar-card,
	.al-amal-preschool-table-of-contents,
	#comments .comment-body {
		border-width: 2px !important;
	}
}

@media (forced-colors: active) {
	.al-amal-preschool-post-share__action,
	.al-amal-preschool-category-card,
	.al-amal-preschool-related-card,
	.al-amal-preschool-content-sidebar-card,
	.al-amal-preschool-table-of-contents,
	.al-amal-preschool-post-navigation a {
		border: 1px solid CanvasText !important;
		box-shadow: none !important;
	}

	.al-amal-preschool-reading-progress > span {
		background: Highlight;
		box-shadow: none;
	}

	:where(a, button, input, select, textarea, summary):focus-visible {
		outline: 3px solid Highlight !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.al-amal-preschool-reading-progress,
	.al-amal-preschool-category-card,
	.al-amal-preschool-related-card,
	.al-amal-preschool-post-navigation a,
	.al-amal-preschool-post-share__action {
		transition: none !important;
	}
}