/* =========================================================
   المحتوى المحلي — assets/css/local-content.css

   الصفحة تشترك في اللغة البصرية مع «سلاسل الإمداد» وتُحمَّل supply-chain.css معها
   (الصنف page-supply-a)، فهذا الملف يضيف ما يخصّ هذه الصفحة وحدها.
   ========================================================= */

/* ---------- الغلاف: بلا صورة ----------
   صورة مصنع أو بوابة تقول «شركة أسمنت»؛ الصفحة تتحدث عن الأثر الاقتصادي المحلي.
   فالأرضية هنا لون الهوية وحده (بطلب الشركة: بلا نقش ولا شعار)،
   وهو أهدأ خلف نصّ طويل من صورة عامة. */
body.page-local-a .lc-hero {
	background:
		radial-gradient(120% 140% at 88% 0%, rgba(0, 165, 181, .26) 0%, transparent 58%),
		linear-gradient(160deg, var(--sc-navy) 0%, var(--sc-navy-d) 62%, #00152f 100%);
	min-height: clamp(320px, 40vw, 440px);
}
body.page-local-a .lc-hero-motif {
	position: absolute;
	inset-block: 18% 18%;
	inset-inline: 56% 4%;
	pointer-events: none;
	/* لا خلفية: بطلب الشركة حُذف نقش المسند ثم شعار الذكرى العشرين من هذا الغلاف */
	display: none;
}
/* خط رفيع بلون التمييز أسفل الغلاف — فاصل هادئ بدل حافة مسطّحة */
body.page-local-a .lc-hero::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 3px;
	background: linear-gradient(to left, var(--sc-teal) 0%, rgba(0, 165, 181, 0) 62%);
}

/* ---------- لوحة الرقم والشهادة ----------
   الرقم ومصدره في سطح واحد: رقمٌ بلا شهادته ادّعاء، وشهادةٌ بلا رقمها مرفق صامت. */
body.page-local-a .lc-panel {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(300px, 420px);
	align-items: stretch;
	gap: 0;
	border-radius: 18px;
	overflow: hidden;
	background: #fff;
	border: 1px solid var(--sc-line);
	box-shadow: 0 30px 60px -44px rgba(8, 17, 31, .5);
}

body.page-local-a .lc-panel-figures {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: 4px;
	text-align: center;
	padding: clamp(32px, 4vw, 54px) clamp(22px, 3vw, 44px);
}
body.page-local-a .lc-stat { margin: 0; display: grid; justify-items: center; gap: 4px; }
body.page-local-a .lc-stat-value {
	font-size: clamp(3rem, 8vw, 4.75rem);
	font-weight: 700;
	line-height: 1.02;
	letter-spacing: -.02em;
	color: var(--sc-navy);
	font-variant-numeric: tabular-nums;
}
body.page-local-a .lc-stat-label {
	font-size: clamp(.9375rem, 1.7vw, 1.0625rem);
	font-weight: 600;
	color: var(--sc-teal-d);
}
/* الرقم المساند أصغر ومفصول بخط — الحجم هو ما يقول أيّهما العنوان */
body.page-local-a .lc-stat-sm {
	margin-block-start: 22px;
	padding-block-start: 20px;
	border-block-start: 1px solid var(--sc-line);
	width: min(320px, 100%);
}
body.page-local-a .lc-stat-sm .lc-stat-value { font-size: clamp(1.5rem, 3vw, 1.875rem); color: var(--sc-ink); }
body.page-local-a .lc-stat-sm .lc-stat-label { font-size: .875rem; font-weight: 500; color: var(--sc-ink-2); }
body.page-local-a .lc-stat-note {
	margin: 18px 0 0;
	max-width: 46ch;
	font-size: .8125rem;
	line-height: 1.9;
	color: var(--sc-ink-2);
}

