:root {
	--pcc-color-primary: #b94a42;    /* أحمر طوبي - أزرار وعناوين مميزة */
	--pcc-color-primary-hover: #a33e37;
	--pcc-color-green: #7ac943;       /* أخضر معتمد رسميًا */
	--pcc-color-green-hover: #6bb838;
	--pcc-color-dark: #4a4a4a;
	--pcc-color-dark-2: #3f3f3f;
	--pcc-color-text: #2b2b2b;
	--pcc-color-text-light: #222222;
	--pcc-color-bg: #ffffff;
	--pcc-color-bg-alt: #f7f7f7;
	--pcc-color-white: #ffffff;
	--pcc-color-border: #e5e5e5;

	/* --- الخطوط: Serif مطابق للسكرين شوت (Playfair Display للعناوين + Lora للنص) --- */
	--pcc-font-heading: 'Playfair Display', Georgia, serif;
	--pcc-font-primary: 'Lora', Georgia, serif;

	/* --- المسافات --- */
	--pcc-container-width: 1200px;
	--pcc-container-width-wide: 1460px;
	--pcc-radius: 6px;
	--pcc-radius-lg: 10px;
}

/* ============================================================
   Reset أساسي
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }
body {
	margin: 0;
	font-family: var(--pcc-font-primary);
	color: var(--pcc-color-text);
	background: var(--pcc-color-bg);
	line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: var(--pcc-font-heading); margin: 0 0 .5em; line-height: 1.25; }
body.no-scroll { overflow: hidden; }

/* دعم RTL كامل للعربي - يشتغل مع dir="rtl" اللي بيحطها ووردبريس تلقائيًا حسب لغة الموقع */
body.rtl { direction: rtl; text-align: right; }

.container {
	max-width: var(--pcc-container-width);
	margin-inline: auto;
	padding-inline: 20px;
}
.section-padding { padding-block: 60px; }
.section-padding-top { padding-top: 60px; }
.mobile-nav-overlay { display: none; }
.mobile-nav-header { display: none; }
.mobile-menu-wrap { display: none; } /* بتظهر بس بالموبايل (جوا الـ @media)، هاد كان الباگ الأساسي الناقص. */

/* ============================================================
   الأزرار
   ============================================================ */
.btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 26px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1;
	border-radius: 999px;
	font-family: var(--pcc-font-heading);
	border: 1px solid transparent;
	cursor: pointer;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	background-position: right center;
	transition: background-position .4s ease, color .35s ease, border-color .35s ease;
}
.btn__inner {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}
.btn i { font-size: 14px; flex-shrink: 0; }

/* أزرار بخلفية حمرا (Primary): حركة تعبئة بيضا من الشمال لليمين + إطار وشادو أحمر واضح بالهوفر */
.btn--primary {
	background-image: linear-gradient(to right, var(--pcc-color-white) 50%, var(--pcc-color-primary) 50%);
	color: var(--pcc-color-white);
	border-color: var(--pcc-color-primary);
}
.btn--primary:hover {
	background-position: left center;
	color: var(--pcc-color-primary);
	border-color: var(--pcc-color-primary);
	box-shadow: 0 4px 14px -4px rgba(185,74,66,.55);
}

/* أزرار بخلفية خضرا (Green): حركة تعبئة بيضا من الشمال لليمين، متل الـ primary بس بالأخضر */
.btn--green {
	background-image: linear-gradient(to right, var(--pcc-color-white) 50%, var(--pcc-color-green) 50%);
	color: var(--pcc-color-white);
	border-color: var(--pcc-color-green);
}
.btn--green:hover {
	background-position: left center;
	color: var(--pcc-color-green-hover);
	border-color: var(--pcc-color-green);
}

/* أزرار بخلفية بيضا (White): حركة تعبئة خضرا من الشمال لليمين */
.btn--white {
	background-image: linear-gradient(to right, var(--pcc-color-green) 50%, var(--pcc-color-white) 50%);
	color: var(--pcc-color-primary);
	border-color: var(--pcc-color-white);
}
.btn--white:hover {
	background-position: left center;
	color: var(--pcc-color-white);
	border-color: var(--pcc-color-green);
}

/* زر Outline أحمر (خلفية بيضا، إطار ونص أحمر من البداية، بيتعبى أحمر بالهوفر) */
.btn--outline-primary {
	background-image: linear-gradient(to right, var(--pcc-color-primary) 50%, var(--pcc-color-white) 50%);
	color: var(--pcc-color-primary);
	border-color: var(--pcc-color-primary);
}
.btn--outline-primary:hover {
	background-position: left center;
	color: var(--pcc-color-white);
	border-color: var(--pcc-color-primary);
	box-shadow: 0 4px 14px -4px rgba(185,74,66,.35);
}

/* أزرار Outline (شفافة): حركة تعبئة خضرا من الشمال لليمين */
.btn--outline {
	background-image: linear-gradient(to right, var(--pcc-color-green) 50%, transparent 50%);
	color: var(--pcc-color-primary);
	border-color: var(--pcc-color-primary);
}
.btn--outline:hover {
	background-position: left center;
	color: var(--pcc-color-white);
	border-color: var(--pcc-color-green);
}

/* زر صغير (Report an Incident) */
.btn--sm {
	padding: 8px 18px;
	font-size: 13.5px;
}
.btn--sm i { font-size: 12px; }

/* ============================================================
   الهيدر
   ============================================================ */
.site-header__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding-block: 20px;
	max-width: var(--pcc-container-width-wide);
}
.site-header__logo img { max-height: 48px; width: auto; }
.primary-menu {
	display: flex;
	gap: 28px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: var(--pcc-font-primary);
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .01em;
}
.primary-menu > li { position: relative; }
.primary-menu > li > a {
	display: flex;
	align-items: center;
	gap: 7px;
	padding: 10px 0;
	transition: color .2s ease;
}
.primary-menu > li > a::after {
	content: '';
	width: 6px; height: 6px;
	border-inline-end: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	margin-top: -3px;
	opacity: .55;
	transition: transform .25s ease, opacity .2s ease;
}
.primary-menu li:not(.menu-item-has-children) > a::after { display: none; }
.primary-menu > li.menu-item-has-children:hover > a::after {
	transform: rotate(225deg);
	margin-top: 3px;
	opacity: .9;
}
.primary-menu > li:hover > a,
.primary-menu > li.current-menu-item > a {
	color: var(--pcc-color-primary);
}

/* ============================================================
   Mega Menu (بعمودين) - تصميم احترافي مع حركة ناعمة
   ============================================================ */
.mega-panel {
	position: absolute;
	top: 100%;
	inset-inline-start: -20px;
	background: var(--pcc-color-white);
	box-shadow: 0 20px 45px -10px rgba(0,0,0,.15), 0 0 0 1px rgba(0,0,0,.04);
	z-index: 100;
	border-radius: 12px;
	margin-top: 0; /* بدون فجوة - كانت سبب اختفاء القائمة عند محاولة الوصول لرابط */
	padding-top: 10px; /* مسافة بصرية بس بره الـ hover boundary (جوا الباناڵ نفسه) */
	opacity: 0;
	visibility: hidden;
	transform: translateY(6px);
	transition: opacity .18s ease, transform .18s ease, visibility .18s;
	pointer-events: none;
}
.mega-panel--wide { min-width: 580px; }
.mega-panel--simple { min-width: 240px; padding: 10px 0; }
.mega-panel--simple .mega-panel__col-left { border: none; padding: 6px 0; }
.menu-item-has-children:hover > .mega-panel {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	pointer-events: auto;
}
.mega-panel__inner {
	display: flex;
	min-height: 180px;
}
.mega-panel__col-left {
	list-style: none;
	margin: 0;
	padding: 16px 0;
	flex: 0 0 250px;
	border-inline-end: 1px solid var(--pcc-color-border);
}
.mega-panel__col-left li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	padding: 11px 22px;
	font-size: 14.5px;
	font-weight: 500;
	color: var(--pcc-color-text);
	font-family: var(--pcc-font-primary);
	transition: background .15s ease, color .15s ease, padding-inline-start .15s ease;
}
.mega-panel__col-left li a:hover,
.mega-panel__col-left li.mega-item.is-current a {
	color: var(--pcc-color-primary);
	background: var(--pcc-color-bg-alt);
	padding-inline-start: 26px;
}
.mega-panel__col-left li a i { font-size: 10px; opacity: .45; }

.mega-panel__col-right {
	flex: 1;
	padding: 20px 24px;
	background: var(--pcc-color-bg-alt);
	border-radius: 0 12px 12px 0;
}
.mega-sub {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
}
.mega-sub.is-active {
	display: block;
	animation: pcc-fade-in .18s ease;
}
@keyframes pcc-fade-in {
	from { opacity: 0; transform: translateX(-4px); }
	to { opacity: 1; transform: translateX(0); }
}
.mega-sub li a {
	display: block;
	padding: 9px 12px;
	font-size: 14.5px;
	border-radius: 6px;
	transition: background .15s ease, color .15s ease;
}
.mega-sub li a:hover {
	color: var(--pcc-color-primary);
	background: rgba(0,0,0,.03);
}
.mobile-menu-toggle { display: none; }

