/* ==========================================================
   Nema Site v2 — تصميم موقع منظمة نعمة للإغاثة والتنمية
   ========================================================== */

/* ---------- 1. خطوط ثمانية ---------- */
@font-face {
	font-family: "Thmanyah Sans";
	src: url("/wp-content/uploads/fonts/thmanyah/thmanyah-sans-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Thmanyah Sans";
	src: url("/wp-content/uploads/fonts/thmanyah/thmanyah-sans-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Thmanyah Serif Display";
	src: url("/wp-content/uploads/fonts/thmanyah/thmanyah-serif-display-Black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* ---------- 2. المتغيرات ---------- */
:root {
	--nd-ink: #1B2433;
	--nd-text: #3A4150;
	--nd-muted: #6B7280;
	--nd-line: #E3E7EC;
	--nd-green: #0D871E;
	--nd-teal: #00AEC9;
	--nd-lime: #B9D332;
	--nd-mist: #F3F8E6;
	--nd-paper: #F7F9FA;
	--nd-white: #FFFFFF;

	--nd-sans: "Thmanyah Sans", Tahoma, "Segoe UI", sans-serif;
	--nd-display: "Thmanyah Serif Display", "Thmanyah Sans", serif;

	/* مسافة الأمان عن أطراف الشاشة */
	--nd-gutter: clamp(1.25rem, 5vw, 3rem);
	--nd-max: 1200px;
	--nd-space: clamp(4.5rem, 9vw, 8rem);
	--nd-radius: 18px;
	--nd-ease: cubic-bezier(.2, .75, .15, 1);
	--nd-dir: 1;

	--global-body-font-family: var(--nd-sans);
	--global-heading-font-family: var(--nd-sans);
}
html:not([dir="rtl"]) { --nd-dir: -1; }

/* ---------- 3. الطباعة ---------- */
body, button, input, select, textarea,
.editor-styles-wrapper {
	font-family: var(--nd-sans);
}
body,
.editor-styles-wrapper {
	font-size: 18px;
	line-height: 1.8;
	color: var(--nd-text);
}
h1, h2,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.nd-display {
	font-family: var(--nd-display);
	font-weight: 900;
	line-height: 1.3;
	color: var(--nd-ink);
	letter-spacing: 0;
}
h3, h4, h5, h6,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	font-family: var(--nd-sans);
	font-weight: 700;
	line-height: 1.5;
	color: var(--nd-ink);
}

/* مسافة أمان لمحتوى الصفحات العادية في وضع العرض الكامل */
.content-width-fullwidth .entry-content > :not(.alignfull):not(.alignwide) {
	padding-inline: var(--nd-gutter);
}

/* ---------- 4. الأزرار ---------- */
.nd-btn .wp-block-button__link,
.nd-btn-dark .wp-block-button__link,
.nd-btn-ghost .wp-block-button__link,
.nd-btn-outline .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: .5em;
	font-family: var(--nd-sans);
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.2;
	padding: 1em 1.9em;
	border-radius: 999px;
	border: 0;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease, box-shadow .25s ease, transform .3s var(--nd-ease);
}
.nd-btn .wp-block-button__link { background: var(--nd-lime); color: var(--nd-ink); }
.nd-btn .wp-block-button__link:hover { background: var(--nd-white); color: var(--nd-green); transform: translateY(-2px); }

.nd-btn-dark .wp-block-button__link { background: var(--nd-ink); color: var(--nd-white); }
.nd-btn-dark .wp-block-button__link:hover { background: var(--nd-green); transform: translateY(-2px); }

.nd-btn-ghost .wp-block-button__link { background: transparent; color: var(--nd-white); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .7); }
.nd-btn-ghost .wp-block-button__link:hover { background: var(--nd-white); color: var(--nd-ink); box-shadow: inset 0 0 0 2px var(--nd-white); }

.nd-btn-outline .wp-block-button__link { background: transparent; color: var(--nd-ink); box-shadow: inset 0 0 0 2px var(--nd-ink); padding: .8em 1.6em; }
.nd-btn-outline .wp-block-button__link:hover { background: var(--nd-ink); color: var(--nd-white); }

.nd-section .wp-block-button__link:active { transform: scale(.97); }
.nd-section .wp-block-buttons { gap: .75rem; }

.nd-section a:focus-visible,
.nd-section button:focus-visible,
.nd-section .wp-block-button__link:focus-visible {
	outline: 3px solid var(--nd-lime);
	outline-offset: 3px;
}

/* ---------- 5. هيكل الأقسام ---------- */
.nd-section.alignfull,
.entry-content > .nd-section.alignfull {
	margin-top: 0;
	margin-bottom: 0;
}
.nd-section {
	position: relative;
	padding-top: var(--nd-space);
	padding-bottom: var(--nd-space);
	padding-inline: max(var(--nd-gutter), env(safe-area-inset-left), env(safe-area-inset-right)) !important;
	box-sizing: border-box;
}
.nd-section > * {
	max-width: var(--nd-max);
	margin-inline: auto;
}
.nd-section h2 {
	font-size: clamp(2rem, 1.3rem + 2.4vw, 3.25rem);
	margin: 0 0 .45em;
}
.nd-section-head {
	margin-bottom: clamp(2rem, 4vw, 3.25rem);
}
.nd-section-head h2::before,
.nd-about-text h2::before,
.nd-impact-text h2::before,
.nd-donate-text h2::before {
	content: "";
	display: block;
	width: 48px;
	height: 5px;
	border-radius: 5px;
	background: var(--nd-lime);
	margin-bottom: .55em;
}
.nd-section-head p {
	max-width: 34em;
	color: var(--nd-muted);
	margin: 0;
}
.nd-head-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 1rem 2rem;
}
.nd-head-row h2 { margin-bottom: 0; }
.nd-head-row .wp-block-buttons { margin: 0; }