/* بطاقة الشهادة */
body.page-local-a .lc-cert {
	display: grid;
	align-content: start;
	gap: 14px;
	padding: clamp(24px, 3vw, 34px);
	background: var(--sc-tint);
	border-inline-start: 1px solid var(--sc-line);
}
body.page-local-a .lc-cert-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--sc-navy);
}
body.page-local-a .lc-cert-ico {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	flex: 0 0 auto;
	border-radius: 10px;
	background: rgba(0, 165, 181, .12);
	color: var(--sc-teal-d);
}
body.page-local-a .lc-cert-ico svg { width: 18px; height: 18px; }

body.page-local-a .lc-cert-list { margin: 0; display: grid; gap: 0; }
body.page-local-a .lc-cert-list > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 14px;
	align-items: baseline;
	padding-block: 10px;
	border-block-end: 1px solid var(--sc-line);
}
body.page-local-a .lc-cert-list > div:last-child { border-block-end: 0; }
body.page-local-a .lc-cert-list dt { font-size: .8125rem; color: var(--sc-ink-2); }
body.page-local-a .lc-cert-list dd {
	margin: 0;
	font-size: .875rem;
	font-weight: 600;
	color: var(--sc-ink);
	text-align: end;
}
body.page-local-a .lc-cert-list dd.is-num { font-variant-numeric: tabular-nums; unicode-bidi: plaintext; }

/* حالة السريان: أيقونة ونصّ معًا لا لونًا وحده */
body.page-local-a .lc-cert-valid {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 9px 12px;
	border-radius: 8px;
	background: rgba(31, 157, 99, .1);
	color: #14653f;
	font-size: .8125rem;
	font-weight: 600;
}
body.page-local-a .lc-cert-valid span { display: grid; place-items: center; }
body.page-local-a .lc-cert-valid svg { width: 15px; height: 15px; }
body.page-local-a .lc-cert-valid bdi { font-variant-numeric: tabular-nums; }

body.page-local-a .lc-cert-actions { display: grid; gap: 10px; justify-items: start; margin-block-start: 4px; }
body.page-local-a .lc-cert-actions .btn { width: 100%; }
body.page-local-a .lc-cert-actions svg { width: 17px; height: 17px; flex: 0 0 auto; }
body.page-local-a .lc-cert-link {
	font-size: .8125rem;
	font-weight: 600;
	color: var(--sc-teal-d);
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* ---------- قائمة الأثر ----------
   خمس نقاط بجُمل طويلة: سطور مرقّمة في عمودين، لا بطاقات — البطاقة تَعِد بمحتوى
   أكبر مما يحمله سطر واحد فتبدو فارغة. الترقيم هنا للعدّ لا للتسلسل الزمني. */
body.page-local-a .lc-points {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2px clamp(20px, 3vw, 44px);
}
body.page-local-a .lc-points li {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 14px;
	padding-block: 18px;
	border-block-end: 1px solid var(--sc-line);
	font-size: .9375rem;
	line-height: 1.9;
	color: var(--sc-ink-2);
}
/* العنصران الأخيران هما آخر ما في العمودين مهما كان العدد زوجيًا أو فرديًا */
body.page-local-a .lc-points li:nth-last-child(-n+2) { border-block-end: 0; }

body.page-local-a .lc-points-num {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	margin-block-start: 2px;
	border-radius: 50%;
	background: rgba(0, 45, 98, .07);
	color: var(--sc-navy);
	font-size: .8125rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

@media (max-width: 1024px) {
	body.page-local-a .lc-panel { grid-template-columns: minmax(0, 1fr); }
	body.page-local-a .lc-cert { border-inline-start: 0; border-block-start: 1px solid var(--sc-line); }
}
@media (max-width: 780px) {
	body.page-local-a .lc-points { grid-template-columns: 1fr; }
	body.page-local-a .lc-points li:nth-last-child(2) { border-block-end: 1px solid var(--sc-line); }
	body.page-local-a .lc-cert-list > div { grid-template-columns: 1fr; gap: 2px; }
	body.page-local-a .lc-cert-list dd { text-align: start; }
}