/* ============================================================
   Hero Section
   ============================================================ */
.hero {
	position: relative;
	min-height: 640px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	color: var(--pcc-color-white);
	overflow: hidden;
}
.hero__video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
.hero::before {
	content: '';
	position: absolute; inset: 0;
	background: rgba(20,20,20,.45);
	z-index: 1;
}
.hero__inner {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 900px;
}
.hero__inner h1 {
	font-size: clamp(32px, 5vw, 48px);
	font-weight: 700;
	color: var(--pcc-color-white);
	margin-bottom: 24px;
}
.hero__inner p {
	font-size: 18px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto 32px;
	opacity: .95;
}
.hero__actions {
	display: flex;
	gap: 16px;
	justify-content: center;
	flex-wrap: wrap;
}

/* ============================================================
   Feature Cards (صورة + نص على خلفية غامقة)
   ============================================================ */
.feature-cards__list {
	max-width: var(--pcc-container-width-wide);
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.feature-card {
	display: flex;
	background: var(--pcc-color-dark);
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	min-height: 190px;
}
.feature-card__image {
	flex: 0 0 280px;
	overflow: hidden;
}
.feature-card__image img {
	width: 100%; height: 100%;
	object-fit: cover;
}
.feature-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 32px 44px;
	color: var(--pcc-color-white);
}
.feature-card__content h2 {
	font-size: 22px;
	line-height: 1.4;
	color: var(--pcc-color-white);
	margin-bottom: 20px;
	font-weight: 700;
}
.feature-card__content .btn { align-self: flex-start; }

/* ============================================================
   Instagram Section
   ============================================================ */
.instagram-section { text-align: center; }
.instagram-section__title {
	color: var(--pcc-color-primary);
	font-size: 22px;
	margin-bottom: 32px;
}
.instagram-section__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
	max-width: var(--pcc-container-width-wide);
	margin-inline: auto;
}
.instagram-section__grid img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 4px;
}
.instagram-section__cta { margin-top: 32px; }

/* ============================================================
   الفوتر
   ============================================================ */
.site-footer {
	background: var(--pcc-color-dark);
	color: var(--pcc-color-white);
	padding-block: 60px 20px;
	position: relative;
	overflow: hidden;
}
.site-footer__inner {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1.5fr;
	gap: 32px;
	position: relative;
	z-index: 1;
}
.site-footer a { opacity: .85; transition: opacity .2s ease, color .2s ease; }
.site-footer a:hover { opacity: 1; }

/* روابط نصية بالفوتر (مو الأزرار ولا أيقونات السوشال): هوفر أخضر + خط أبيض بيكبر من الشمال لليمين */
.site-footer__contact a,
.footer-menu a,
.site-footer__bottom a,
.site-footer__brand > a {
	position: relative;
	display: inline-block;
	padding-bottom: 7px;
}
.site-footer__contact a::after,
.footer-menu a::after,
.site-footer__bottom a::after,
.site-footer__brand > a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 2px;
	background: var(--pcc-color-green);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .3s ease;
}
.site-footer__contact a:hover,
.footer-menu a:hover,
.site-footer__bottom a:hover,
.site-footer__brand > a:hover {
	color: var(--pcc-color-green);
	opacity: 1;
}
.site-footer__contact a:hover::after,
.footer-menu a:hover::after,
.site-footer__bottom a:hover::after,
.site-footer__brand > a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}
.site-footer__brand { display: flex; flex-direction: column; gap: 16px; }
.site-footer__logo {
	max-height: unset;
	width: 270px;
	height: auto;
}
.site-footer__contact { list-style: none; margin: 0; padding: 0; }
.site-footer__col h4,
.site-footer__newsletter h4 {
	text-transform: uppercase;
	font-family: var(--pcc-font-heading);
	font-size: 15px;
	letter-spacing: .05em;
	margin-bottom: 16px;
	color: var(--pcc-color-white);
}
.footer-menu { list-style: none; margin: 0; padding: 0; }
.footer-menu li { margin-bottom: 10px; }
.site-footer__social { display: flex; gap: 12px; }
.social-icon {
	width: 34px; height: 34px;
	display: flex; align-items: center; justify-content: center;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	transition: background .2s ease, transform .2s ease;
}
.social-icon:hover {
	background: var(--pcc-color-primary);
	transform: translateY(-3px);
}
.social-icon i { font-size: 14px; }
.site-footer__bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	padding-top: 20px;
	border-top: 1px solid rgba(255,255,255,.15);
	font-size: 14px;
	position: relative;
	z-index: 1;
}
.site-footer__legal-links {
	display: flex;
	align-items: center;
	gap: 24px;
}
/* الزخرفة النقطية الحمرا أعلى يمين الفوتر (زي shape-1.svg بالموقع الأصلي) */
/* ============================================================
   زر التبرع العائم (Floating Donate Button)
   ============================================================ */
.floating-donate-btn {
	position: fixed;
	left: 24px;
	bottom: 24px;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
	font-family: var(--pcc-font-heading);
	font-weight: 400;
	font-size: 15px;
	line-height: 1;
	padding: 13px 26px;
	border-radius: 999px;
	box-shadow: 0 10px 26px -8px rgba(185,74,66,.55);
	opacity: 0;
	transform: translateY(16px);
	pointer-events: none;
	transition: opacity .3s ease, transform .3s ease, background .2s ease, box-shadow .2s ease;
}
.floating-donate-btn.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.floating-donate-btn:hover {
	background: var(--pcc-color-primary-hover);
	box-shadow: 0 14px 30px -8px rgba(185,74,66,.65);
	transform: translateY(-3px);
}
.floating-donate-btn i { font-size: 15px; }

.site-footer::after {
	content: '';
	position: absolute;
	top: 0; inset-inline-end: 0;
	width: 140px; height: 140px;
	background-image: radial-gradient(var(--pcc-color-primary) 1.5px, transparent 1.5px);
	background-size: 12px 12px;
	opacity: .8;
}

/* ============================================================
   Page Banner (بانر الصفحات الداخلية - قابل لإعادة الاستخدام)
   ============================================================ */
.page-banner {
	background: var(--pcc-color-bg-alt);
	padding-block: 70px;
	text-align: center;
}
.page-banner h1 {
	position: relative;
	font-size: clamp(36px, 5vw, 52px);
	color: var(--pcc-color-text);
	margin-bottom: 16px;
}
/* الزخرفة النقطية الحمرا - دايمًا بمستوى العنوان بالضبط (مش نص البانر
   كامل يلي بيتغيّر حسب وجود subtitle)، يمين الصفحة. 7 أعمدة × 3 صفوف. */
.page-banner h1::after {
	content: '';
	position: absolute;
	top: 50%;
	inset-inline-end: 40px;
	transform: translateY(-50%);
	width: 112px;  /* 7 أعمدة × 16px */
	height: 48px;  /* 3 صفوف × 16px */
	background-image: radial-gradient(var(--pcc-color-primary) 1.5px, transparent 1.5px);
	background-size: 16px 16px;
	opacity: .8;
	pointer-events: none;
}
.page-banner__breadcrumb {
	font-size: 15px;
	color: var(--pcc-color-text-light);
}
/* ============================================================
   تأثير هوفر موحّد لكل الروابط النصية بالموقع: خط بيكبر من الشمال
   لليمين وقت الهوفر، وبيتقلص/يختفي ناحية اليمين وقت ما تشيل الماوس.
   بيستخدم currentColor حتى ياخد نفس لون كل رابط تلقائيًا (أحمر
   بمعظم الأماكن، أخضر بالفوتر...) بدون تكرار.
   ============================================================ */
.page-banner__breadcrumb a,
.post-card__title a,
.campaign-row__heading,
.resource-item__link,
.edu-resources-item__link,
.webinar-event__speaker a {
	position: relative;
	display: inline-block;
}
.resource-item__link,
.edu-resources-item__link {
	display: inline-flex; /* حتى تضل الأيقونة والنص جنب بعض */
}
.page-banner__breadcrumb a::after,
.post-card__title a::after,
.campaign-row__heading::after,
.resource-item__link::after,
.edu-resources-item__link::after,
.webinar-event__speaker a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 1.5px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .3s ease;
}
.page-banner__breadcrumb a:hover::after,
.post-card__title a:hover::after,
.campaign-row__heading:hover::after,
.resource-item__link:hover::after,
.edu-resources-item__link:hover::after,
.webinar-event__speaker a:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

/* روابط جوا فقرات نصية (Two-Column, General/Education Resources): خط تحتها
   ثابت دايمًا (مو بس بالهوفر) لأنها وسط جملة والقارئ لازم يميّزها كرابط
   طول الوقت، بس اللون بيتغير بالهوفر. */