/* ---------- 6. السلايدر ---------- */
.nd-slider {
	background: var(--nd-ink);
	color: var(--nd-white);
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-inline: 0 !important;
	overflow: hidden;
	isolation: isolate;
}
.nd-slider > * { max-width: none; }

/* الشريحة — في المحرر تظهر الشرائح تحت بعضها لتعديلها بسهولة */
.nd-slide {
	position: relative;
	min-height: 560px;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	isolation: isolate;
	margin: 0 !important;
}
.nd-slide > .nd-slide-media {
	position: absolute;
	inset: 0;
	margin: 0;
	z-index: -2;
}
.nd-slide > .nd-slide-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: 60% 40%;
}
.nd-slide::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		linear-gradient(to top, rgba(20, 28, 40, .95) 0%, rgba(20, 28, 40, .55) 45%, rgba(20, 28, 40, .15) 100%);
	pointer-events: none;
}
.nd-slide-content {
	width: min(var(--nd-max), 100% - 2 * var(--nd-gutter));
	margin: 0 auto;
	padding: 9rem 0 10rem;
	box-sizing: border-box;
}
.nd-slide-tag {
	display: inline-block;
	margin: 0 0 1.1rem;
	padding: .35em 1em;
	border-radius: 999px;
	background: rgba(185, 211, 50, .16);
	box-shadow: inset 0 0 0 1px rgba(185, 211, 50, .5);
	color: var(--nd-lime);
	font-weight: 700;
	font-size: .95rem;
	line-height: 1.4;
}
.nd-slide h1,
.nd-slide h2 {
	color: var(--nd-white);
	font-size: clamp(2.3rem, 1rem + 4.6vw, 5.4rem);
	line-height: 1.14;
	max-width: 12em;
	margin: 0 0 .4em;
}
.nd-slide-text {
	font-size: clamp(1.02rem, .95rem + .35vw, 1.25rem);
	max-width: 34em;
	color: rgba(255, 255, 255, .88);
	margin: 0 0 1.8rem;
}

/* وضع السلايدر الفعلي (بعد تشغيل السكربت في الموقع) */
.nd-slider.is-slider {
	position: relative;
	height: 100vh;
	height: 100svh;
	min-height: 600px;
	max-height: 1000px;
}
.nd-slider.is-slider .nd-slide {
	position: absolute;
	inset: 0;
	min-height: 0;
	visibility: hidden;
	z-index: 1;
}
.nd-slider.is-slider .nd-slide.is-active { visibility: visible; z-index: 3; }
.nd-slider.is-slider .nd-slide.is-leaving { visibility: visible; z-index: 2; }

.nd-slider.is-slider .nd-slide.is-active.is-entering {
	animation: nd-wipe-next 1.1s var(--nd-ease) both;
}
.nd-slider.is-slider[data-dir="prev"] .nd-slide.is-active.is-entering {
	animation-name: nd-wipe-prev;
}
.nd-slider.is-slider .nd-slide.is-active .nd-slide-media img {
	animation: nd-kenburns 9s ease-out both;
}
@keyframes nd-wipe-next {
	from { clip-path: inset(0 0 0 100%); }
	to   { clip-path: inset(0 0 0 0); }
}
@keyframes nd-wipe-prev {
	from { clip-path: inset(0 100% 0 0); }
	to   { clip-path: inset(0 0 0 0); }
}
html:not([dir="rtl"]) .nd-slider.is-slider .nd-slide.is-active.is-entering { animation-name: nd-wipe-prev; }
html:not([dir="rtl"]) .nd-slider.is-slider[data-dir="prev"] .nd-slide.is-active.is-entering { animation-name: nd-wipe-next; }

@keyframes nd-kenburns {
	from { transform: scale(1.15); }
	to   { transform: scale(1); }
}

