/*
 * Policy Pulse Arabic
 * Extends the established orange-on-black editorial system with a native RTL
 * reading order, Noto Sans Arabic typography and resilient player controls.
 */

:root {
	--ppa-font: "Noto Sans Arabic", Tahoma, Arial, sans-serif;
}

html[dir="rtl"] {
	color-scheme: dark;
	scroll-behavior: smooth;
	background: var(--ppb-bg);
}

html[dir="rtl"] body.ppb-ar {
	margin: 0;
	direction: rtl;
	background: var(--ppb-bg);
	color: var(--ppb-text);
	font-family: var(--ppa-font);
	font-size: 16px;
	line-height: 1.75;
	text-align: right;
	-webkit-font-smoothing: antialiased;
}

.ppb-ar,
.ppb-ar button,
.ppb-ar input,
.ppb-ar summary {
	font-family: var(--ppa-font);
}

.ppb-ar .material-symbols-rounded,
.ppb-ar .khp-icon {
	direction: ltr;
	font-family: "Material Symbols Rounded" !important;
	font-feature-settings: "liga";
	letter-spacing: normal;
}

.ppb-ar .ppb-header__inner {
	grid-template-columns: minmax(230px, 1fr) auto auto;
}

.ppb-language-switcher {
	display: flex;
	gap: 8px;
	align-items: center;
}

.ppb-ar .ppb-brand strong,
.ppb-ar .ppb-footer strong {
	letter-spacing: 0;
}

.ppb-ar .ppb-brand small {
	letter-spacing: 0;
}

.ppb-ar .ppb-hero::before {
	transform: scaleX(-1);
}

.ppb-ar .ppb-hero__content,
.ppb-ar .ppb-section__header,
.ppb-ar .ppb-page-intro,
.ppb-ar .ppb-program-head,
.ppb-ar .ppb-card__body,
.ppb-ar .ppb-story,
.ppb-ar .ppb-footer {
	text-align: right;
}

.ppb-ar .ppb-hero h1,
.ppb-ar .ppb-page-intro h1,
.ppb-ar .ppb-program-head h1,
.ppb-ar .ppb-section h2,
.ppb-ar .ppb-card h3 {
	letter-spacing: 0;
	line-height: 1.35;
}

.ppb-ar .ppb-kicker {
	letter-spacing: 0;
}

.ppb-ar .ppb-breadcrumbs .material-symbols-rounded {
	transform: none;
}

.ppb-ar .ppb-search input {
	direction: rtl;
	text-align: right;
}

.ppb-ar .ppb-search input::placeholder {
	text-align: right;
}

/* The player remains RTL while time rails keep a predictable left-to-right axis. */
.ppb-ar [data-khp-player],
.ppb-ar .khp-player {
	direction: rtl;
	font-family: var(--ppa-font);
	text-align: right;
}

.ppb-ar [data-khp-player] button,
.ppb-ar [data-khp-player] input,
.ppb-ar [data-khp-player] select,
.ppb-ar [data-khp-player] [role="button"] {
	font-family: var(--ppa-font);
}

.ppb-ar [data-khp-player] input[type="range"],
.ppb-ar [data-khp-player] progress,
.ppb-ar [data-khp-player] .khp-timeline,
.ppb-ar [data-khp-player] [data-khp-timeline] {
	direction: ltr;
}

.ppb-ar [data-khp-player] button,
.ppb-ar [data-khp-player] [role="button"] {
	min-width: 44px;
	min-height: 44px;
}

.ppb-ar [data-khp-player] .khp-icon,
.ppb-ar [data-khp-player] .material-symbols-rounded {
	direction: ltr;
}

@media (max-width: 960px) {
	.ppb-ar .ppb-header__inner {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.ppb-language-switcher {
		display: none;
	}
}

@media (max-width: 680px) {
	.ppb-ar .ppb-hero h1,
	.ppb-ar .ppb-page-intro h1,
	.ppb-ar .ppb-program-head h1 {
		font-size: clamp(2rem, 10vw, 3.2rem);
	}

	.ppb-ar .ppb-program-head__meta {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ppb-ar .ppb-mobile-menu > div {
		inset-inline-end: auto;
		inset-inline-start: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	html[dir="rtl"] {
		scroll-behavior: auto;
	}

	.ppb-ar *,
	.ppb-ar *::before,
	.ppb-ar *::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}