.twocol-intro__body a,
.resources-intro__body a,
.edu-resources-intro__body a {
	color: var(--pcc-color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .2s ease;
}
.twocol-intro__body a:hover,
.resources-intro__body a:hover,
.edu-resources-intro__body a:hover { color: var(--pcc-color-primary-hover); }

.page-banner__breadcrumb a { color: var(--pcc-color-text-light); }
.page-banner__breadcrumb a:hover { color: var(--pcc-color-primary); }
.page-banner__breadcrumb span[aria-hidden] { margin: 0 6px; }
.page-banner__breadcrumb > span:last-child { color: var(--pcc-color-primary); }
.page-banner__subtitle {
	position: relative;
	z-index: 1;
	font-size: 17px;
	color: var(--pcc-color-text-light);
	margin-bottom: 16px;
}

/* ============================================================
   About Us Page - Tabs
   ============================================================ */
.about-tabs__nav {
	display: flex;
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	border: 1px solid var(--pcc-color-border);
	margin-bottom: 32px;
}
.about-tabs__btn {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 18px 20px;
	background: var(--pcc-color-bg-alt);
	border: none;
	border-inline-end: 1px solid var(--pcc-color-border);
	font-family: var(--pcc-font-primary);
	font-size: 16px;
	color: var(--pcc-color-text);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.about-tabs__btn:last-child { border-inline-end: none; }
.about-tabs__btn i { font-size: 15px; }
.about-tabs__btn.is-active {
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
}
.about-tabs__panel {
	display: none;
	background: var(--pcc-color-bg-alt);
	border-radius: var(--pcc-radius-lg);
	padding: 28px 32px;
}
.about-tabs__panel.is-active { display: block; }
.about-tabs__panel p { margin: 0; font-size: 16px; line-height: 1.8; }

/* ============================================================
   About Us Page - Manifesto (heading + alternating icon/text rows)
   ============================================================ */
.manifesto-heading {
	text-align: center;
	color: var(--pcc-color-primary);
	font-size: 30px;
	padding-top: 60px;
}
.manifesto-row__inner {
	display: flex;
	align-items: center;
	gap: 48px;
}
.manifesto-row--reverse .manifesto-row__inner { flex-direction: row-reverse; }
.manifesto-row--alt { background: var(--pcc-color-bg-alt); }
.manifesto-row__icon { flex: 0 0 260px; }
.icon-circle {
	position: relative;
	width: 260px;
	height: 260px;
	border-radius: var(--pcc-radius-lg);
	background: var(--pcc-color-dark);
	display: flex;
	align-items: center;
	justify-content: center;
}
.icon-circle::before {
	content: "";
	width: 150px;
	height: 150px;
	border-radius: 50%;
	background: var(--pcc-color-primary);
	position: absolute;
	z-index: 0;
}
.icon-circle i {
	position: relative;
	z-index: 1;
	color: var(--pcc-color-white);
	font-size: 56px;
}
.manifesto-row__content { flex: 1; }
.manifesto-row__content h3 {
	color: var(--pcc-color-primary);
	font-size: 26px;
	margin-bottom: 18px;
}
.manifesto-row__content p {
	font-size: 16px;
	line-height: 1.8;
	color: var(--pcc-color-text);
	margin-bottom: 16px;
}
.manifesto-row__content p:last-child { margin-bottom: 0; }

/* ============================================================
   About Us Page - Call To Action + Accordion
   ============================================================ */
.cta-section__top {
	display: flex;
	align-items: center;
	gap: 48px;
	margin-bottom: 40px;
}
.cta-section__text { flex: 1; }
.cta-section__label {
	color: var(--pcc-color-primary);
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-size: 14px;
	margin-bottom: 6px;
}
.cta-section__text h2 { font-size: 30px; margin-bottom: 16px; }
.cta-section__text p { font-size: 16px; line-height: 1.8; }
.cta-section__image { flex: 0 0 48%; }
.cta-section__image img { border-radius: var(--pcc-radius-lg); }

.accordion { display: flex; flex-direction: column; gap: 16px; }
.accordion-item {
	background: var(--pcc-color-bg-alt);
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
}
.accordion-item__header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: none;
	border: none;
	text-align: start;
	padding: 22px 28px;
	font-family: var(--pcc-font-heading);
	font-size: 19px;
	color: var(--pcc-color-text);
	cursor: pointer;
}
.accordion-item__icon {
	flex-shrink: 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	transition: transform .2s ease;
}
.accordion-item.is-open .accordion-item__icon { transform: rotate(45deg); }
.accordion-item__body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .3s ease;
	padding-inline: 28px;
}
.accordion-item.is-open .accordion-item__body {
	max-height: 400px;
	padding-bottom: 24px;
}
.accordion-item__body p { margin: 0; font-size: 16px; line-height: 1.7; color: var(--pcc-color-text-light); }

/* ============================================================
   Webinars Page
   ============================================================ */
.webinar-event__heading {
	color: var(--pcc-color-primary);
	font-size: 28px;
	margin-bottom: 16px;
}
.webinar-event__intro {
	font-size: 17px;
	line-height: 1.8;
	max-width: 950px;
	margin-bottom: 24px;
}
.webinar-event__date {
	color: var(--pcc-color-primary);
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 4px;
}
.webinar-event__speaker {
	font-weight: 700;
	font-size: 17px;
	margin-bottom: 28px;
}
.webinar-event__speaker a {
	color: inherit;
	transition: color .2s ease;
}
.webinar-event__speaker a:hover {
	color: var(--pcc-color-primary);
}
.webinar-event__videos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	gap: 24px;
	margin-bottom: 40px;
}
.webinar-video {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* نسبة 16:9 */
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	background: var(--pcc-color-dark-2);
}
.webinar-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.webinar-event__cta { display: flex; justify-content: center; }
.webinars-divider {
	border: none;
	border-top: 1px solid var(--pcc-color-border);
	margin: 48px 0;
}

/* ============================================================
   Donate Page
   ============================================================ */
.donate-block {
	display: flex;
	align-items: stretch;
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	margin-bottom: 24px;
}
.donate-block--right { flex-direction: row-reverse; }
.donate-block__image {
	position: relative;
	flex: 0 0 40%;
	max-width: 40%;
}
.donate-block__image img { width: 100%; height: 100%; object-fit: cover; display: block; }
.donate-block__image-caption {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(0,0,0,.55);
	color: var(--pcc-color-white);
	font-size: 12px;
	padding: 8px 12px;
}
.donate-block__content {
	flex: 1;
	padding: 48px 56px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 18px;
}
.donate-block__heading {
	color: var(--pcc-color-white);
	font-size: 30px;
	line-height: 1.3;
	padding-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,.25);
	width: 100%;
	max-width: 480px;
}
.donate-block__text p {
	color: rgba(255,255,255,.85);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 12px;
}
.donate-block__text p:last-child { margin-bottom: 0; }

.donate-tiers {
	width: 100%;
	max-width: 520px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	text-align: center;
}
.donate-tier__badge {
	display: inline-block;
	color: var(--pcc-color-white);
	font-weight: 700;
	font-size: 14px;
	padding: 6px 18px;
	border-radius: 999px;
}
.donate-tier__desc {
	color: rgba(255,255,255,.8);
	font-size: 14px;
	margin-top: 6px;
}

.donate-block__btn { width: 100%; max-width: 480px; justify-content: center; margin-top: 8px; }

.donate-etransfer {
	text-align: center;
	font-size: 16px;
	margin: 40px 0 8px;
}
.donate-etransfer a {
	color: var(--pcc-color-primary);
	font-weight: 600;
}

.donate-share { text-align: center; margin: 32px 0 60px; }
.donate-share__heading { color: var(--pcc-color-primary); font-size: 20px; margin-bottom: 16px; }
.donate-share__icons { display: flex; justify-content: center; gap: 14px; }
.donate-share__icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1.5px solid var(--pcc-color-primary);
	color: var(--pcc-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, color .2s ease;
}
.donate-share__icon:hover { background: var(--pcc-color-primary); color: var(--pcc-color-white); }

/* Popup الخاص بكل حملة تبرع */
.donate-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	padding: 24px;
}
.donate-modal.is-open { display: flex; }
.donate-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.65);
}
.donate-modal__dialog {
	position: relative;
	z-index: 1;
	background: var(--pcc-color-white);
	border-radius: var(--pcc-radius-lg);
	max-width: 640px;
	width: 100%;
	max-height: 90vh;
	overflow-y: auto;
	padding: 40px;
}
.donate-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--pcc-color-bg-alt);
	border: none;
	color: var(--pcc-color-text);
	cursor: pointer;
	transition: background .2s ease;
}
.donate-modal__close:hover { background: var(--pcc-color-border); }
.donate-modal__body iframe { width: 100%; border: none; }
.donate-modal__loading {
	text-align: center;
	color: var(--pcc-color-text-light);
	font-size: 15px;
	padding: 40px 0;
}

/* ============================================================
   Photo Library Page
   ============================================================ */
.photo-library-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
	gap: 40px;
}
.photo-card__image {
	display: block;
	width: 100%;
	padding: 0;
	border: none;
	background: none;
	cursor: zoom-in;
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	margin-bottom: 20px;
}
.photo-card__image img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform .35s ease;
}
.photo-card__image:hover img { transform: scale(1.04); }
.photo-card__title {
	color: var(--pcc-color-primary);
	font-size: 22px;
	margin-bottom: 12px;
}
.photo-card__body p {
	font-size: 15px;
	line-height: 1.75;
	margin-bottom: 20px;
}
.photo-card__download { width: 100%; justify-content: center; }