/* دخول محتوى الشريحة */
.nd-slider.is-slider .nd-slide-tag,
.nd-slider.is-slider .nd-slide-text,
.nd-slider.is-slider .nd-slide .wp-block-buttons {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity .8s var(--nd-ease), transform .8s var(--nd-ease);
}
.nd-slider.is-slider .nd-slide.is-active .nd-slide-tag { opacity: 1; transform: none; transition-delay: .35s; }
.nd-slider.is-slider .nd-slide.is-active .nd-slide-text { opacity: 1; transform: none; transition-delay: 1s; }
.nd-slider.is-slider .nd-slide.is-active .wp-block-buttons { opacity: 1; transform: none; transition-delay: 1.2s; }

.nd-slider.is-slider .nd-split .nd-w > span {
	transform: translateY(115%);
	transition: transform 1s var(--nd-ease);
	transition-delay: calc(.45s + var(--i, 0) * 90ms);
}
.nd-slider.is-slider .nd-slide.is-active .nd-split .nd-w > span { transform: none; }

/* شريط التحكم */
.nd-slider-nav {
	position: absolute;
	z-index: 10;
	inset-inline: 0;
	bottom: 0;
	padding-bottom: max(1.75rem, env(safe-area-inset-bottom));
}
.nd-slider-nav-inner {
	width: min(var(--nd-max), 100% - 2 * var(--nd-gutter));
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	gap: 1.5rem;
}
.nd-pagination {
	flex: 1;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
.nd-pag {
	all: unset;
	cursor: pointer;
	display: block;
	color: rgba(255, 255, 255, .6);
	font-family: var(--nd-sans);
	font-size: .95rem;
	line-height: 1.4;
	padding-top: .75rem;
	position: relative;
	transition: color .3s ease;
}
.nd-pag:hover,
.nd-pag.is-active { color: var(--nd-white); }
.nd-pag:focus-visible { outline: 3px solid var(--nd-lime); outline-offset: 4px; border-radius: 4px; }
.nd-pag-num {
	font-family: var(--nd-display);
	font-weight: 900;
	margin-inline-end: .4rem;
	color: var(--nd-lime);
}
.nd-pag-bar {
	position: absolute;
	top: 0;
	inset-inline: 0;
	height: 3px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .25);
	overflow: hidden;
}
.nd-pag-bar > span {
	position: absolute;
	inset: 0;
	background: var(--nd-lime);
	transform: scaleX(0);
	transform-origin: right center;
}
html:not([dir="rtl"]) .nd-pag-bar > span { transform-origin: left center; }
.nd-pag.is-done .nd-pag-bar > span { transform: scaleX(1); }
.nd-pag.is-active .nd-pag-bar > span {
	animation: nd-progress var(--nd-dur, 7000ms) linear forwards;
}
.nd-slider.is-paused .nd-pag.is-active .nd-pag-bar > span { animation-play-state: paused; }
@keyframes nd-progress {
	from { transform: scaleX(0); }
	to   { transform: scaleX(1); }
}
.nd-arrows { display: flex; gap: .6rem; }
.nd-arrow {
	all: unset;
	cursor: pointer;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: var(--nd-white);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	transition: background-color .25s ease, color .25s ease, box-shadow .25s ease;
}
.nd-arrow:hover { background: var(--nd-lime); color: var(--nd-ink); box-shadow: inset 0 0 0 2px var(--nd-lime); }
.nd-arrow:focus-visible { outline: 3px solid var(--nd-lime); outline-offset: 3px; }
.nd-arrow svg { width: 22px; height: 22px; }
html[dir="rtl"] .nd-arrow svg { transform: scaleX(-1); }

/* ---------- 7. شريط الأرقام ---------- */
.nd-stats {
	background: var(--nd-ink);
	color: var(--nd-white);
	padding-top: clamp(3rem, 6vw, 4.5rem);
	padding-bottom: clamp(3rem, 6vw, 4.5rem);
}
.nd-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.nd-stat {
	padding: .25rem clamp(1rem, 2.5vw, 2rem);
	border-inline-start: 1px solid rgba(255, 255, 255, .14);
}
.nd-stat:first-child { border-inline-start: 0; padding-inline-start: 0; }
.nd-counter {
	font-family: var(--nd-display);
	font-weight: 900;
	font-size: clamp(2.3rem, 1.4rem + 3vw, 4rem);
	line-height: 1.1;
	color: var(--nd-lime);
	margin: 0 0 .3rem;
	direction: ltr;
	unicode-bidi: isolate;
	text-align: right;
	font-variant-numeric: tabular-nums;
}
html:not([dir="rtl"]) .nd-counter { text-align: left; }
.nd-counter.nd-plus::before { content: "+"; margin-inline-end: .06em; }
.nd-stat-label { margin: 0; color: rgba(255, 255, 255, .78); font-size: 1rem; }

