/*
Theme Name: StudySA
Theme URI: https://study.sa
Author: StudySA Dev Team
Author URI: https://study.sa
Description: قالب مخصص عربي RTL للموقع المؤسسي الجديد لـ Study.sa — بيت الخبرة والأبحاث المتقدمة. بحث واستشارات وذكاء بيانات وقياس أثر. مبني من الصفر للمرحلة 1 (أساس بصري فقط، بلا محتوى مهاجَر).
Version: 0.2.0
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: studysa
Domain Path: /languages
Tags: rtl-language-support, custom-menu, accessibility-ready
*/

/*
 * StudySA — الأساس البصري المؤسسي RTL
 * المرحلة T1: هيدر + فوتر + تنقل + CTA.
 * ملاحظة: الأنماط الاتجاهية (يمين/يسار) تُدار عبر rtl.css — هذا الملف محايد الاتجاه.
 * تنبيه: متغيرات الألوان أدناه أساس عمل مؤسسي مقيّد (غير معتمد كهوية بصرية نهائية
 * من المالك) — تُستبدل بالكامل عند اعتماد الهوية.
 */

:root {
	/* Brand tokens — Design Phase 1 (approved) */
	--ssa-color-primary: #262261;
	--ssa-color-primary-dark: #1c1a4a;
	--ssa-color-accent: #EE4036;
	--ssa-color-cta: #262261;
	--ssa-color-cta-hover: #1c1a4a;
	--ssa-color-whatsapp: #23A455;
	--ssa-color-bg: #FFFFFF;
	--ssa-color-bg-alt: #F7F9FB;
	--ssa-color-text: #4B4F58;
	--ssa-color-text-muted: #6B7280;
	--ssa-color-border: #E1E8ED;
	--ssa-color-focus: #EE4036;

	--ssa-font-stack: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, "Noto Kufi Arabic", "Cairo", system-ui, sans-serif;
	--ssa-font-weight-regular: 400;
	--ssa-font-weight-medium: 500;
	--ssa-font-weight-semibold: 600;
	--ssa-font-weight-bold: 700;

	--ssa-spacing-unit: 8px;
	--ssa-container-max: 1200px;
	--ssa-radius: 10px;
	--ssa-radius-sm: 6px;

	--ssa-shadow-sm: 0 1px 3px rgba(38, 34, 97, 0.10);
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}

/* ===== Reset خفيف ===== */
*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--ssa-font-stack);
	font-size: 1rem;
	line-height: 1.8;
	font-weight: var(--ssa-font-weight-regular);
	color: var(--ssa-color-text);
	background: var(--ssa-color-bg);
}

img { max-width: 100%; height: auto; }