/* Lightbox */
.pcc-lightbox {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0,0,0,.9);
	align-items: center;
	justify-content: center;
	padding: 40px;
}
.pcc-lightbox.is-open { display: flex; }
.pcc-lightbox__figure { max-width: 90vw; max-height: 90vh; margin: 0; text-align: center; }
.pcc-lightbox__img {
	max-width: 90vw;
	max-height: 80vh;
	width: auto;
	height: auto;
	border-radius: var(--pcc-radius);
	display: block;
	margin-inline: auto;
}
.pcc-lightbox__caption {
	color: var(--pcc-color-white);
	margin-top: 16px;
	font-family: var(--pcc-font-heading);
	font-size: 18px;
}
.pcc-lightbox__close {
	position: absolute;
	top: 24px;
	right: 24px;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	border: none;
	color: var(--pcc-color-white);
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease;
}
.pcc-lightbox__close:hover { background: rgba(255,255,255,.2); }

/* ============================================================
   Two-Column Content Page (Anti-Palestinian Racism Reporting وشبيهاتها)
   ============================================================ */
.twocol-intro {
	max-width: 900px;
	margin: 0 auto 50px;
	text-align: center;
}
.twocol-intro__heading {
	color: var(--pcc-color-primary);
	font-size: 28px;
	margin-bottom: 20px;
	text-align: start;
}
.twocol-intro__body {
	text-align: start;
	font-size: 16px;
	line-height: 1.8;
}
.twocol-intro__body p { margin-bottom: 16px; }
.twocol-intro__actions {
	display: flex;
	justify-content: center;
	gap: 24px;
	margin-top: 32px;
	flex-wrap: wrap;
}
.twocol-intro__actions .btn { padding: 16px 32px; font-size: 16px; }

.twocol-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	padding-block: 36px;
	border-top: 1px solid var(--pcc-color-border);
}
.twocol-block__heading {
	color: var(--pcc-color-primary);
	font-size: 22px;
	margin-bottom: 18px;
}
.twocol-block__content {
	font-size: 16px;
	line-height: 1.8;
}
.twocol-block__content p { margin-bottom: 14px; }
.twocol-block__content ul,
.twocol-block__content ol {
	margin: 0 0 16px;
	padding-inline-start: 22px;
}
.twocol-block__content li { margin-bottom: 10px; }
.twocol-block__content .pcc-sub-list {
	margin-top: 8px;
	margin-bottom: 0;
	list-style: disc;
}
.twocol-block__content em { color: var(--pcc-color-text-light); }

/* ============================================================
   Volunteer Page
   ============================================================ */
.volunteer-section { padding-block: 32px; }
.volunteer-intro {
	text-align: center;
	max-width: 720px;
	margin: 0 auto 24px;
}
.volunteer-intro__eyebrow {
	color: var(--pcc-color-primary);
	font-weight: 600;
	margin-bottom: 8px;
}
.volunteer-intro__heading {
	font-size: 36px;
	margin-bottom: 10px;
}
.volunteer-intro__subtitle {
	font-size: 16px;
	color: var(--pcc-color-text-light);
	line-height: 1.7;
}
.volunteer-embed-card {
	max-width: 960px;
	margin: 0 auto;
	background: var(--pcc-color-white);
	border-radius: var(--pcc-radius-lg);
	box-shadow: 0 20px 50px -20px rgba(0,0,0,.15);
	padding: 24px;
}
.volunteer-embed-card__image {
	display: flex;
	justify-content: center;
	margin-bottom: 12px;
}
.volunteer-embed-card__image img {
	width: auto;
	height: 520px;
	max-width: 100%;
	object-fit: cover;
}
.volunteer-embed-card__caption {
	text-align: left;
	font-size: 16px;
	color: var(--pcc-color-text-light);
	margin-top: 10px;
}
.volunteer-embed-card__caption p:last-child { margin-bottom: 0; }
.volunteer-embed-card__content iframe { width: 100%; border: none; display: block; }

/* ============================================================
   Contact Us Page
   ============================================================ */
.contact-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 70px;
}
.contact-heading {
	color: var(--pcc-color-primary);
	font-size: 20px;
	margin-bottom: 16px;
}
.contact-left__text {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 32px;
}
.contact-left__text p { margin-bottom: 14px; }
.contact-left__text ul {
	padding-inline-start: 22px;
	margin: 0;
}
.contact-left__text li { margin-bottom: 12px; }

.contact-info__email {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 15px;
	margin-bottom: 24px;
}
.contact-info__email i {
	flex-shrink: 0;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
}
.contact-info__email a {
	color: var(--pcc-color-text);
	transition: color .2s ease;
}
.contact-info__email a:hover { color: var(--pcc-color-primary); }

.contact-info__social { display: flex; gap: 14px; }
.contact-social-icon {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	border: 1.5px solid var(--pcc-color-primary);
	color: var(--pcc-color-primary);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease, color .2s ease;
}
.contact-social-icon:hover { background: var(--pcc-color-primary); color: var(--pcc-color-white); }

/* فورم Contact Form 7 - تنسيق عام لأي فورم يلصقه المستخدم */
.contact-form-wrap__placeholder {
	color: var(--pcc-color-text-light);
	font-style: italic;
}
.contact-form-wrap .wpcf7-form-control-wrap { display: block; margin-bottom: 20px; }
.contact-form-wrap input[type="text"],
.contact-form-wrap input[type="email"],
.contact-form-wrap input[type="tel"],
.contact-form-wrap input[type="url"],
.contact-form-wrap select,
.contact-form-wrap textarea {
	width: 100%;
	background: var(--pcc-color-bg-alt);
	border: 1px solid var(--pcc-color-border);
	border-radius: var(--pcc-radius);
	padding: 16px 20px;
	font-family: var(--pcc-font-primary);
	font-size: 15px;
	color: var(--pcc-color-text);
	transition: border-color .2s ease;
}
.contact-form-wrap textarea { min-height: 160px; resize: vertical; }
.contact-form-wrap input::placeholder,
.contact-form-wrap textarea::placeholder {
	color: var(--pcc-color-text-light);
	opacity: 1;
}
.contact-form-wrap input:focus,
.contact-form-wrap textarea:focus,
.contact-form-wrap select:focus {
	outline: none;
	border-color: var(--pcc-color-primary);
}
.contact-form-wrap input[type="submit"],
.contact-form-wrap .wpcf7-submit {
	width: 100%;
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
	border: none;
	border-radius: 999px;
	padding: 18px;
	font-family: var(--pcc-font-heading);
	font-size: 17px;
	font-weight: 700;
	cursor: pointer;
	transition: background .2s ease;
}
.contact-form-wrap input[type="submit"]:hover,
.contact-form-wrap .wpcf7-submit:hover { background: var(--pcc-color-primary-hover); }
.contact-form-wrap .wpcf7-not-valid-tip { color: var(--pcc-color-primary); font-size: 13px; margin-top: 6px; }
.contact-form-wrap .wpcf7-response-output {
	margin-top: 20px;
	padding: 14px 18px;
	border-radius: var(--pcc-radius);
	font-size: 14px;
}

/* ============================================================
   فورم WPForms بصفحة Contact - نفس تصميم فورم Contact Form 7 القديم
   بالضبط 100% (نفس الألوان/الحواف/الأبعاد، بدون أي عنوان ظاهر فوق
   الحقول - بس placeholder، وكل حقل ياخد عرض العمود كامل). بيشتغل
   تلقائيًا على أي فورم WPForms تحطه بحقل "Contact Form 7 shortcode"
   (شوف inc/contact-template-meta.php).

   ملاحظة: استخدمنا !important بكذا مكان هون عن قصد - WPForms عندها
   ستايل افتراضي خاص فيها (أحجام Small/Medium/Large محدودة العرض، لون
   أزرق للزر...) وبتحمل بعد ستايل الثيم أحيانًا، فلازم نتغلب عليها
   بشكل مضمون 100% مهما كان إعداد "Form Style" باختيارات WPForms.

   خطوتين يدويتين لازم تعملهم من WPForms Form Builder نفسه (ما فيني
   أعملهم من هون، مش جزء من ملفات الثيم):
   1) حقل "Name": غيّر الـ Format من "First Last" لـ "Simple" (حقل
      واحد بدل ما ينقسم لـ First/Last) - عشان يطابق القديم بالضبط.
   2) لكل حقل: عبّي "Placeholder Text" (بإعدادات الحقل بتاب Advanced)
      بنفس النص القديم: Name / Email address / Message - لأنه بما إنه
      خفينا العناوين (Labels)، الفورم لازم يعتمد على الـ placeholder
      بس زي القديم بالضبط.
   ============================================================ */

/* نفس تباعد .wpcf7-form-control-wrap بالضبط لكل حقل. */
.contact-form-wrap .wpforms-field { margin-bottom: 20px !important; width: 100% !important; }

/* إخفاء كل العناوين (Labels/Sub-labels/علامة *) - الفورم القديم ما كان
   بيوريهم أصلاً، كان الاعتماد بس على الـ placeholder جوا الحقل. */