/* ---------- 8. نبذة عن المنظمة ---------- */
.nd-about { background: var(--nd-white); overflow: hidden; }
.nd-about-grid {
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: clamp(2.5rem, 6vw, 6rem);
	align-items: center;
}
.nd-about-text p { max-width: 32em; }
.nd-about-text .wp-block-buttons { margin-top: 2rem; }
.nd-about-visual { position: relative; margin: 0; }
.nd-about-media { margin: 0; overflow: hidden; border-radius: var(--nd-radius); }
.nd-about-media img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform 1.4s var(--nd-ease);
}
.nd-about-badge {
	position: absolute;
	inset-inline-end: -1.25rem;
	bottom: 2rem;
	width: 132px;
	height: 132px;
	margin: 0;
	border-radius: 50%;
	background: var(--nd-lime);
	color: var(--nd-ink);
	display: grid;
	place-items: center;
	text-align: center;
	font-family: var(--nd-display);
	font-weight: 900;
	font-size: 1.35rem;
	line-height: 1.2;
	padding: 1rem;
	box-sizing: border-box;
	box-shadow: 0 0 0 10px var(--nd-white);
}

/* ---------- 9. القطاعات (تبويبات) ---------- */
.nd-sectors { background: var(--nd-mist); }

/* الشكل الافتراضي (في المحرر): بطاقات */
.nd-tabs {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 1.25rem;
}
.nd-tab {
	--c: var(--nd-green);
	background: var(--nd-white);
	border-radius: var(--nd-radius);
	overflow: hidden;
	margin: 0 !important;
}
.nd-tab > .nd-tab-media { margin: 0; }
.nd-tab > .nd-tab-media img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.nd-tab > h3,
.nd-tab > p { margin-inline: 1.5rem; }
.nd-tab > h3 { margin-top: 1.25rem; margin-bottom: .4rem; font-size: 1.2rem; }
.nd-tab > p { font-size: 1rem; margin-top: 0; }
.nd-tab-link { font-weight: 700; margin-bottom: 1.5rem; }
.nd-tab-link a {
	color: var(--nd-ink);
	text-decoration: underline;
	text-decoration-color: var(--c);
	text-decoration-thickness: 2px;
	text-underline-offset: .35em;
}
.nd-tab-link a:hover { color: var(--nd-green); }