a { color: var(--ssa-color-primary); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

/* الأزرار وعناصر النماذج ترث الخط المؤسسي (لا ترث افتراضيًا) */
button, input, select, textarea { font-family: inherit; }

/* الأرقام والرموز اللاتينية داخل النص العربي: محاذاة وقراءة متسقة */
.ltr-embed, .rfp-mail { direction: ltr; unicode-bidi: embed; }
input[type="email"], input[type="url"], input[type="tel"] { direction: ltr; text-align: end; }

h1, h2, h3, h4, h5, h6 {
	color: var(--ssa-color-primary-dark);
	line-height: 1.4;
	margin: 0 0 0.75em;
	font-weight: var(--ssa-font-weight-bold);
}
h1 { font-size: clamp(1.7rem, 4vw, 2.6rem); letter-spacing: -0.01em; }
h2 { font-size: clamp(1.35rem, 3vw, 1.9rem); }
h3 { font-size: 1.08rem; }

ul { padding-inline-start: 1.5em; }

/* ===== التخطيط ===== */
.container {
	width: 100%;
	max-width: var(--ssa-container-max);
	margin-inline: auto;
	padding-inline: calc(var(--ssa-spacing-unit) * 2);
}

/* ===== الهيدر ===== */
.site-header {
	background: var(--ssa-color-bg);
	border-bottom: 1px solid var(--ssa-color-border);
	position: sticky;
	top: 0;
	z-index: 100;
}

.header-inner {
	display: flex;
	align-items: center;
	gap: calc(var(--ssa-spacing-unit) * 3);
	min-height: 72px;
	flex-wrap: wrap;
}

.site-title { margin: 0; font-size: 1.35rem; }
.site-title-link { color: var(--ssa-color-primary-dark); font-weight: var(--ssa-font-weight-bold); }
.site-title-link:hover, .site-title-link:focus { text-decoration: none; }

/* الشعار الرسمي (T4) — أبعاد أصلية 682×522، معايرة للهيدر مع بديل نصي لقارئات الشاشة */
.site-logo-link { display: inline-flex; align-items: center; }
.site-logo { display: block; width: auto; height: 52px; max-width: 140px; }
@media (max-width: 782px) { .site-logo { height: 44px; } }

.primary-nav { margin-inline-start: auto; }
.primary-menu { display: flex; gap: calc(var(--ssa-spacing-unit) * 2); list-style: none; margin: 0; padding: 0; }
.primary-menu a { color: var(--ssa-color-text); font-weight: 600; padding-block: 0.5rem; display: inline-block; }
.primary-menu a:hover, .primary-menu a:focus { color: var(--ssa-color-primary); }

/* القائمة المنسدلة «حلولنا» (T2D) — تعمل بالتحويم وبلوحة المفاتيح (focus-within) */
.primary-menu .menu-item-has-children { position: relative; }
.primary-menu .menu-item-has-children > a::after { content: "▾"; font-size: 0.75em; margin-inline-start: 0.35em; color: var(--ssa-color-text-muted); }
.primary-menu .sub-menu {
	position: absolute;
	top: 100%;
	inset-inline-start: 0;
	min-width: 300px;
	background: var(--ssa-color-bg);
	border: 1px solid var(--ssa-color-border);
	border-radius: var(--ssa-radius);
	box-shadow: var(--ssa-shadow-sm);
	list-style: none;
	margin: 0;
	padding: calc(var(--ssa-spacing-unit) * 0.75) 0;
	flex-direction: column;
	gap: 0;
	z-index: 110;
	display: none;
}
.primary-menu .menu-item-has-children:hover > .sub-menu,
.primary-menu .menu-item-has-children:focus-within > .sub-menu { display: flex; }
.primary-menu .sub-menu a { display: block; padding: 0.5em 1.25em; }
.primary-menu .sub-menu a:hover, .primary-menu .sub-menu a:focus { background: var(--ssa-color-bg-alt); text-decoration: none; }

/* CTA الرئيسي: طلب عرض سعر */
.header-cta {
	background: var(--ssa-color-cta);
	color: #fff;
	font-weight: 700;
	padding: 0.55em 1.35em;
	border-radius: var(--ssa-radius-sm);
	white-space: nowrap;
	box-shadow: var(--ssa-shadow-sm);
}
.header-cta:hover, .header-cta:focus {
	background: var(--ssa-color-cta-hover);
	color: #fff;
	text-decoration: none;
}

/* زر القائمة للجوال — يظهر عبر استعلام الوسائط أدناه */
.nav-toggle { display: none; }

/* ===== الفوتر المؤسسي ===== */
.site-footer {
	background: var(--ssa-color-primary-dark);
	color: #d7e2e2;
	padding-block: calc(var(--ssa-spacing-unit) * 6);
	margin-top: auto;
}

.footer-inner {
	display: grid;
	grid-template-columns: 2fr 1.5fr 1.5fr;
	gap: calc(var(--ssa-spacing-unit) * 4);
	align-items: start;
}

.footer-site-title { color: #fff; font-weight: var(--ssa-font-weight-bold); margin: 0 0 0.25em; font-size: 1.25rem; }
.footer-logo { display: block; width: auto; height: 64px; max-width: 150px; margin-bottom: 0.75em; }
.footer-social { list-style: none; margin: 0.9em 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: calc(var(--ssa-spacing-unit) * 1.5); }
.footer-social a { color: #d7e2e2; font-size: 0.88rem; text-decoration: underline; text-underline-offset: 3px; }
.footer-social a:hover, .footer-social a:focus { color: #fff; }
.footer-tagline { margin: 0; font-size: 0.95rem; }

.footer-heading {
	color: #fff;
	font-size: 1rem;
	margin: 0 0 0.6em;
	padding-bottom: 0.35em;
	border-bottom: 2px solid var(--ssa-color-accent);
	display: inline-block;
}

.footer-address { font-style: normal; }
.footer-address p { margin: 0 0 0.35em; }
.footer-address a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }

.footer-menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.5em; }
.footer-menu a { color: #d7e2e2; }
.footer-menu a:hover, .footer-menu a:focus { color: #fff; text-decoration: underline; }

/* علامات العناصر النائبة — تُزال عند توفر البيانات */
.footer-placeholder-note {
	color: var(--ssa-color-accent);
	font-size: 0.85rem;
	margin: 0.75em 0 0;
}

.footer-meta {
	grid-column: 1 / -1;
	border-top: 1px solid rgba(255, 255, 255, 0.15);
	padding-top: calc(var(--ssa-spacing-unit) * 2);
	font-size: 0.85rem;
}
.footer-meta p { margin: 0.25em 0; }

/* ===== الوصولية ===== */
.screen-reader-text {
	border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);
	height: 1px; width: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute;
}
.skip-link { position: absolute; inset-inline-start: 8px; top: -48px; z-index: 999; background: #fff; color: var(--ssa-color-primary-dark); padding: 8px 16px; border-radius: 0 0 var(--ssa-radius) var(--ssa-radius); }
.skip-link:focus { top: 0; }

:focus-visible { outline: 3px solid var(--ssa-color-focus); outline-offset: 2px; }

/* ===== ريسبونسف ===== */
@media (max-width: 960px) {
	.footer-inner { grid-template-columns: 1fr 1fr; }
	.footer-branding { grid-column: 1 / -1; }
}

@media (max-width: 782px) {
	.header-cta { order: 2; }
	.nav-toggle { order: 3; }
	.primary-nav {
		order: 4;
		display: none;
		width: 100%;
	}
	.primary-nav.is-open {
		display: block;
		background: var(--ssa-color-bg-alt);
		padding: calc(var(--ssa-spacing-unit) * 2);
		border-radius: 0 0 var(--ssa-radius) var(--ssa-radius);
	}
	.primary-nav.is-open .primary-menu { flex-direction: column; gap: calc(var(--ssa-spacing-unit) * 0.5); }
	.primary-nav.is-open .primary-menu a { display: block; padding-block: 0.75rem; }
	/* القائمة الفرعية في الجوال: قائمة مسطحة مفتوحة دائمًا تحت الأب */
	.primary-nav.is-open .sub-menu {
		position: static;
		display: flex;
		min-width: 0;
		border: 0;
		border-inline-start: 2px solid var(--ssa-color-border);
		box-shadow: none;
		margin-block: 0.25em;
		padding: 0;
		margin-inline-start: 1em;
		background: transparent;
	}
	.primary-nav.is-open .sub-menu a { padding: 0.5em 1em; font-weight: 500; font-size: 0.95rem; }
	.nav-toggle {
		display: inline-flex;
		flex-direction: column;
		gap: 5px;
		background: none;
		border: 0;
		padding: 8px;
		cursor: pointer;
		margin-inline-start: auto;
	}
	.nav-toggle-bar { display: block; width: 24px; height: 3px; border-radius: 2px; background: var(--ssa-color-primary-dark); }
	.footer-inner { grid-template-columns: 1fr; }
	.footer-nav { margin-inline-start: 0; }
}

/* ===== صفحات هبوط الخدمات (T2A — بنية مشتركة) ===== */

/* مسار فتات الخبز: الرئيسية ← حلولنا ← اسم الخدمة */
.service-breadcrumb { font-size: 0.9rem; padding-block: calc(var(--ssa-spacing-unit) * 1.5); }
.breadcrumb-list { list-style: none; display: flex; flex-wrap: wrap; gap: 0.5em; margin: 0; padding: 0; color: var(--ssa-color-text-muted); }
.breadcrumb-item + .breadcrumb-item::before { content: "‹"; margin-inline-end: 0.5em; color: var(--ssa-color-text-muted); }
.breadcrumb-current { color: var(--ssa-color-text); font-weight: 600; }

/* ترويسة الخدمة: H1 + مقدمة قصيرة */
.service-hero { padding-block: calc(var(--ssa-spacing-unit) * 3) calc(var(--ssa-spacing-unit) * 4); border-bottom: 1px solid var(--ssa-color-border); }
.service-title { max-width: 22ch; }
.service-intro { max-width: 65ch; font-size: 1.1rem; color: var(--ssa-color-text-muted); }

/* أقسام الصفحة */
.service-section { padding-block: calc(var(--ssa-spacing-unit) * 5); }
.service-section-alt { background: var(--ssa-color-bg-alt); }

/* شبكة الإمكانات */
.capabilities-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: calc(var(--ssa-spacing-unit) * 3); }
.capability-card { background: var(--ssa-color-bg); border: 1px solid var(--ssa-color-border); border-radius: var(--ssa-radius); padding: calc(var(--ssa-spacing-unit) * 2.5); box-shadow: var(--ssa-shadow-sm); }
.capability-card h3 { font-size: 1.05rem; margin: 0 0 0.5em; }
.capability-card p { margin: 0; color: var(--ssa-color-text-muted); }

/* عنصر الأداة التفاعلية (نائب) */
.tool-placeholder { border: 2px dashed var(--ssa-color-border); border-radius: var(--ssa-radius); padding: calc(var(--ssa-spacing-unit) * 4); text-align: center; background: var(--ssa-color-bg); }

/* شريط CTA طلب العروض */
.service-cta-band { background: var(--ssa-color-primary); color: #fff; padding-block: calc(var(--ssa-spacing-unit) * 5); text-align: center; }
.service-cta-band h2 { color: #fff; }
.service-cta-band .ssa-placeholder-note { color: var(--ssa-color-accent); }
.service-cta-button { display: inline-block; margin-top: calc(var(--ssa-spacing-unit) * 1.5); background: var(--ssa-color-accent); color: var(--ssa-color-primary-dark); font-weight: 700; padding: 0.7em 1.8em; border-radius: var(--ssa-radius-sm); box-shadow: var(--ssa-shadow-sm); }
.service-cta-button:hover, .service-cta-button:focus { background: #fff; color: var(--ssa-color-primary-dark); text-decoration: none; }

/* دراسات الحالة (نائب) */
.cases-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: calc(var(--ssa-spacing-unit) * 2.5); }
.case-card { border: 1px solid var(--ssa-color-border); border-radius: var(--ssa-radius); padding: calc(var(--ssa-spacing-unit) * 2); background: var(--ssa-color-bg); font-weight: 600; }

/* الأسئلة الشائعة */
.faq-list { display: grid; gap: calc(var(--ssa-spacing-unit) * 1.5); max-width: 60rem; }
.faq-item { background: var(--ssa-color-bg); border: 1px solid var(--ssa-color-border); border-radius: var(--ssa-radius-sm); padding: calc(var(--ssa-spacing-unit) * 1.5) calc(var(--ssa-spacing-unit) * 2); }
.faq-item summary { cursor: pointer; font-weight: 700; color: var(--ssa-color-primary-dark); }
.faq-item p { margin: 0.75em 0 0; color: var(--ssa-color-text-muted); }

/* ملاحظات العناصر النائبة العامة */
.ssa-placeholder-note { color: var(--ssa-color-text-muted); font-size: 0.9rem; font-style: italic; }

/* ===== الصفحة الرئيسية (T3 — صقل بصري) ===== */

/* سلايدر الهيرو (T5) — صور بعرض كامل بنسبتها الطبيعية 3:1 بلا قص أو تغطية */
.front-hero-slider { background: var(--ssa-color-primary-dark); }
.ssa-slider { position: relative; overflow: hidden; }
.ssa-slider-track { display: flex; transition: transform 0.45s ease; }
.ssa-slide { flex: 0 0 100%; }
.ssa-slide a { display: block; }
.ssa-slide img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 1; object-fit: contain; background: var(--ssa-color-primary-dark); }

/* أزرار التنقل — وصولية كاملة */
.ssa-slider-btn {
	position: absolute; top: 50%; transform: translateY(-50%);
	width: 46px; height: 46px; border-radius: 50%;
	background: rgba(10, 47, 50, 0.55); color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.35);
	font-size: 1.1rem; line-height: 1; cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	z-index: 5;
}
.ssa-slider-btn:hover, .ssa-slider-btn:focus { background: var(--ssa-color-accent); color: var(--ssa-color-primary-dark); }
.ssa-prev { inset-inline-start: calc(var(--ssa-spacing-unit) * 2); }
.ssa-next { inset-inline-end: calc(var(--ssa-spacing-unit) * 2); }

/* نقاط التنقل */
.ssa-slider-dots {
	position: absolute; bottom: 14px; inset-inline-start: 50%; transform: translateX(50%);
	display: flex; gap: 10px; z-index: 5; padding: 6px 10px; border-radius: 999px;
	background: rgba(10, 47, 50, 0.35);
}
.ssa-dot { width: 11px; height: 11px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.7); background: transparent; cursor: pointer; padding: 0; }
.ssa-dot.is-active { background: var(--ssa-color-accent); border-color: var(--ssa-color-accent); }
.ssa-dot:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

@media (max-width: 782px) {
	.ssa-slider-btn { width: 38px; height: 38px; font-size: 0.95rem; }
	.ssa-slider-dots { bottom: 8px; gap: 8px; }
}
@media (prefers-reduced-motion: reduce) {
	.ssa-slider-track { transition: none; }
}

/* إيقاع الأقسام */
.front-hero, .front-services, .front-abstracthub, .front-methodology, .front-trust, .front-rfp, .front-final-cta { scroll-margin-top: 90px; }
.section-eyebrow { color: var(--ssa-color-accent); font-weight: 700; font-size: 0.9rem; margin: 0 0 0.4em; letter-spacing: 0.02em; }

/* الصفحة الرئيسية: إخفاء ملاحظات التطوير المؤقتة (فوتر/هاتف/سجل) — تظهر في باقي الصفحات */
body.home .footer-placeholder-note { display: none; }

/* الهيرو — متوازن بلا فراغ زائد */
.front-hero {
	background:
		radial-gradient(1100px 420px at 50% -160px, rgba(201, 162, 39, 0.16), transparent 65%),
		linear-gradient(160deg, var(--ssa-color-primary-dark) 0%, var(--ssa-color-primary) 100%);
	color: #fff;
	padding-block: calc(var(--ssa-spacing-unit) * 8) calc(var(--ssa-spacing-unit) * 7);
	text-align: center;
	position: relative;
}
.front-hero::after { content: ""; display: block; height: 4px; background: linear-gradient(to inset-inline-end, var(--ssa-color-accent), transparent 70%); }
.hero-kicker { display: inline-block; color: var(--ssa-color-accent); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(201, 162, 39, 0.35); border-radius: 999px; padding: 0.35em 1.2em; font-weight: 700; font-size: 0.95rem; margin: 0 0 1.25em; }
.hero-title { color: #fff; max-width: 26ch; margin: 0 auto 0.6em; }
.hero-tagline { color: rgba(255, 255, 255, 0.92); max-width: 58ch; margin: 0 auto; font-size: 1.1rem; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: calc(var(--ssa-spacing-unit) * 1.5); margin-top: calc(var(--ssa-spacing-unit) * 3); }
.hero-cta-primary { background: var(--ssa-color-accent); color: var(--ssa-color-primary-dark); font-weight: 700; padding: 0.8em 2em; border-radius: var(--ssa-radius-sm); box-shadow: var(--ssa-shadow-sm); }
.hero-cta-primary:hover, .hero-cta-primary:focus { background: #fff; color: var(--ssa-color-primary-dark); text-decoration: none; }
.hero-cta-secondary { background: transparent; color: #fff; font-weight: 700; padding: 0.8em 2em; border-radius: var(--ssa-radius-sm); border: 1px solid rgba(255, 255, 255, 0.55); }
.hero-cta-secondary:hover, .hero-cta-secondary:focus { background: rgba(255, 255, 255, 0.14); color: #fff; text-decoration: none; }

/* بطاقات الخدمات الست — تسلسل بصري وحالات تفاعل واضحة */
.front-services { padding-block: calc(var(--ssa-spacing-unit) * 7); }
.front-services .container > h2 { text-align: center; margin-bottom: calc(var(--ssa-spacing-unit) * 4); }
.services-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(var(--ssa-spacing-unit) * 3); }
.service-card { display: flex; flex-direction: column; gap: calc(var(--ssa-spacing-unit) * 1.25); background: var(--ssa-color-bg); border: 1px solid var(--ssa-color-border); border-top: 3px solid var(--ssa-color-primary); border-radius: var(--ssa-radius); padding: calc(var(--ssa-spacing-unit) * 2.5); box-shadow: var(--ssa-shadow-sm); transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; }
.service-card:hover, .service-card:focus-within { transform: translateY(-3px); box-shadow: 0 6px 18px rgba(38, 34, 97, 0.14); border-top-color: var(--ssa-color-accent); }
.service-card h3 { font-size: 1.08rem; margin: 0; }
.service-card h3 a { color: inherit; }
.service-card p { margin: 0; color: var(--ssa-color-text-muted); flex-grow: 1; }
.service-card-link { font-weight: 700; font-size: 0.92rem; color: var(--ssa-color-primary); display: inline-flex; align-items: center; gap: 0.4em; }
.service-card-link:hover, .service-card-link:focus { color: var(--ssa-color-primary-dark); text-decoration: none; }
.service-card-arrow { display: inline-block; transition: transform 0.18s ease; }
.service-card:hover .service-card-arrow, .service-card:focus-within .service-card-arrow { transform: translateX(-4px); }

/* AbstractHub — قسم مميز مصقول */
.front-abstracthub { background: var(--ssa-color-primary-dark); color: #e7efef; padding-block: calc(var(--ssa-spacing-unit) * 7); }
.abstracthub-inner { display: grid; grid-template-columns: 1.6fr 1fr; gap: calc(var(--ssa-spacing-unit) * 5); align-items: center; }
.abstracthub-badge { display: inline-block; background: rgba(201, 162, 39, 0.15); color: var(--ssa-color-accent); border: 1px solid rgba(201, 162, 39, 0.45); border-radius: 999px; font-size: 0.82rem; font-weight: 700; padding: 0.25em 1em; margin: 0 0 1em; }
.abstracthub-copy h2 { color: #fff; margin: 0 0 0.6em; }
.abstracthub-copy p { color: rgba(231, 239, 239, 0.9); margin: 0 0 1.5em; max-width: 55ch; }
.abstracthub-cta { display: inline-block; background: var(--ssa-color-accent); color: var(--ssa-color-primary-dark); font-weight: 700; padding: 0.7em 1.8em; border-radius: var(--ssa-radius-sm); box-shadow: var(--ssa-shadow-sm); }
.abstracthub-cta:hover, .abstracthub-cta:focus { background: #fff; color: var(--ssa-color-primary-dark); text-decoration: none; }
.abstracthub-marks { display: flex; flex-wrap: wrap; gap: calc(var(--ssa-spacing-unit) * 1.5); align-content: center; justify-content: center; }
.mark-item { border: 1px solid rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.05); color: #fff; border-radius: var(--ssa-radius-sm); padding: 0.7em 1.2em; font-weight: 600; font-size: 0.92rem; }

/* المسار المنهجي الرباعي — ارتفاعات متساوية وترقيم RTL واضح */
.front-methodology { padding-block: calc(var(--ssa-spacing-unit) * 7); }
.front-methodology .container > h2 { text-align: center; margin-bottom: calc(var(--ssa-spacing-unit) * 4); }
.methodology-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(var(--ssa-spacing-unit) * 2.5); margin: 0; padding: 0; list-style: none; counter-reset: ssa-step; }
.methodology-step { display: flex; flex-direction: column; background: var(--ssa-color-bg); border: 1px solid var(--ssa-color-border); border-radius: var(--ssa-radius); padding: calc(var(--ssa-spacing-unit) * 2.5); counter-increment: ssa-step; position: relative; }
.methodology-step::before { content: counter(ssa-step, decimal); align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; width: 2.25em; height: 2.25em; border-radius: 50%; background: var(--ssa-color-primary); color: #fff; font-weight: var(--ssa-font-weight-bold); font-size: 1rem; margin-bottom: 1em; box-shadow: 0 0 0 4px var(--ssa-color-bg-alt); }
.methodology-step h3 { font-size: 0.98rem; margin: 0 0 0.5em; }
.methodology-step p { margin: 0; color: var(--ssa-color-text-muted); font-size: 0.92rem; line-height: 1.7; }

/* غرفة الثقة — نوعية موثقة فقط، بلا أرقام غير موثقة */
.front-trust { background: var(--ssa-color-bg-alt); padding-block: calc(var(--ssa-spacing-unit) * 6); border-block: 1px solid var(--ssa-color-border); text-align: center; }
.front-trust h2 { margin-bottom: 0.5em; }
.trust-lead { max-width: 62ch; margin: 0 auto; color: var(--ssa-color-text-muted); font-size: 1.05rem; }

/* بوابة RFP — مصقولة مع إعلان واضح أن النموذج غير متاح بعد */
.front-rfp { padding-block: calc(var(--ssa-spacing-unit) * 7); }
.front-rfp h2 { text-align: center; max-width: 30ch; margin-inline: auto; }
.rfp-lead { text-align: center; max-width: 62ch; margin: 0 auto calc(var(--ssa-spacing-unit) * 3); color: var(--ssa-color-text-muted); }
.rfp-panel { background: var(--ssa-color-bg); border: 1px solid var(--ssa-color-border); border-radius: var(--ssa-radius); box-shadow: var(--ssa-shadow-sm); padding: calc(var(--ssa-spacing-unit) * 4); text-align: center; max-width: 640px; margin-inline: auto; }
.rfp-status { display: inline-flex; align-items: center; gap: 0.6em; background: var(--ssa-color-bg-alt); border: 1px solid var(--ssa-color-border); color: var(--ssa-color-primary-dark); border-radius: 999px; font-weight: 700; font-size: 0.92rem; padding: 0.5em 1.3em; margin: 0 0 1.25em; }
.rfp-status-dot { width: 0.6em; height: 0.6em; border-radius: 50%; background: var(--ssa-color-accent); }
.rfp-alt { color: var(--ssa-color-text-muted); margin: 0 0 0.75em; }
.rfp-mail { font-weight: var(--ssa-font-weight-bold); font-size: 1.15rem; color: var(--ssa-color-primary); direction: ltr; unicode-bidi: embed; display: inline-block; }

.rfp-mail:hover, .rfp-mail:focus { color: var(--ssa-color-primary-dark); }

/* CTA الختامي */
.front-final-cta { background: var(--ssa-color-primary); color: #fff; padding-block: calc(var(--ssa-spacing-unit) * 6); text-align: center; }
.front-final-cta h2 { color: #fff; }
.front-final-cta .hero-cta-primary { display: inline-block; margin-top: calc(var(--ssa-spacing-unit) * 1); }

@media (max-width: 1024px) {
	.services-grid { grid-template-columns: repeat(2, 1fr); }
	.methodology-grid { grid-template-columns: repeat(2, 1fr); }
	.abstracthub-inner { grid-template-columns: 1fr; gap: calc(var(--ssa-spacing-unit) * 3); }
}

@media (max-width: 600px) {
	body { line-height: 1.85; }
	.front-hero { padding-block: calc(var(--ssa-spacing-unit) * 6) calc(var(--ssa-spacing-unit) * 5); }
	.hero-actions { flex-direction: column; align-items: stretch; }
	.hero-cta-primary, .hero-cta-secondary { text-align: center; }
	.services-grid { grid-template-columns: 1fr; }
	.methodology-grid { grid-template-columns: 1fr; }
	.abstracthub-marks { justify-content: flex-start; }
}

/* ===== طباعة ===== */
@media print {
	.site-header, .site-footer, .nav-toggle { display: none; }
	.service-cta-band, .tool-placeholder { display: none; }
}