.contact-form-wrap .wpforms-field-label,
.contact-form-wrap .wpforms-field-sublabel,
.contact-form-wrap .wpforms-required-label,
.contact-form-wrap .wpforms-field-description {
	display: none !important;
}

/* حقل "Name" (لو ضل بصيغة First/Last) - نخليهم ياخدوا عرض الصف كامل
   جنب بعض بدون فراغ ضايع. الأفضل تحويله لـ "Simple" من الفورم بيلدر
   (شوف الملاحظة فوق) عشان يصير حقل واحد بالضبط متل القديم. */
.contact-form-wrap .wpforms-field-row {
	display: flex !important;
	gap: 16px;
	width: 100% !important;
	margin: 0 !important;
}
.contact-form-wrap .wpforms-field-row-block {
	flex: 1 1 0 !important;
	width: auto !important;
	max-width: none !important;
	padding: 0 !important;
}

/* نفس شكل الصندوق (خلفية/حواف/حشوة) تبع .wpcf7 بالضبط - وبعرض العمود
   كامل دايمًا، بغض النظر عن حجم الحقل (Small/Medium/Large) يلي مختاره
   بإعدادات WPForms. */
.contact-form-wrap .wpforms-field input[type="text"],
.contact-form-wrap .wpforms-field input[type="email"],
.contact-form-wrap .wpforms-field input[type="tel"],
.contact-form-wrap .wpforms-field input[type="url"],
.contact-form-wrap .wpforms-field input[type="number"],
.contact-form-wrap .wpforms-field select,
.contact-form-wrap .wpforms-field textarea {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	background: var(--pcc-color-bg-alt);
	border: 1px solid var(--pcc-color-border);
	border-radius: var(--pcc-radius);
	padding: 16px 20px;
	font-family: var(--pcc-font-primary);
	font-size: 15px;
	color: var(--pcc-color-text);
	transition: border-color .2s ease;
	box-sizing: border-box !important;
}
.contact-form-wrap .wpforms-field textarea { min-height: 160px; resize: vertical; }
.contact-form-wrap .wpforms-field input::placeholder,
.contact-form-wrap .wpforms-field textarea::placeholder {
	color: var(--pcc-color-text-light);
	opacity: 1;
}
.contact-form-wrap .wpforms-field input:focus,
.contact-form-wrap .wpforms-field textarea:focus,
.contact-form-wrap .wpforms-field select:focus {
	outline: none;
	border-color: var(--pcc-color-primary);
}

/* زر الإرسال - نفس شكل .wpcf7-submit بالضبط (زر أحمر عريض بحواف مدورة،
   بعرض العمود كامل) - بديل للون الأزرق الافتراضي تبع WPForms. */
.contact-form-wrap .wpforms-submit-container { width: 100% !important; margin: 0 !important; padding: 0 !important; }
.contact-form-wrap .wpforms-submit {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	background: var(--pcc-color-primary) !important;
	color: var(--pcc-color-white) !important;
	border: none !important;
	border-radius: 999px !important;
	font-family: var(--pcc-font-heading);
	font-size: 17px;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	cursor: pointer;
	transition: background .2s ease;
}
.contact-form-wrap .wpforms-submit:hover { background: var(--pcc-color-primary-hover) !important; }
/* سبينر التحميل (وقت الإرسال) أبيض بدل رمادي، عشان يبين فوق الزر الأحمر. */
.contact-form-wrap .wpforms-submit-spinner { filter: brightness(0) invert(1); }

/* رسالة الخطأ تحت الحقل - نفس شكل .wpcf7-not-valid-tip بالضبط. */
.contact-form-wrap label.wpforms-error {
	display: block !important;
	color: var(--pcc-color-primary);
	font-size: 13px;
	margin-top: 6px;
}
.contact-form-wrap .wpforms-field.wpforms-has-error input,
.contact-form-wrap .wpforms-field.wpforms-has-error textarea,
.contact-form-wrap .wpforms-field.wpforms-has-error select {
	border-color: var(--pcc-color-primary) !important;
}

/* رسالة النجاح بعد الإرسال - نفس شكل .wpcf7-response-output بالضبط
   (تباعد/حواف/حجم خط بس، بدون لون مفروض - نفس مبدأ القديم). */
.contact-form-wrap .wpforms-confirmation-container {
	margin-top: 20px;
	padding: 14px 18px;
	border-radius: var(--pcc-radius);
	font-size: 14px;
}

@media (max-width: 480px) {
	.contact-form-wrap .wpforms-field-row { flex-direction: column; gap: 0; }
}

/* ============================================================
   Coming Soon Page (صفحة مستقلة - بدون هيدر/فوتر الموقع العادي)
   ============================================================ */
body.coming-soon-page {
	margin: 0;
	background: var(--pcc-color-dark-2);
}
.coming-soon {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--pcc-color-dark-2);
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.coming-soon__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.75));
}
.coming-soon__inner {
	position: relative;
	z-index: 1;
	max-width: 640px;
	width: 100%;
	padding: 40px 24px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}
.coming-soon__logo {
	display: inline-block;
	margin-bottom: 12px;
}
.coming-soon__logo img { max-height: 60px; width: auto; }
.coming-soon__heading {
	color: var(--pcc-color-white);
	font-size: 40px;
	line-height: 1.3;
	margin: 0;
}
.coming-soon__subtitle {
	color: rgba(255,255,255,.85);
	font-size: 17px;
	line-height: 1.8;
	max-width: 480px;
	margin: 0;
}
.coming-soon__countdown {
	display: flex;
	gap: 20px;
	margin: 12px 0;
}
.countdown-unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	min-width: 70px;
	background: rgba(255,255,255,.08);
	border: 1px solid rgba(255,255,255,.15);
	border-radius: var(--pcc-radius);
	padding: 16px 12px;
}
.countdown-unit__value {
	color: var(--pcc-color-white);
	font-family: var(--pcc-font-heading);
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
}
.countdown-unit__label {
	color: rgba(255,255,255,.65);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .6px;
}
.coming-soon__btn { margin-top: 8px; }
.coming-soon__social {
	display: flex;
	gap: 14px;
	margin-top: 24px;
}
.coming-soon__social .social-icon {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: rgba(255,255,255,.1);
	color: var(--pcc-color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background .2s ease;
}
.coming-soon__social .social-icon:hover { background: var(--pcc-color-primary); }

@media (max-width: 500px) {
	.coming-soon__heading { font-size: 28px; }
	.coming-soon__countdown { gap: 10px; }
	.countdown-unit { min-width: 58px; padding: 12px 8px; }
	.countdown-unit__value { font-size: 22px; }
	.floating-donate-btn { left: 16px; bottom: 16px; }
}

/* ============================================================
   Single Post (تفاصيل الخبر)
   ============================================================ */
.single-post__grid {
	display: grid;
	grid-template-columns: 7fr 3fr; /* 70% محتوى المقالة / 30% سايدبار */
	gap: 60px;
	align-items: start;
}
.single-post__main { min-width: 0; }

.single-post__title {
	font-size: 38px;
	line-height: 1.3;
	margin: 10px 0 20px;
}
.single-post__thumbnail { margin: 24px 0 32px; }
.single-post__thumbnail img {
	width: 100%;
	border-radius: var(--pcc-radius-lg);
	display: block;
}

/* السايدبار يضل ثابت (Sticky) وقت السكرول بصفحة تفاصيل الخبر بس. */
.single-post__grid .blog-sidebar {
	position: sticky;
	top: 32px;
	align-self: start;
}

/* محتوى المحرر (Gutenberg) - عناوين حمرا بمقاسات مختلفة، فقرات، صور مع
   Caption، اقتباسات، روابط، وembed فيديوهات. */
.entry-content { font-size: 16px; line-height: 1.85; color: var(--pcc-color-text); }
.entry-content > * { margin-bottom: 26px; }
.entry-content > *:last-child { margin-bottom: 0; }

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
	color: var(--pcc-color-primary);
	font-family: var(--pcc-font-heading);
	line-height: 1.35;
	margin-top: 8px;
}
.entry-content h1 { font-size: 32px; }
.entry-content h2 { font-size: 28px; }
.entry-content h3 { font-size: 23px; }
.entry-content h4 { font-size: 19px; }
.entry-content h5 { font-size: 16px; }
.entry-content h6 { font-size: 14px; text-transform: uppercase; letter-spacing: .5px; }

.entry-content p { margin-bottom: 22px; }

.entry-content a {
	color: var(--pcc-color-primary);
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: color .2s ease;
}
.entry-content a:hover { color: var(--pcc-color-primary-hover); }

/* صورة + Caption (سواء بلوك الصورة بـ Gutenberg أو الـ shortcode القديم) */
.entry-content img { max-width: 100%; height: auto; border-radius: var(--pcc-radius); display: block; }
.entry-content figure { margin: 0; }
.entry-content .wp-block-image,
.entry-content .wp-caption {
	max-width: 100%;
}
.entry-content .wp-block-image figcaption,
.entry-content .wp-caption-text {
	font-size: 13px;
	color: var(--pcc-color-text-light);
	font-style: italic;
	text-align: center;
	margin-top: 10px;
	padding: 0 8px;
}