.nd-s-fsl        { --c: #0D871E; }
.nd-s-shelter    { --c: #00AEC9; }
.nd-s-health     { --c: #8E6FC1; }
.nd-s-edu        { --c: #E3A72F; }
.nd-s-cash       { --c: #9DB52A; }
.nd-s-protection { --c: #D9534F; }
.nd-s-wash       { --c: #2F7FD1; }

/* وضع التبويبات (في الموقع) */
.nd-tabs.is-tabs {
	display: grid;
	grid-template-columns: minmax(250px, 340px) 1fr;
	gap: clamp(1.5rem, 3vw, 2.5rem);
	align-items: start;
}
.nd-tablist {
	display: flex;
	flex-direction: column;
	gap: .35rem;
	margin: 0;
	padding: 0;
}
.nd-tabbtn {
	all: unset;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	gap: .8rem;
	padding: 1rem 1.15rem;
	border-radius: 14px;
	font-family: var(--nd-sans);
	font-weight: 700;
	font-size: 1.05rem;
	line-height: 1.4;
	color: var(--nd-text);
	transition: background-color .3s ease, color .3s ease, transform .3s var(--nd-ease);
}
.nd-tabbtn::before {
	content: "";
	flex: none;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: var(--c);
	transition: transform .35s var(--nd-ease);
}
.nd-tabbtn:hover { background: rgba(255, 255, 255, .6); }
.nd-tabbtn[aria-selected="true"] {
	background: var(--nd-white);
	color: var(--nd-ink);
	box-shadow: inset 4px 0 0 var(--c);
}
html[dir="rtl"] .nd-tabbtn[aria-selected="true"] { box-shadow: inset -4px 0 0 var(--c); }
.nd-tabbtn[aria-selected="true"]::before { transform: scale(1.35); }
.nd-tabbtn:focus-visible { outline: 3px solid var(--nd-lime); outline-offset: 2px; }

.nd-tabstage {
	display: grid;
	position: relative;
}
.nd-tabs.is-tabs .nd-tab {
	grid-area: 1 / 1;
	display: grid;
	grid-template-columns: 1.1fr 1fr;
	align-items: stretch;
	min-height: 420px;
	visibility: hidden;
	opacity: 0;
	transition: opacity .5s ease, visibility 0s linear .5s;
}
.nd-tabs.is-tabs .nd-tab.is-active {
	visibility: visible;
	opacity: 1;
	transition: opacity .5s ease;
}
.nd-tabs.is-tabs .nd-tab > .nd-tab-media {
	grid-row: 1 / span 4;
	grid-column: 1;
	overflow: hidden;
}
.nd-tabs.is-tabs .nd-tab > .nd-tab-media img {
	height: 100%;
	aspect-ratio: auto;
	clip-path: inset(0 0 0 100%);
	transform: scale(1.12);
	transition: clip-path 1s var(--nd-ease), transform 1.6s var(--nd-ease);
}
.nd-tabs.is-tabs .nd-tab.is-active > .nd-tab-media img {
	clip-path: inset(0 0 0 0);
	transform: scale(1);
}
.nd-tabs.is-tabs .nd-tab > h3,
.nd-tabs.is-tabs .nd-tab > p {
	grid-column: 2;
	margin-inline: clamp(1.5rem, 3vw, 2.5rem);
	opacity: 0;
	transform: translateY(16px);
	transition: opacity .6s var(--nd-ease), transform .6s var(--nd-ease);
}
.nd-tabs.is-tabs .nd-tab > h3 {
	align-self: end;
	margin-top: 2.5rem;
	font-family: var(--nd-display);
	font-weight: 900;
	font-size: clamp(1.6rem, 1.2rem + 1.2vw, 2.3rem);
	line-height: 1.25;
}
.nd-tabs.is-tabs .nd-tab > p { font-size: 1.05rem; }
.nd-tabs.is-tabs .nd-tab > .nd-tab-link { align-self: start; margin-bottom: 2.5rem; }
.nd-tabs.is-tabs .nd-tab.is-active > h3,
.nd-tabs.is-tabs .nd-tab.is-active > p { opacity: 1; transform: none; }
.nd-tabs.is-tabs .nd-tab.is-active > h3 { transition-delay: .25s; }
.nd-tabs.is-tabs .nd-tab.is-active > p { transition-delay: .4s; }
.nd-tabs.is-tabs .nd-tab.is-active > .nd-tab-link { transition-delay: .55s; }

/* ---------- 10. الرسم البياني ---------- */
.nd-impact { background: var(--nd-white); }
.nd-impact-grid {
	display: grid;
	grid-template-columns: .8fr 1.2fr;
	gap: clamp(2.5rem, 5vw, 5rem);
	align-items: center;
}
.nd-impact-text p { color: var(--nd-muted); max-width: 26em; }
.nd-chart { margin: 0; min-width: 0; }
.nd-chart-wrap {
	display: grid;
	grid-template-columns: minmax(180px, 260px) 1fr;
	gap: clamp(1.5rem, 4vw, 3rem);
	align-items: center;
}
.nd-donut { position: relative; width: 100%; aspect-ratio: 1; }
.nd-donut svg { width: 100%; height: 100%; transform: rotate(-90deg); overflow: visible; }
.nd-donut circle {
	fill: none;
	stroke-width: 26;
	cursor: pointer;
	transition: stroke-dasharray 1.4s var(--nd-ease), opacity .3s ease, stroke-width .3s ease;
}
.nd-donut.is-hovering circle { opacity: .22; }
.nd-donut.is-hovering circle.is-active { opacity: 1; stroke-width: 34; }
.nd-donut-center {
	position: absolute;
	inset: 18%;
	display: grid;
	place-content: center;
	text-align: center;
	pointer-events: none;
}
.nd-donut-total {
	font-family: var(--nd-display);
	font-weight: 900;
	font-size: clamp(1.5rem, 1.1rem + 1.3vw, 2.2rem);
	color: var(--nd-ink);
	line-height: 1.1;
	direction: ltr;
	font-variant-numeric: tabular-nums;
}
.nd-donut-caption { font-size: .9rem; color: var(--nd-muted); line-height: 1.4; }
.nd-chart .nd-chart-data { list-style: none; margin: 0; padding: 0; }
.nd-chart .nd-chart-data li {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: .25rem .75rem;
	align-items: baseline;
	padding: .65rem .6rem;
	border-bottom: 1px solid var(--nd-line);
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 10px;
	transition: background-color .2s ease;
	cursor: default;
}
.nd-chart .nd-chart-data li.is-active { background: var(--nd-paper); }
.nd-legend-dot { width: .75rem; height: .75rem; border-radius: 50%; background: var(--c); transform: translateY(-.1em); }
.nd-legend-meta { display: inline-flex; gap: .6rem; align-items: baseline; white-space: nowrap; }
.nd-legend-value { font-weight: 700; color: var(--nd-ink); direction: ltr; font-variant-numeric: tabular-nums; }
.nd-legend-pct { font-size: .85rem; color: var(--nd-muted); min-width: 3.2em; }

/* ---------- 11. الأخبار (عارض متحرك) ---------- */
.nd-news { background: var(--nd-paper); overflow: hidden; }
.nd-carousel { position: relative; }
.nd-carousel .wp-block-post-template {
	display: flex !important;
	scroll-padding-inline: 0;
	gap: 1.5rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	list-style: none;
	margin: 0 !important;
	padding: 0 0 .5rem !important;
	scrollbar-width: none;
	cursor: grab;
}
.nd-carousel .wp-block-post-template::-webkit-scrollbar { display: none; }
.nd-carousel.is-dragging .wp-block-post-template { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; }
.nd-carousel .wp-block-post-template > li {
	flex: 0 0 calc((100% - 3rem) / 3);
	scroll-snap-align: start;
	margin: 0 !important;
	min-width: 0;
}
.nd-carousel .wp-block-post-featured-image {
	margin: 0 0 1rem;
	overflow: hidden;
	border-radius: 14px;
}
.nd-carousel .wp-block-post-featured-image img {
	width: 100%;
	transition: transform .8s var(--nd-ease);
	-webkit-user-drag: none;
}
.nd-carousel li:hover .wp-block-post-featured-image img { transform: scale(1.06); }
.nd-news-date { font-size: .9rem; color: var(--nd-muted); margin: 0 0 .35rem; }
.nd-carousel .wp-block-post-title { font-size: 1.2rem; line-height: 1.55; margin: 0; }
.nd-carousel .wp-block-post-title a { color: var(--nd-ink); text-decoration: none; }
.nd-carousel .wp-block-post-title a:hover { color: var(--nd-green); }
.nd-carousel-arrows { display: flex; gap: .6rem; margin-top: 2rem; }
.nd-carousel-arrows .nd-arrow { color: var(--nd-ink); box-shadow: inset 0 0 0 2px var(--nd-ink); }
.nd-carousel-arrows .nd-arrow:hover { background: var(--nd-ink); color: var(--nd-white); box-shadow: inset 0 0 0 2px var(--nd-ink); }
.nd-carousel-arrows .nd-arrow[disabled] { opacity: .3; pointer-events: none; }

/* ---------- 12. التبرع والحسابات ---------- */
.nd-donate { background: var(--nd-green); color: var(--nd-white); overflow: hidden; }
.nd-donate::before {
	content: "";
	position: absolute;
	width: clamp(280px, 42vw, 620px);
	aspect-ratio: 1;
	border-radius: 50%;
	border: 2px solid rgba(185, 211, 50, .4);
	inset-inline-start: -10%;
	bottom: -40%;
	pointer-events: none;
	animation: nd-spin 40s linear infinite;
	border-style: dashed;
}
@keyframes nd-spin { to { transform: rotate(360deg); } }
.nd-donate-grid {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(2rem, 5vw, 5rem);
	align-items: center;
}
.nd-donate h2 { color: var(--nd-white); }
.nd-donate-text p { max-width: 30em; color: rgba(255, 255, 255, .9); }
.nd-donate-text .wp-block-buttons { margin-top: 2rem; }
.nd-banks { display: grid; gap: 1rem; }
.nd-bank {
	background: rgba(255, 255, 255, .08);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .2);
	border-radius: var(--nd-radius);
	padding: 1.5rem 1.6rem;
	margin: 0 !important;
	transition: background-color .3s ease, transform .4s var(--nd-ease);
}
.nd-bank:hover { background: rgba(255, 255, 255, .13); transform: translateY(-3px); }
.nd-bank h3 { color: var(--nd-white); font-size: 1.25rem; margin: 0 0 .2rem; }
.nd-bank-holder { font-size: .95rem; color: rgba(255, 255, 255, .75); margin: 0 0 .8rem; }
.nd-iban {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .6rem 1rem;
	margin: 0;
	font-weight: 700;
	font-size: clamp(.95rem, .85rem + .4vw, 1.15rem);
	letter-spacing: .04em;
	font-variant-numeric: tabular-nums;
	color: var(--nd-white);
}
.nd-iban-text { direction: ltr; unicode-bidi: isolate; }
.nd-copy {
	all: unset;
	cursor: pointer;
	font-family: var(--nd-sans);
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: 0;
	padding: .45em 1.1em;
	border-radius: 999px;
	background: var(--nd-lime);
	color: var(--nd-ink);
	transition: background-color .25s ease, transform .25s var(--nd-ease);
}
.nd-copy:hover { background: var(--nd-white); }
.nd-copy:active { transform: scale(.94); }
.nd-copy.is-copied { background: var(--nd-white); color: var(--nd-green); }
.nd-copy:focus-visible { outline: 3px solid var(--nd-white); outline-offset: 3px; }

/* ---------- 13. الشركاء (شريط متحرك) ---------- */
.nd-partners { background: var(--nd-white); padding-top: clamp(3.5rem, 6vw, 5rem); padding-bottom: clamp(3.5rem, 6vw, 5rem); }
.nd-partners .nd-partners-title { font-size: 1.5rem; text-align: center; margin-bottom: 2rem; }
.nd-marquee {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 1.5rem 3rem;
}
.nd-marquee .wp-block-image { margin: 0; flex: none; }
.nd-marquee img {
	height: 60px;
	width: auto;
	max-width: 200px;
	object-fit: contain;
	filter: grayscale(1);
	opacity: .65;
	transition: filter .3s ease, opacity .3s ease;
}
.nd-marquee img:hover { filter: none; opacity: 1; }
.nd-marquee.is-marquee {
	display: block;
	overflow: hidden;
	max-width: none;
	-webkit-mask-image: linear-gradient(to left, transparent, #000 10%, #000 90%, transparent);
	mask-image: linear-gradient(to left, transparent, #000 10%, #000 90%, transparent);
}
.nd-marquee-track {
	display: flex;
	align-items: center;
	gap: 3.5rem;
	width: max-content;
	padding-inline: 1.75rem;
	animation: nd-marquee 32s linear infinite;
}
.nd-marquee.is-marquee:hover .nd-marquee-track { animation-play-state: paused; }
@keyframes nd-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(calc(50% * var(--nd-dir))); }
}

/* ---------- 14. شريط تقدم القراءة ---------- */
.nd-progress {
	position: fixed;
	top: 0;
	inset-inline: 0;
	height: 3px;
	z-index: 100000;
	background: var(--nd-lime);
	transform: scaleX(0);
	transform-origin: right center;
	pointer-events: none;
}
html:not([dir="rtl"]) .nd-progress { transform-origin: left center; }
body.admin-bar .nd-progress { top: 32px; }
@media (max-width: 782px) { body.admin-bar .nd-progress { top: 46px; } }

/* ---------- 15. ظهور العناصر عند التمرير ---------- */
.nd-js .nd-reveal {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity .9s var(--nd-ease), transform .9s var(--nd-ease);
}
.nd-js .nd-reveal.is-in { opacity: 1; transform: none; }

.nd-js .nd-stagger > * {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity .8s var(--nd-ease), transform .8s var(--nd-ease);
	transition-delay: calc(var(--i, 0) * 100ms);
}
.nd-js .nd-stagger.is-in > * { opacity: 1; transform: none; }

.nd-js .nd-about-media { clip-path: inset(100% 0 0 0); transition: clip-path 1.3s var(--nd-ease); }
.nd-js .nd-about-media img { transform: scale(1.2); }
.nd-js .nd-about-visual.is-in .nd-about-media { clip-path: inset(0 0 0 0); }
.nd-js .nd-about-visual.is-in .nd-about-media img { transform: scale(1); }
.nd-js .nd-about-badge { transform: scale(0) rotate(-40deg); transition: transform .9s cubic-bezier(.3, 1.6, .5, 1) .9s; }
.nd-js .nd-about-visual.is-in .nd-about-badge { transform: none; }

/* العنوان كلمة بعد كلمة (لا نقسم الحروف كي لا ينكسر اتصال الحروف العربية) */
.nd-split .nd-w {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding: .12em 0 .22em;
	margin: -.12em 0 -.22em;
}
.nd-split .nd-w > span { display: inline-block; }

.screen-reader-text:not(:focus) {
	position: absolute !important;
	width: 1px; height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* ---------- 16. تقليل الحركة ---------- */
@media (prefers-reduced-motion: reduce) {
	.nd-js .nd-reveal,
	.nd-js .nd-stagger > *,
	.nd-slider.is-slider .nd-slide-tag,
	.nd-slider.is-slider .nd-slide-text,
	.nd-slider.is-slider .nd-slide .wp-block-buttons,
	.nd-slider.is-slider .nd-split .nd-w > span,
	.nd-js .nd-about-badge,
	.nd-tabs.is-tabs .nd-tab > h3,
	.nd-tabs.is-tabs .nd-tab > p {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
	.nd-js .nd-about-media,
	.nd-tabs.is-tabs .nd-tab > .nd-tab-media img { clip-path: none !important; transition: none !important; transform: none !important; }
	.nd-slider.is-slider .nd-slide.is-active.is-entering,
	.nd-slider.is-slider .nd-slide.is-active .nd-slide-media img,
	.nd-marquee-track,
	.nd-donate::before { animation: none !important; }
	.nd-donut circle { transition: none; }
}

/* ---------- 17. الشاشات المتوسطة ---------- */
@media (max-width: 1024px) {
	.nd-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem 0; }
	.nd-stat:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
	.nd-tabs.is-tabs { grid-template-columns: 1fr; }
	.nd-tablist {
		flex-direction: row;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
		margin-inline: calc(var(--nd-gutter) * -1);
		padding: .25rem var(--nd-gutter) .5rem;
		scroll-padding-inline: var(--nd-gutter);
	}
	.nd-tablist::-webkit-scrollbar { display: none; }
	.nd-tabbtn { flex: none; scroll-snap-align: start; background: rgba(255, 255, 255, .55); font-size: .98rem; padding: .75rem 1rem; }
	.nd-tabbtn[aria-selected="true"],
	html[dir="rtl"] .nd-tabbtn[aria-selected="true"] { box-shadow: inset 0 -3px 0 var(--c); }
	.nd-carousel .wp-block-post-template > li { flex-basis: calc((100% - 1.5rem) / 2); }
}

/* ---------- 18. الجوال ---------- */
@media (max-width: 781px) {
	.nd-about-grid,
	.nd-impact-grid,
	.nd-donate-grid { grid-template-columns: 1fr; }
	.nd-about-badge { width: 104px; height: 104px; font-size: 1.1rem; inset-inline-end: .75rem; bottom: -1.5rem; }
	.nd-chart-wrap { grid-template-columns: 1fr; }
	.nd-donut { max-width: 260px; margin-inline: auto; }

	.nd-slider.is-slider { min-height: 560px; height: 92svh; }
	.nd-slide-content { padding: 7rem 0 8.5rem; }
	.nd-slide h1, .nd-slide h2 { font-size: clamp(2rem, 1.2rem + 5vw, 2.8rem); }
	.nd-slide-text { font-size: 1rem; margin-bottom: 1.4rem; }
	.nd-slide .wp-block-button__link { padding: .85em 1.4em; font-size: .95rem; }
	.nd-slider-nav-inner { gap: 1rem; align-items: center; }
	.nd-pag-label { display: none; }
	.nd-pag { padding-top: 0; height: 24px; }
	.nd-pag-num { display: none; }
	.nd-pag-bar { top: 50%; transform: translateY(-50%); }
	.nd-arrow { width: 44px; height: 44px; }
	.nd-arrow svg { width: 18px; height: 18px; }

	.nd-tabs.is-tabs .nd-tab { grid-template-columns: 1fr; min-height: 0; background: var(--nd-white); }
	.nd-tabs.is-tabs .nd-tab > .nd-tab-media { grid-row: auto; grid-column: 1; }
	.nd-tabs.is-tabs .nd-tab > .nd-tab-media img { aspect-ratio: 16 / 10; height: auto; }
	.nd-tabs.is-tabs .nd-tab > h3,
	.nd-tabs.is-tabs .nd-tab > p { grid-column: 1; margin-inline: 1.25rem; }
	.nd-tabs.is-tabs .nd-tab > h3 { margin-top: 1.25rem; }
	.nd-tabs.is-tabs .nd-tab > .nd-tab-link { margin-bottom: 1.5rem; }

	.nd-carousel .wp-block-post-template > li { flex-basis: 84%; }
	.nd-bank { padding: 1.25rem; }
}

/* ---------- 19. الهيدر (Kadence) ---------- */
.site-header .header-button,
#mobile-header .mobile-header-button {
	background: var(--nd-lime);
	color: var(--nd-ink);
	border-radius: 999px;
	font-weight: 700;
	font-family: var(--nd-sans);
	border: 0;
	transition: background-color .25s ease, color .25s ease;
}
.site-header .header-button:hover,
#mobile-header .mobile-header-button:hover { background: var(--nd-green); color: var(--nd-white); }

/* روابط القائمة بيضاء فوق السلايدر (الهيدر الشفاف) */
.transparent-header #masthead .header-navigation .header-menu-container > ul > li > a,
.transparent-header #masthead .header-navigation .header-menu-container > ul > li > .nav-drop-title-wrap,
.transparent-header #mobile-header .menu-toggle-open { color: var(--nd-white); }
.transparent-header #masthead .header-navigation .header-menu-container > ul > li > a:hover { color: var(--nd-lime); }
/* عند التمرير يعود الهيدر أبيض بنص داكن */
.transparent-header #masthead .item-is-stuck .header-navigation .header-menu-container > ul > li > a,
.transparent-header #mobile-header .item-is-stuck .menu-toggle-open { color: var(--nd-ink); }

@media (min-width: 1025px) {
	.nd-mobile-only { display: none !important; }
}
@media (max-width: 1024px) {
	#mobile-header .site-branding a.brand img { max-width: 130px; width: 130px; }
	#mobile-header .mobile-header-button { font-size: 15px; padding: .6em 1.2em; }
	#mobile-header .menu-toggle-open .menu-toggle-icon { font-size: 28px; }
	#mobile-header .menu-toggle-open { min-width: 44px; min-height: 44px; }
	#mobile-drawer .drawer-inner { background: var(--nd-ink); }
	#mobile-drawer .mobile-navigation ul li { font-size: 18px; }
	#mobile-drawer .mobile-navigation ul li > a,
	#mobile-drawer .mobile-navigation ul li.menu-item-has-children > .drawer-nav-drop-wrap {
		padding-top: .9em;
		padding-bottom: .9em;
		color: var(--nd-white);
		border-color: rgba(255, 255, 255, .12);
	}
	#mobile-drawer .mobile-navigation ul li.current-menu-item > a { color: var(--nd-lime); }
}