.entry-content blockquote {
	color: var(--pcc-color-text-light);
	font-size: 14px !important;
	font-style: italic;
	margin: 0;
	border-bottom: 1px #ddd solid;
}

.entry-content ul,
.entry-content ol { padding-inline-start: 22px; }
.entry-content li { margin-bottom: 8px; }

.entry-content hr {
	border: none;
	border-top: 1px solid var(--pcc-color-border);
}

/* فيديوهات/embeds (يوتيوب، فيميو، تويتر...) - استجابة تلقائية للعرض */
.entry-content .wp-block-embed__wrapper,
.entry-content .entry-content iframe {
	position: relative;
}
.entry-content .wp-block-embed iframe,
.entry-content iframe {
	max-width: 100%;
}
.entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper {
	position: relative;
	padding-top: 56.25%;
}
.entry-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* Sources (المصادر) - قائمة بسيطة بدون مربعات: عنوان أحمر، روابط سودا
   بتصير حمرا بالهوفر (نفس نمط resource-item__link بباقي الموقع). */
.post-sources {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid var(--pcc-color-border);
}
.post-sources__heading {
	color: var(--pcc-color-primary);
	font-size: 22px;
	margin-bottom: 18px;
}
.post-sources__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.post-sources__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: var(--pcc-color-text);
	font-weight: 600;
	font-size: 15px;
	transition: color .2s ease;
}
.post-sources__link:hover { color: var(--pcc-color-primary); }
.post-sources__link i { font-size: 13px; color: var(--pcc-color-primary); }

/* ============================================================
   Blog / Category Archive (News, Media, Press Release...)
   ============================================================ */
.blog-archive__inner {
	display: grid;
	grid-template-columns: 1fr;
	gap: 60px;
	align-items: start;
}
.blog-archive__empty { font-size: 16px; color: var(--pcc-color-text-light); }

/* بطاقة المقالة */
.post-card {
	display: flex;
	gap: 28px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid var(--pcc-color-border);
}
.post-card:last-child { border-bottom: none; }
.post-card__image {
	flex: 0 0 30%;
	max-width: 30%;
	aspect-ratio: 4 / 3;
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
	display: block;
}
.post-card__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.post-card:hover .post-card__image img { transform: scale(1.08); }
.post-card__body { flex: 1; min-width: 0; }
.post-card__cat {
	margin-bottom: 8px;
}
.post-card__cat a {
	color: var(--pcc-color-primary);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .8px;
	text-transform: uppercase;
}
.post-card__title {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 12px;
}
.post-card__title a {
	color: var(--pcc-color-text);
	transition: color .2s ease;
}
.post-card__title a:hover { color: var(--pcc-color-primary); }
.post-card__meta {
	font-size: 12px;
	letter-spacing: .3px;
	text-transform: uppercase;
	color: var(--pcc-color-text-light);
}
.post-card__sep { margin: 0 8px; }

/* السايدبار */
.blog-sidebar__widget { margin-bottom: 40px; }
.blog-sidebar__title {
	font-size: 19px;
	margin-bottom: 16px;
}
.blog-search-form {
	display: flex;
	border: 1px solid var(--pcc-color-border);
	border-radius: var(--pcc-radius);
	overflow: hidden;
}
.blog-search-form__input {
	flex: 1;
	border: none;
	padding: 12px 16px;
	font-family: var(--pcc-font-primary);
	font-size: 14px;
	background: none;
}
.blog-search-form__input:focus { outline: none; }
.blog-search-form__btn {
	border: none;
	background: var(--pcc-color-bg-alt);
	padding: 0 18px;
	color: var(--pcc-color-text);
	cursor: pointer;
	transition: background .2s ease, color .2s ease;
}
.blog-search-form__btn:hover { background: var(--pcc-color-primary); color: var(--pcc-color-white); }

.blog-sidebar__categories {
	display: flex;
	flex-direction: column;
	gap: 10px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.blog-sidebar__categories a {
	position: relative;
	display: inline-block;
	padding-bottom: 4px;
	color: var(--pcc-color-text);
	font-size: 15px;
	transition: color .2s ease;
}
.blog-sidebar__categories a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: var(--pcc-color-primary);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .3s ease;
}
.blog-sidebar__categories a:hover,
.blog-sidebar__categories a.is-current { color: var(--pcc-color-primary); }
.blog-sidebar__categories a:hover::after,
.blog-sidebar__categories a.is-current::after {
	transform: scaleX(1);
	transform-origin: left;
}
.blog-sidebar__count { color: var(--pcc-color-text-light); font-size: 13px; }

.blog-sidebar__tags { display: flex; flex-wrap: wrap; gap: 10px; }
.tag-pill {
	display: inline-block;
	padding: 7px 16px;
	border-radius: 999px;
	background: var(--pcc-color-bg-alt);
	color: var(--pcc-color-text);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
	transition: background .2s ease, color .2s ease;
}
.tag-pill:hover,
.tag-pill.is-active { background: var(--pcc-color-primary); color: var(--pcc-color-white); }

/* Pagination */
.blog-pagination { margin-top: 20px; }
.blog-pagination ul.page-numbers {
	display: flex;
	align-items: center;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.blog-pagination .page-numbers a,
.blog-pagination .page-numbers span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding: 0 14px;
	border-radius: 999px;
	background: var(--pcc-color-bg-alt);
	color: var(--pcc-color-text);
	font-weight: 700;
	font-size: 14px;
	transition: background .2s ease, color .2s ease;
}
.blog-pagination .page-numbers .dots { background: none; }
.blog-pagination .page-numbers a:hover,
.blog-pagination .page-numbers .current { background: var(--pcc-color-primary); color: var(--pcc-color-white); }
.blog-pagination .page-numbers .next,
.blog-pagination .page-numbers .prev { gap: 6px; }

/* ============================================================
   Campaigns Page
   ============================================================ */
.campaigns-intro {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 32px;
}
.campaigns-intro__subheading {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 8px;
}
.campaigns-intro__heading {
	color: var(--pcc-color-primary);
	font-size: 26px;
	margin-bottom: 12px;
}
.campaigns-intro__text {
	font-size: 15px;
	color: var(--pcc-color-text-light);
	line-height: 1.7;
}

.campaigns-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
}
.campaigns-list .campaign-row {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
	margin-bottom: 0;
	background: var(--pcc-color-white);
	border-radius: var(--pcc-radius-lg);
	padding: 14px;
	box-shadow: 0 2px 10px -4px rgba(0,0,0,.08);
	transition: box-shadow .3s ease, transform .3s ease;
}
.campaigns-list .campaign-row:hover {
	box-shadow: 0 20px 40px -16px rgba(0,0,0,.2);
	transform: translateY(-6px);
}
.campaigns-list .campaign-row__image {
	flex: none;
	max-width: 100%;
	border-radius: var(--pcc-radius);
	overflow: hidden;
}
.campaigns-list .campaign-row__image img {
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}
.campaigns-list .campaign-row:hover .campaign-row__image img { transform: scale(1.06); }
.campaigns-list .campaign-row__content { padding: 0 4px 4px; }
.campaigns-list .campaign-row__heading {
	font-size: 18px;
	line-height: 1.4;
}
/* نلغي تأثير الخط تحت العنوان (الموحّد بباقي الموقع) هون بس، لأنه هلق
   الهوفر صار على الكرت كامل مش على النص لحاله. */
.campaigns-list .campaign-row__heading::after { display: none; }

/* ============================================================
   Education Campaigns Page
   ============================================================ */
.campaign-row {
	display: flex;
	align-items: center;
	gap: 48px;
	margin-bottom: 48px;
	flex-wrap: wrap;
}
.campaign-row__image {
	flex: 0 0 30%;
	max-width: 30%;
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
}
.campaign-row__image img { width: 100%; display: block; }
.campaign-row__content { flex: 1; min-width: 260px; }
.campaign-row__heading {
	display: block;
	color: var(--pcc-color-primary);
	font-family: var(--pcc-font-heading);
	font-weight: 700;
	transition: color .2s ease;
	text-align: center;
}
a.campaign-row__heading:hover { color: var(--pcc-color-primary-hover); }

/* صفحة Education Campaigns (المستقلة) بس - تحافظ على حجمها ومحاذاتها
   الأصلية، بما إنه التعديل الأخير على القاعدة الأساسية كان مقصود
   لصفحة Campaigns (نظام الكروت) مش لهاي الصفحة. */
.edu-campaigns-section .campaign-row__heading {
	font-size: 26px;
	line-height: 1.4;
	text-align: start;
}

/* ============================================================
   Download Feature Page (APR Presentation وشبيهاتها)
   ============================================================ */
.download-feature {
	display: grid;
	grid-template-columns: 30% 1fr;
	background: var(--pcc-color-dark-2);
	border-radius: var(--pcc-radius-lg);
	overflow: hidden;
}
.download-feature__image { background: var(--pcc-color-dark-2); }
.download-feature__image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.download-feature__content {
	padding: 56px 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.download-feature__heading {
	color: var(--pcc-color-white);
	font-size: 30px;
	margin-bottom: 24px;
}
.download-feature__content p {
	color: rgba(255,255,255,.85);
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 18px;
}
.download-feature__btn { align-self: flex-start; margin-top: 12px; }

/* ============================================================
   Education Resources Page (قالب مستقل لحاله)
   ============================================================ */
.edu-resources-section { max-width: 950px; margin: auto; }
.edu-resources-intro { margin-bottom: 40px; }
.edu-resources-intro__heading {
	color: var(--pcc-color-primary);
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.edu-resources-intro__body {
	font-size: 16px;
	line-height: 1.8;
}
.edu-resources-intro__body p { margin-bottom: 14px; }

.edu-resources-category {
	color: var(--pcc-color-primary);
	font-size: 26px;
	margin-top: 8px;
	margin-bottom: 20px;
}
.edu-resources-item { margin-bottom: 28px; }
.edu-resources-item__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 14px;
}
.edu-resources-item p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 16px;
}
.edu-resources-item__links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.edu-resources-item__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: var(--pcc-color-text);
	font-weight: 600;
	transition: color .2s ease;
}
.edu-resources-item__link:hover { color: var(--pcc-color-primary); }
.edu-resources-item__link i { font-size: 14px; color: var(--pcc-color-primary); }
.edu-resources-divider {
	border: none;
	border-top: 1px solid var(--pcc-color-border);
	margin: 36px 0;
}

/* ============================================================
   General Resources Page
   ============================================================ */
.resources-section { max-width: 950px; margin: auto; }
.resource-category {
	color: var(--pcc-color-primary);
	font-size: 26px;
	margin-top: 8px;
	margin-bottom: 20px;
}
.resource-item { margin-bottom: 28px; }
.resource-item__title {
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 14px;
}
.resource-item p {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 16px;
}
.resource-item__links {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.resource-item__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	width: fit-content;
	color: var(--pcc-color-text);
	font-weight: 600;
	transition: color .2s ease;
}
.resource-item__link:hover { color: var(--pcc-color-primary); }
.resource-item__link i { font-size: 14px; color: var(--pcc-color-primary); }
.resource-divider {
	border: none;
	border-top: 1px solid var(--pcc-color-border);
	margin: 36px 0;
}

/* ============================================================
   Report Page (Anti-Palestinian Racism Statistics وأي صفحة تقرير مشابهة)
   ============================================================ */
.report-section .container { max-width: 900px; }
.report-eyebrow {
	color: var(--pcc-color-primary);
	font-family: var(--pcc-font-heading);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 8px;
}
.report-subheading {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 24px;
}
.report-body p {
	font-size: 16px;
	line-height: 1.85;
	margin-bottom: 20px;
}
.report-section__btn { margin-top: 12px; }

/* ============================================================
   Legal Policy Page (Privacy Policy, Terms and Conditions...)
   بانر يسار المحاذاة + أقسام مرقّمة - مسافات مضغوطة عن قصد (بدون
   الفراغات البيضا الكبيرة بين الأقسام).
   ============================================================ */
.legal-section { padding-block: 36px 48px; }
.legal-section__container { max-width: 820px; }

.legal-block { padding-block: 22px; }
.legal-block + .legal-block { border-top: 1px solid var(--pcc-color-border); }
.legal-block:first-child { padding-top: 0; }

.legal-block__heading {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 12px;
	display: flex;
	gap: 8px;
	color: var(--pcc-color-primary); /* العناوين الأساسية بالأحمر */
}
.legal-block__number { color: var(--pcc-color-primary); }

.legal-block__body p,
.legal-block__body ul,
.legal-block__body ol {
	font-size: 15.5px;
	line-height: 1.75;
	margin: 0 0 14px;
}
.legal-block__body ul,
.legal-block__body ol { padding-inline-start: 22px; }
.legal-block__body li { margin-bottom: 6px; }
.legal-block__body p:last-child,
.legal-block__body ul:last-child,
.legal-block__body ol:last-child { margin-bottom: 0; }

/* عناوين فرعية جوا نص القسم (مضافة من المحرر بصيغة H3/H4) - رمادي فاتح */
.legal-block__body h3,
.legal-block__body h4 {
	color: #999999;
	font-family: var(--pcc-font-heading);
	font-weight: 700;
	margin: 22px 0 10px;
}
.legal-block__body h3 { font-size: 18px; }
.legal-block__body h4 { font-size: 16px; }

.legal-share {
	margin-top: 28px;
	padding-top: 20px;
	border-top: 1px solid var(--pcc-color-border);
	display: flex;
	align-items: center;
	gap: 14px;
}
.legal-share__label {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
	color: var(--pcc-color-text-light);
}
.legal-share__icons { display: flex; gap: 10px; }
.legal-share__icons a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--pcc-color-bg-alt);
	color: var(--pcc-color-text);
	font-size: 14px;
	transition: background .2s ease, color .2s ease;
}
.legal-share__icons a:hover {
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
}

@media (max-width: 782px) {
	.legal-section { padding-block: 24px 32px; }
	.legal-block { padding-block: 16px; }
}

/* ============================================================
   Careers Page
   ============================================================ */
.careers-intro {
	max-width: 800px;
	margin-bottom: 40px;
}
.careers-intro h2 {
	font-size: 32px;
	margin-bottom: 18px;
}
.careers-intro p {
	font-size: 17px;
	line-height: 1.7;
}
.careers-jobs {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}
.job-btn {
	display: inline-block;
	background: var(--pcc-color-primary);
	color: var(--pcc-color-white);
	font-family: var(--pcc-font-heading);
	font-size: 18px;
	padding: 18px 32px;
	border-radius: var(--pcc-radius);
	transition: background .25s ease, transform .2s ease;
}
a.job-btn:hover {
	background: var(--pcc-color-primary-hover);
	transform: translateY(-2px);
}
.job-btn--static { cursor: default; opacity: .85; }
.careers-empty {
	font-size: 17px;
	color: var(--pcc-color-text-light);
}

/* ============================================================
   Our Partners Page
   ============================================================ */
.partners-intro {
	text-align: center;
	max-width: 800px;
	margin: 0 auto 48px;
}
.partners-intro h2 {
	color: var(--pcc-color-primary);
	font-size: 26px;
	margin-bottom: 16px;
}
.partners-intro p {
	font-size: 17px;
	color: var(--pcc-color-text);
	line-height: 1.7;
}
.partners-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px;
	max-width: var(--pcc-container-width-wide);
	margin-inline: auto;
}
.partner-card {
	background: var(--pcc-color-white);
	border: 1px solid var(--pcc-color-border);
	border-radius: var(--pcc-radius-lg);
	box-shadow: 0 4px 16px -8px rgba(0,0,0,.08);
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px;
	transition: box-shadow .25s ease, transform .25s ease;
}
.partner-card:hover {
	box-shadow: 0 12px 28px -10px rgba(0,0,0,.15);
	transform: translateY(-3px);
}
.partner-card img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

/* ============================================================
   Responsive
   ============================================================ */
@media (max-width: 1100px) {
	.mega-panel--wide { min-width: 480px; }
}

@media (max-width: 960px) {
	.site-header__logo img { max-height: 38px; }

	.site-header__actions { display: none; } /* إخفاء زر Report an Incident بالكامل بالموبايل (نقطة 8) */

	/* ============================================================
	   Side Menu منزلق من الجنب - منظم وواضح (نقطة 9)
	   ============================================================ */
	.mobile-nav-overlay {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0,0,0,.5);
		z-index: 199;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease, visibility .3s;
	}
	.mobile-nav-overlay.is-open { opacity: 1; visibility: visible; }

	.site-header__nav {
		position: fixed;
		top: 0;
		right: 0;
		width: min(85vw, 340px);
		height: 100vh;
		background: var(--pcc-color-white);
		box-shadow: -8px 0 30px rgba(0,0,0,.15);
		z-index: 200;
		overflow-y: auto;
		transform: translateX(100%);
		transition: transform .32s cubic-bezier(.25,.8,.25,1);
		padding-top: 20px;
	}
	.site-header__nav.is-open { transform: translateX(0); }

	.mobile-nav-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px 16px;
		border-bottom: 1px solid var(--pcc-color-border);
		margin-bottom: 8px;
	}
	.mobile-nav-header span {
		font-family: var(--pcc-font-heading);
		font-weight: 700;
		font-size: 15px;
		color: var(--pcc-color-text-light);
		text-transform: uppercase;
		letter-spacing: .05em;
	}
	.mobile-nav-close {
		width: 34px; height: 34px;
		border-radius: 50%;
		border: none;
		background: var(--pcc-color-bg-alt);
		font-size: 18px;
		line-height: 1;
		cursor: pointer;
		color: var(--pcc-color-text);
	}

	/* منيو الديسكتوب تنخفى بالكامل بالموبايل، ومنيو الـ Accordion الجديدة تظهر مكانها. */
	.desktop-menu-wrap { display: none; }
	.mobile-menu-wrap { display: block; }

	.mobile-menu,
	.mobile-submenu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.mobile-menu { padding: 4px 0 8px; }
	.mobile-menu-item { border-bottom: 1px solid var(--pcc-color-border); }
	.mobile-menu-item__row {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mobile-menu-item__row a {
		flex: 1;
		padding: 15px 20px;
		font-size: 15.5px;
		color: var(--pcc-color-text);
	}
	.mobile-menu-toggle-btn {
		width: 44px;
		height: 44px;
		flex-shrink: 0;
		border: none;
		background: none;
		color: var(--pcc-color-text-light);
		font-size: 13px;
		cursor: pointer;
		transition: transform .25s ease, color .2s ease;
	}
	.mobile-menu-item.is-open > .mobile-menu-item__row .mobile-menu-toggle-btn {
		transform: rotate(180deg);
		color: var(--pcc-color-primary);
	}

	/* القوائم الفرعية مخفية افتراضيًا، وبتفتح بحركة انسيابية لما تضغط الأب تبعها بس. */
	.mobile-submenu {
		max-height: 0;
		overflow: hidden;
		background: var(--pcc-color-bg-alt);
		transition: max-height .3s ease;
	}
	.mobile-menu-item.is-open > .mobile-submenu { max-height: 1000px; }
	.mobile-submenu .mobile-menu-item__row a { padding-inline-start: 36px; font-size: 14.5px; }
	.mobile-submenu .mobile-submenu .mobile-menu-item__row a { padding-inline-start: 52px; font-size: 14px; }
	.mobile-submenu .mobile-menu-item { border-bottom: 1px solid rgba(0,0,0,.06); }
	.mobile-submenu .mobile-menu-toggle-btn { width: 40px; height: 40px; font-size: 11px; }

	.mobile-nav-actions { padding: 20px; }
	.mobile-nav-actions__btn { width: 100%; justify-content: center; }

	.site-header__inner { flex-wrap: nowrap; }
}

@media (max-width: 960px) {
	/* لوغو أوضح وأكبر شوي بالموبايل. */
	.site-header__logo img { max-height: 44px; }

	/* أيقونة الهمبرغر - شكل أعصرى: دائرة خلفية فاتحة + خطوط أنعم. */
	.mobile-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		gap: 5px;
		background: var(--pcc-color-bg-alt);
		border: none;
		border-radius: 50%;
		width: 44px; height: 44px;
		padding: 0;
		cursor: pointer;
		order: 3;
		transition: background .2s ease;
	}
	.mobile-menu-toggle:hover { background: var(--pcc-color-border); }
	.mobile-menu-toggle span {
		display: block;
		width: 20px; height: 2.5px;
		background: var(--pcc-color-text);
		border-radius: 3px;
		transition: transform .3s cubic-bezier(.4,0,.2,1), opacity .2s ease, width .2s ease;
	}
	.mobile-menu-toggle span:nth-child(1) { width: 20px; }
	.mobile-menu-toggle span:nth-child(2) { width: 15px; align-self: flex-end; margin-inline-end: 11px; }
	.mobile-menu-toggle span:nth-child(3) { width: 20px; }
	.mobile-menu-toggle[aria-expanded="true"] { background: var(--pcc-color-primary); }
	.mobile-menu-toggle[aria-expanded="true"] span { background: var(--pcc-color-white); width: 20px !important; margin: 0; }
	.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(7.5px) rotate(45deg); }
	.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
	.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7.5px) rotate(-45deg); }
}

@media (max-width: 900px) {
	.site-footer__inner { grid-template-columns: 1fr 1fr; }
	.partners-grid { grid-template-columns: repeat(2, 1fr); }
	.twocol-block { grid-template-columns: 1fr; gap: 28px; }
	.download-feature { grid-template-columns: 1fr; }
	.download-feature__image { aspect-ratio: 16 / 10; }
	.download-feature__content { padding: 36px 28px; }
	.blog-archive__inner { grid-template-columns: 1fr; gap: 40px; }
	.campaigns-list { grid-template-columns: repeat(2, 1fr); }
	.donate-block,
	.donate-block--right { flex-direction: column; }
	.donate-block__image { max-width: 100%; flex: none; height: 220px; }
	.donate-block__content { padding: 32px 24px; }
	.donate-modal__dialog { padding: 24px; }

	/* About Us Page */
	.manifesto-row__inner { flex-direction: column !important; gap: 28px; text-align: center; }
	.manifesto-row__icon { flex: none; }
	.icon-circle { width: 200px; height: 200px; margin-inline: auto; }
	.icon-circle::before { width: 115px; height: 115px; }
	.cta-section__top { flex-direction: column; gap: 28px; }
	.cta-section__image { flex: none; width: 100%; }
}

@media (max-width: 700px) {
	.section-padding { padding-block: 40px; }

	.campaign-row__image,
	.campaigns-list .campaign-row__image { flex: 1 1 100%; max-width: 100%; }
	.campaigns-list { grid-template-columns: 1fr; }
	.campaign-row,
	.campaigns-list .campaign-row { flex-direction: column !important; align-items: stretch !important; }
	.campaign-row__content { text-align: center; }

	/* الزخرفة النقطية بالبانر: بالموبايل نصغّرها وننحيها لأقصى اليمين
	   حتى ما تتراكب مع العنوان لما يكون النص طويل بشاشة ضيقة. */
	.page-banner h1::after {
		width: 68px;
		height: 30px;
		background-size: 10px 10px;
		inset-inline-end: 6px;
		top: 0;
		transform: none;
	}

	.blog-archive__inner { grid-template-columns: 1fr; }
	.single-post__grid { grid-template-columns: 1fr; }
	.contact-grid { grid-template-columns: 1fr; gap: 48px; }
	.single-post__grid .blog-sidebar { position: static; }
	.single-post__title { font-size: 26px; }
	.volunteer-embed-card { padding: 20px; }
	.volunteer-embed-card__image img { width: auto; height: 220px; }
	.post-card { flex-direction: column; }
	.post-card__image { width: 100%; max-width: 100%; height: 200px; aspect-ratio: auto; flex: none; }

	.about-tabs__nav { flex-direction: column; }
	.about-tabs__btn { border-inline-end: none; border-bottom: 1px solid var(--pcc-color-border); }
	.about-tabs__btn:last-child { border-bottom: none; }
	.about-tabs__panel { padding: 22px 20px; }
	.manifesto-heading { font-size: 24px; }

	.hero { min-height: 460px; }
	.hero__inner h1 { font-size: 28px; }
	.hero__inner p { font-size: 15px; }
	.hero__actions .btn { padding: 10px 20px; font-size: 14px; }

	.feature-card { flex-direction: column; }
	.feature-card__image {
		flex: none;
		height: auto;
		background: var(--pcc-color-dark-2);
	}
	.feature-card__image img { height: auto; object-fit: contain; }
	.feature-card__content { padding: 28px 24px; }
	.feature-card__content h2 { font-size: 20px; }

	.instagram-section__grid { grid-template-columns: repeat(2, 1fr); }
	.instagram-section__title { font-size: 18px; padding-inline: 10px; }

	.site-footer__inner { grid-template-columns: 1fr; gap: 28px; }
	.site-footer__bottom { flex-direction: column; gap: 8px; text-align: center; }

	.page-banner { padding-block: 44px; }
	.partners-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
	.partners-intro h2 { font-size: 21px; }
}

@media (max-width: 420px) {
	.instagram-section__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.container { padding-inline: 16px; }
}

/* Hide CanadaHelps embed form logo and user action info */
#can_embed_form #logo_wrap,
#can_embed_form #action_info .action_info_user{
	display:none !important;
}

/* ============================================================
   Single Campaign / Education Campaign page (banner + Action Network embed)
   ============================================================ */
.campaign-single-section .container {
	max-width: 900px;
}
.campaign-single-embed {
	width: 100%;
}
.campaign-single-embed img,
.campaign-single-embed iframe {
	max-width: 100%;
}
.campaign-single-empty {
	text-align: center;
	color: #777;
	padding: 40px 0;
}

/* ============================================================
   Webinars page - page-level intro (heading + text shown once above all sessions)
   ============================================================ */
.webinars-intro {
	max-width: 800px;
	margin-bottom: 40px;
}
.webinars-intro__heading {
	color: var(--pcc-color-primary);
	font-size: 28px;
	margin-bottom: 14px;
}
.webinars-intro__text {
	font-size: 17px;
	color: var(--pcc-color-text-light);
	line-height: 1.7;
}

/* ============================================================
   صفحة تفاصيل الوظيفة (Career single) - زر "Apply Now" تحت المحتوى
   ============================================================ */
.career-single-apply {
	margin-top: 32px;
}

/* ============================================================
   شبكة أمان: إخفاء "Share this"/"Like this"/"Related" (Jetpack) بأي
   حالة نادرة ما استجاب فيها فلتر jetpack_active_modules (شوف
   inc/disable-jetpack-post-extras.php) - كلاسات Jetpack القياسية
   الثابتة من سنين (Sharedaddy/Likes/Related Posts).
   ============================================================ */
.sharedaddy,
.jp-relatedposts,
.jp-relatedposts-items,
#jp-relatedposts,
#jp-post-flair {
	display: none !important;
}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field {
    padding: 15px 0 0 0 !important;
}
.post-card__sep,.post-card__author,.post-card__comments {
	display:none;
}
#can_embed_form.can_float #form_col1,
#can_embed_form.can_float #form_col2 {
	width:100%;
}