/* ==========================================================================
   سياق — الطبقة الدلالية ومكتبة المكوّنات

   القاعدة: لا قيمة لون حرفية في هذا الملف. كل شيء يشير إلى توكن
   من theme.json عبر --wp--preset--*، والوضع الليلي يعيد ربط
   المتغيرات الدلالية السبعة فقط.
   ========================================================================== */

:root {
	--siyaq-text-primary:   var(--wp--preset--color--siyaq-ink);
	--siyaq-text-secondary: var(--wp--preset--color--siyaq-gray-600);
	--siyaq-surface:        var(--wp--preset--color--siyaq-white);
	--siyaq-surface-raised: var(--wp--preset--color--siyaq-white);
	--siyaq-surface-sunken: var(--wp--preset--color--siyaq-gray-100);
	--siyaq-border:         var(--wp--preset--color--siyaq-gray-200);
	--siyaq-brand:          var(--wp--preset--color--siyaq-brand);
	--siyaq-brand-hover:    var(--wp--preset--color--siyaq-brand-hover);

	--siyaq-radius:     var(--wp--custom--radius--sm, 4px);
	--siyaq-radius-md:  var(--wp--custom--radius--md, 8px);
	--siyaq-transition: var(--wp--custom--transition, 160ms ease);
	--siyaq-shadow-1:   var(--wp--preset--shadow--siyaq-1);
	--siyaq-shadow-2:   var(--wp--preset--shadow--siyaq-2);
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--siyaq-text-primary:   var(--wp--preset--color--siyaq-gray-100);
		--siyaq-text-secondary: var(--wp--preset--color--siyaq-gray-400);
		--siyaq-surface:        #0E1418;
		--siyaq-surface-raised: #161D23;
		--siyaq-surface-sunken: #121920;
		--siyaq-border:         #242D35;
		--siyaq-brand:          var(--wp--preset--color--siyaq-brand-light);
		--siyaq-brand-hover:    var(--wp--preset--color--siyaq-brand-100);
	}
}

:root[data-theme="dark"] {
	--siyaq-text-primary:   var(--wp--preset--color--siyaq-gray-100);
	--siyaq-text-secondary: var(--wp--preset--color--siyaq-gray-400);
	--siyaq-surface:        #0E1418;
	--siyaq-surface-raised: #161D23;
	--siyaq-surface-sunken: #121920;
	--siyaq-border:         #242D35;
	--siyaq-brand:          var(--wp--preset--color--siyaq-brand-light);
	--siyaq-brand-hover:    var(--wp--preset--color--siyaq-brand-100);
}

:root[data-theme="light"] {
	--siyaq-text-primary:   var(--wp--preset--color--siyaq-ink);
	--siyaq-text-secondary: var(--wp--preset--color--siyaq-gray-600);
	--siyaq-surface:        var(--wp--preset--color--siyaq-white);
	--siyaq-surface-raised: var(--wp--preset--color--siyaq-white);
	--siyaq-surface-sunken: var(--wp--preset--color--siyaq-gray-100);
	--siyaq-border:         var(--wp--preset--color--siyaq-gray-200);
	--siyaq-brand:          var(--wp--preset--color--siyaq-brand);
	--siyaq-brand-hover:    var(--wp--preset--color--siyaq-brand-hover);
}

/* --------------------------------------------------------------- أساسيات */

html { color-scheme: light dark; }

body {
	background: var(--siyaq-surface);
	color: var(--siyaq-text-primary);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

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

:where(a):focus-visible,
:where(button):focus-visible,
:where(input):focus-visible {
	outline: 2px solid var(--siyaq-brand);
	outline-offset: 2px;
	border-radius: 2px;
}

.siyaq-sr {
	position: absolute; width: 1px; height: 1px;
	padding: 0; margin: -1px; overflow: hidden;
	clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.siyaq-wrap {
	max-width: var(--wp--style--global--wide-size, 1280px);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--50);
}

/* ---------------------------------------------------------------- الشعار */

.siyaq-logo {
	display: inline-flex; align-items: center; gap: 10px;
	font-family: var(--wp--preset--font-family--siyaq-headline);
	line-height: 1;
}

.siyaq-logo__mark {
	display: grid; place-items: center;
	width: 34px; height: 34px;
	background: var(--siyaq-brand);
	color: var(--wp--preset--color--siyaq-white);
	border-radius: var(--siyaq-radius);
	font-size: 20px; font-weight: 700;
	padding-block-start: 2px;
	flex-shrink: 0;
}

.siyaq-logo__word {
	font-size: 26px; font-weight: 700;
	color: var(--siyaq-text-primary);
	letter-spacing: -.01em;
}

.siyaq-logo--mono { gap: 0; }

.siyaq-header__brand:hover { text-decoration: none; }

/* -------------------------------------------------------------- الترويسة */

.siyaq-header {
	background: var(--siyaq-surface-raised);
	border-bottom: 1px solid var(--siyaq-border);
	position: sticky; top: 0; z-index: 50;
}

.siyaq-header__bar {
	display: flex; align-items: center; gap: var(--wp--preset--spacing--50);
	min-height: 64px;
}

.siyaq-nav { display: flex; gap: var(--wp--preset--spacing--40); flex: 1; overflow-x: auto; }
.siyaq-nav::-webkit-scrollbar { display: none; }

.siyaq-nav a {
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: 500;
	color: var(--siyaq-text-primary);
	padding: var(--wp--preset--spacing--30) 0;
	border-bottom: 2px solid transparent;
	white-space: nowrap;
	transition: border-color var(--siyaq-transition);
}
.siyaq-nav a:hover,
.siyaq-nav a[aria-current="page"] { border-bottom-color: var(--siyaq-brand); text-decoration: none; }

.siyaq-header__actions { display: flex; align-items: center; gap: var(--wp--preset--spacing--30); }

.siyaq-iconbtn {
	display: grid; place-items: center;
	width: 38px; height: 38px;
	background: transparent; border: 1px solid var(--siyaq-border);
	border-radius: var(--siyaq-radius);
	color: var(--siyaq-text-primary); cursor: pointer;
	transition: background var(--siyaq-transition);
}
.siyaq-iconbtn:hover { background: var(--siyaq-surface-sunken); }

/* ------------------------------------------------------------ شريط عاجل */

.siyaq-ticker {
	display: flex; align-items: stretch;
	background: var(--wp--preset--color--siyaq-breaking);
	color: var(--wp--preset--color--siyaq-white);
	min-height: var(--wp--custom--ticker--height, 44px);
	overflow: hidden;
}

.siyaq-ticker__label {
	display: flex; align-items: center; gap: 8px;
	background: var(--wp--preset--color--siyaq-breaking-dark);
	padding-inline: var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-weight: 700;
	font-size: var(--wp--preset--font-size--body-sm);
	white-space: nowrap; flex-shrink: 0;
}

.siyaq-ticker__dot {
	width: 8px; height: 8px; border-radius: 50%;
	background: currentColor;
	animation: siyaq-pulse 1.4s ease-in-out infinite;
}
@keyframes siyaq-pulse { 0%,100% { opacity: 1; } 50% { opacity: .25; } }

.siyaq-ticker__viewport { flex: 1; overflow: hidden; display: flex; align-items: center; min-width: 0; }

.siyaq-ticker__track {
	display: flex; gap: var(--wp--preset--spacing--70);
	padding-inline-start: var(--wp--preset--spacing--70);
	white-space: nowrap; flex-shrink: 0;
	animation: siyaq-marquee var(--speed, 40s) linear infinite;
	will-change: transform;
}
.siyaq-ticker:hover .siyaq-ticker__track,
.siyaq-ticker:focus-within .siyaq-ticker__track { animation-play-state: paused; }

/* الاتجاه موجب في RTL: المحتوى يزحف نحو اليمين كاتجاه القراءة. */
@keyframes siyaq-marquee {
	from { transform: translateX(0); }
	to   { transform: translateX(100%); }
}

.siyaq-ticker__item {
	color: inherit; font-size: var(--wp--preset--font-size--body-sm); font-weight: 500;
}
.siyaq-ticker__item:hover { text-decoration: underline; }
.siyaq-ticker__time { opacity: .75; font-size: var(--wp--preset--font-size--caption); margin-inline-start: 8px; }

@media (prefers-reduced-motion: reduce) {
	.siyaq-ticker__track { animation: none; }
	.siyaq-ticker__dot { animation: none; }
}

/* ------------------------------------------------------------ كارت المقال */

.siyaq-card {
	display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30);
	background: var(--siyaq-surface-raised);
	position: relative;
	min-width: 0;
}

.siyaq-card__media {
	position: relative;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: var(--siyaq-radius);
	background: var(--siyaq-surface-sunken);
}
.siyaq-card__media img {
	width: 100%; height: 100%; object-fit: cover;
	transition: transform 400ms ease;
}
.siyaq-card:hover .siyaq-card__media img { transform: scale(1.03); }

.siyaq-card__ph {
	width: 100%; aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, var(--siyaq-surface-sunken), var(--siyaq-border));
	border-radius: var(--siyaq-radius);
}

.siyaq-card__cat {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 600;
	letter-spacing: .02em;
	color: var(--siyaq-cat, var(--siyaq-brand));
	text-transform: none;
}

.siyaq-card__title {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--h4);
	font-weight: 600;
	line-height: 1.4;
	margin: 0;
}
.siyaq-card__title a { color: var(--siyaq-text-primary); }
.siyaq-card__title a:hover { color: var(--siyaq-brand); text-decoration: none; }

.siyaq-card__excerpt {
	font-size: var(--wp--preset--font-size--body-sm);
	line-height: 1.7;
	color: var(--siyaq-text-secondary);
	margin: 0;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

.siyaq-card__meta {
	display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--caption);
	color: var(--siyaq-text-secondary);
}

/* صورة الكارت: بطل */
.siyaq-card--hero .siyaq-card__title { font-size: var(--wp--preset--font-size--display-2); line-height: 1.2; }
.siyaq-card--hero .siyaq-card__excerpt { font-size: var(--wp--preset--font-size--body); -webkit-line-clamp: 4; }

/* صورة الكارت: أفقي */
.siyaq-card--h { flex-direction: row; gap: var(--wp--preset--spacing--40); align-items: flex-start; }
.siyaq-card--h .siyaq-card__media { flex: 0 0 40%; }
.siyaq-card--h .siyaq-card__body { flex: 1; min-width: 0; }

/* صورة الكارت: مصغّر */
.siyaq-card--thumb { flex-direction: row; gap: var(--wp--preset--spacing--30); align-items: center; }
.siyaq-card--thumb .siyaq-card__media { flex: 0 0 96px; }
.siyaq-card--thumb .siyaq-card__title { font-size: var(--wp--preset--font-size--body-sm); }

/* صورة الكارت: قائمة نصية */
.siyaq-card--text { border-bottom: 1px solid var(--siyaq-border); padding-bottom: var(--wp--preset--spacing--30); }
.siyaq-card--text .siyaq-card__title { font-size: var(--wp--preset--font-size--body); font-weight: 500; }

/* ------------------------------------------------------------- الشارات */

.siyaq-badge {
	display: inline-flex; align-items: center; gap: 4px;
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 600;
	padding: 3px 8px;
	border-radius: 2px;
	line-height: 1.4;
}
.siyaq-badge--breaking { background: var(--wp--preset--color--siyaq-breaking); color: var(--wp--preset--color--siyaq-white); }
.siyaq-badge--sponsored { background: var(--wp--preset--color--siyaq-accent-100); color: var(--wp--preset--color--siyaq-accent-dark); }
.siyaq-badge--coverage { background: var(--siyaq-surface-sunken); color: var(--siyaq-text-secondary); }
.siyaq-badge--live { background: var(--wp--preset--color--siyaq-breaking); color: var(--wp--preset--color--siyaq-white); }

/* -------------------------------------------------------- ترويسة القسم */

.siyaq-sechead {
	display: flex; align-items: baseline; justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	border-top: 3px solid var(--siyaq-cat, var(--siyaq-brand));
	padding-top: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--50);
}

.siyaq-sechead__title {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--h2);
	font-weight: 700;
	margin: 0;
	color: var(--siyaq-text-primary);
}

.siyaq-sechead__more {
	font-size: var(--wp--preset--font-size--body-sm);
	font-weight: 500;
	color: var(--siyaq-cat, var(--siyaq-brand));
	white-space: nowrap;
}

/* ------------------------------------------------------------- الشبكات */

.siyaq-grid { display: grid; gap: var(--wp--preset--spacing--50); }
.siyaq-grid--2 { grid-template-columns: repeat(2, 1fr); }
.siyaq-grid--3 { grid-template-columns: repeat(3, 1fr); }
.siyaq-grid--4 { grid-template-columns: repeat(4, 1fr); }

.siyaq-list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wp--preset--spacing--40); }

/* شبكة الصدارة */
.siyaq-hero { display: grid; gap: var(--wp--preset--spacing--50); }

.siyaq-hero--1-4 {
	grid-template-columns: 2fr 1fr;
	grid-template-areas: "a b" "a c" "a d" "a e";
}
.siyaq-hero--2-3 { grid-template-columns: repeat(6, 1fr); }
.siyaq-hero--2-3 > :nth-child(-n+2) { grid-column: span 3; }
.siyaq-hero--2-3 > :nth-child(n+3)  { grid-column: span 2; }

.siyaq-hero--1-2-2 {
	grid-template-columns: repeat(4, 1fr);
	grid-template-areas: "a a b c" "a a d e";
}
.siyaq-hero--1-4 > :nth-child(1),
.siyaq-hero--1-2-2 > :nth-child(1) { grid-area: a; }
.siyaq-hero--1-4 > :nth-child(2), .siyaq-hero--1-2-2 > :nth-child(2) { grid-area: b; }
.siyaq-hero--1-4 > :nth-child(3), .siyaq-hero--1-2-2 > :nth-child(3) { grid-area: c; }
.siyaq-hero--1-4 > :nth-child(4), .siyaq-hero--1-2-2 > :nth-child(4) { grid-area: d; }
.siyaq-hero--1-4 > :nth-child(5), .siyaq-hero--1-2-2 > :nth-child(5) { grid-area: e; }

/* الكروت الجانبية أفقية ومحاذاة للأعلى — بلا محاذاة تتمدّد الصورة
   لتملأ ارتفاع الكارت كله وتخرج عن نسبة 16:9. */
.siyaq-hero--1-4 > :nth-child(n+2) {
	display: flex; flex-direction: row; align-items: flex-start;
	gap: var(--wp--preset--spacing--30);
	padding-bottom: var(--wp--preset--spacing--30);
	border-bottom: 1px solid var(--siyaq-border);
}
.siyaq-hero--1-4 > :nth-child(n+2) .siyaq-card__media {
	flex: 0 0 116px; width: 116px; align-self: flex-start;
}
.siyaq-hero--1-4 > :nth-child(n+2) .siyaq-card__body { flex: 1; min-width: 0; }
.siyaq-hero--1-4 > :nth-child(n+2) .siyaq-card__title { font-size: var(--wp--preset--font-size--body); }
.siyaq-hero--1-4 > :last-child { border-bottom: 0; }

/* -------------------------------------------------------------- الفيديو */

.siyaq-video__badge {
	position: absolute; inset-block-end: 8px; inset-inline-end: 8px;
	background: rgba(16, 21, 26, .82);
	color: #fff;
	font-size: var(--wp--preset--font-size--overline);
	font-variant-numeric: tabular-nums;
	padding: 2px 6px; border-radius: 2px;
}

.siyaq-video__play {
	position: absolute; inset: 0; display: grid; place-items: center;
	background: transparent; border: 0; cursor: pointer; color: #fff;
}
.siyaq-video__play svg { filter: drop-shadow(0 2px 8px rgba(0,0,0,.5)); }

/* ------------------------------------------------------ مكتبة الفيديو */

.siyaq-vlib__head { margin-block-end: var(--wp--preset--spacing--60); }

.siyaq-vlib__feature { margin-block-end: var(--wp--preset--spacing--80); }

.siyaq-vlib__hero {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
	background: var(--siyaq-surface-sunken);
	border-radius: var(--siyaq-radius-md);
	overflow: hidden;
}
.siyaq-vlib__hero .siyaq-card__media { border-radius: 0; height: 100%; }
.siyaq-vlib__hero .siyaq-card__body { padding-inline-end: var(--wp--preset--spacing--50); }
.siyaq-vlib__hero .siyaq-card__title { font-size: var(--wp--preset--font-size--h2); line-height: 1.3; }

.siyaq-vlib .siyaq-sechead { margin-block-start: var(--wp--preset--spacing--60); }

@media (max-width: 768px) {
	.siyaq-vlib__hero { grid-template-columns: 1fr; }
	.siyaq-vlib__hero .siyaq-card__body {
		padding: 0 var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
	}
}

/* --------------------------------------------------------------- المعرض */

.siyaq-gallery { display: grid; gap: var(--wp--preset--spacing--30); }
.siyaq-gallery--2 { grid-template-columns: repeat(2, 1fr); }
.siyaq-gallery--3 { grid-template-columns: repeat(3, 1fr); }
.siyaq-gallery--4 { grid-template-columns: repeat(4, 1fr); }
.siyaq-gallery img { aspect-ratio: 1; object-fit: cover; width: 100%; border-radius: var(--siyaq-radius); }

/* -------------------------------------------------------------- الدوسيه */

.siyaq-dossier {
	display: flex; flex-direction: column; gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	background: var(--siyaq-surface-sunken);
	border-inline-start: 3px solid var(--siyaq-brand);
	border-radius: var(--siyaq-radius);
}
.siyaq-dossier__count { font-size: var(--wp--preset--font-size--caption); color: var(--siyaq-text-secondary); }

/* ------------------------------------------------------------- الإعلانات */

.siyaq-ad {
	display: flex; flex-direction: column;
	background: var(--siyaq-surface-sunken);
	border: 1px dashed var(--siyaq-border);
	border-radius: var(--siyaq-radius);
	overflow: hidden;
	/* الارتفاع محجوز دائمًا — بدونه يقفز التخطيط عند وصول الإعلان. */
	min-height: var(--siyaq-ad-h, 90px);
}
/* التسمية في صفّها الخاص لا فوق المحتوى — الإفصاح يجب أن يُقرأ لا أن يتراكب. */
.siyaq-ad::before {
	content: "إعلان";
	display: block;
	padding: 3px 8px;
	font-size: 10px; letter-spacing: .04em;
	color: var(--siyaq-text-secondary);
	border-bottom: 1px dashed var(--siyaq-border);
	flex-shrink: 0;
}
.siyaq-ad > * { flex: 1; display: grid; place-items: center; width: 100%; }
.siyaq-ad img { display: block; }
.siyaq-ad--leaderboard { --siyaq-ad-h: 90px; }
.siyaq-ad--inarticle   { --siyaq-ad-h: 250px; margin-block: var(--wp--preset--spacing--60); }
.siyaq-ad--sidebar     { --siyaq-ad-h: 600px; }

/* اللصق مشروط بكون المساحة آخر عنصر في عمودها.
   عنصر لاصق يتبعه محتوى يغطّيه عند التمرير — وهو ما حدث فعلًا في قالب
   المقال: مساحة 600px قبل قائمة الأكثر قراءة غطّتها بـ 138 بكسل.
   بجعل الشرط بنيويًا لا يمكن للخطأ أن يتكرّر بترتيب خاطئ في قالب جديد:
   المساحة في غير موضعها تصير ثابتة عادية بدل أن تخرّب الصفحة. */
.siyaq-ad--sidebar:last-child {
	position: sticky;
	/* 64px ارتفاع الترويسة اللاصقة + 20px تنفّس */
	top: 84px;
	align-self: start;
}

/* --------------------------------------------------------------- المقال */

.siyaq-progress {
	position: fixed; inset-block-start: 0; inset-inline-start: 0;
	height: 3px; width: 0;
	background: var(--siyaq-brand);
	z-index: 100;
	transition: width 80ms linear;
}

.siyaq-article__head { max-width: var(--wp--custom--article--measure, 720px); margin-inline: auto; }

.siyaq-article__title {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--display-1);
	font-weight: 700; line-height: 1.15;
	margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--30);
}

.siyaq-article__sub {
	font-size: var(--wp--preset--font-size--body-lg);
	line-height: 1.7;
	color: var(--siyaq-text-secondary);
	margin: 0 0 var(--wp--preset--spacing--40);
}

.siyaq-article__byline {
	display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--body-sm);
	color: var(--siyaq-text-secondary);
	padding-block: var(--wp--preset--spacing--30);
	border-block: 1px solid var(--siyaq-border);
}

.siyaq-article__body { font-size: var(--wp--preset--font-size--body-lg); line-height: 1.9; }
.siyaq-article__body > p { margin-block: 0 var(--wp--preset--spacing--50); }
.siyaq-article__dateline { font-weight: 600; color: var(--siyaq-text-primary); }

.siyaq-readalso {
	margin-block: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40);
	background: var(--wp--preset--color--siyaq-brand-50);
	border-inline-start: 3px solid var(--siyaq-brand);
	border-radius: var(--siyaq-radius);
}
.siyaq-readalso__label {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--overline);
	font-weight: 700; color: var(--siyaq-brand);
	display: block; margin-bottom: 4px;
}
.siyaq-readalso__title { font-size: var(--wp--preset--font-size--body); font-weight: 600; line-height: 1.5; }

:root[data-theme="dark"] .siyaq-readalso { background: var(--siyaq-surface-sunken); }

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) .siyaq-readalso { background: var(--siyaq-surface-sunken); }
}

.siyaq-credit {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--siyaq-text-secondary);
	margin: var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--50);
	text-align: start;
}
.siyaq-credit a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }

.siyaq-article__eyebrow {
	display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--30);
	margin: 0;
}

.siyaq-article__disclosure {
	color: var(--wp--preset--color--siyaq-accent-dark);
	font-weight: 500;
}

.siyaq-article__datelinerow { margin: var(--wp--preset--spacing--40) 0 0; }

.siyaq-share {
	display: flex; flex-wrap: wrap; align-items: center; gap: var(--wp--preset--spacing--20);
	margin-block: var(--wp--preset--spacing--40);
}
.siyaq-share__label {
	font-size: var(--wp--preset--font-size--caption);
	color: var(--siyaq-text-secondary);
	margin-inline-end: 4px;
}
.siyaq-share__btn {
	font-size: var(--wp--preset--font-size--caption);
	font-weight: 500;
	padding: 5px 12px;
	border: 1px solid var(--siyaq-border);
	border-radius: var(--siyaq-radius);
	color: var(--siyaq-text-primary);
	transition: background var(--siyaq-transition), border-color var(--siyaq-transition);
}
.siyaq-share__btn:hover {
	background: var(--siyaq-surface-sunken);
	border-color: var(--siyaq-brand);
	text-decoration: none;
}

/* --------------------------------------------------------- الأكثر قراءة */

.siyaq-mostread__list { counter-reset: siyaq-rank; }
.siyaq-mostread__item { display: flex; gap: var(--wp--preset--spacing--30); align-items: flex-start; }
.siyaq-mostread__rank {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--h3);
	font-weight: 700;
	color: var(--siyaq-brand);
	opacity: .35;
	line-height: 1.2;
	flex-shrink: 0;
	min-width: 1.3em;
	font-variant-numeric: tabular-nums;
}
.siyaq-mostread__item .siyaq-card { flex: 1; min-width: 0; }

.siyaq-related { margin-block-start: var(--wp--preset--spacing--80); }
.siyaq-article__foot { margin-block-start: var(--wp--preset--spacing--70); }

/* --------------------------------------------------------- بطاقة الكاتب */

.siyaq-author {
	display: flex; gap: var(--wp--preset--spacing--40); align-items: flex-start;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--siyaq-border);
	border-radius: var(--siyaq-radius-md);
}
.siyaq-author img { border-radius: 50%; flex-shrink: 0; }
.siyaq-author__name { font-family: var(--wp--preset--font-family--siyaq-headline); font-weight: 600; margin: 0 0 4px; }
.siyaq-author__bio { font-size: var(--wp--preset--font-size--body-sm); color: var(--siyaq-text-secondary); margin: 0; }

/* --------------------------------------------------------------- النشرة */

.siyaq-newsletter {
	padding: var(--wp--preset--spacing--60);
	background: var(--wp--preset--color--siyaq-brand-deep);
	color: var(--wp--preset--color--siyaq-white);
	border-radius: var(--siyaq-radius-md);
	text-align: center;
}
.siyaq-newsletter h2 { color: inherit; margin-block-start: 0; }
.siyaq-newsletter__form { display: flex; gap: var(--wp--preset--spacing--20); max-width: 460px; margin-inline: auto; }
.siyaq-newsletter__form input {
	flex: 1; padding: .7rem 1rem;
	border: 1px solid transparent; border-radius: var(--siyaq-radius);
	font-family: inherit; font-size: var(--wp--preset--font-size--body-sm);
}
.siyaq-newsletter__form button {
	padding: .7rem 1.4rem; border: 0; border-radius: var(--siyaq-radius);
	background: var(--wp--preset--color--siyaq-accent);
	color: var(--wp--preset--color--siyaq-ink);
	font-family: inherit; font-weight: 600; cursor: pointer;
}
.siyaq-newsletter__msg { margin-block-start: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--body-sm); min-height: 1.5em; }

/* -------------------------------------------------------------- التذييل */

.siyaq-footer {
	background: var(--wp--preset--color--siyaq-brand-deep);
	color: var(--wp--preset--color--siyaq-gray-300);
	padding-block: var(--wp--preset--spacing--80) var(--wp--preset--spacing--50);
	margin-block-start: var(--wp--preset--spacing--90);
}
.siyaq-footer a { color: var(--wp--preset--color--siyaq-gray-200); }
.siyaq-footer a:hover { color: var(--wp--preset--color--siyaq-white); }
.siyaq-footer h3 {
	color: var(--wp--preset--color--siyaq-white);
	font-size: var(--wp--preset--font-size--body); margin-block: 0 var(--wp--preset--spacing--30);
}
.siyaq-footer__bottom {
	margin-block-start: var(--wp--preset--spacing--60);
	padding-block-start: var(--wp--preset--spacing--40);
	border-top: 1px solid rgba(255,255,255,.12);
	font-size: var(--wp--preset--font-size--caption);
	display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--wp--preset--spacing--30);
}

/* -------------------------------------------- دليل النظام البصري */

.siyaq-sg__section { margin-block: var(--wp--preset--spacing--80); }
.siyaq-sg__intro { margin-block-end: var(--wp--preset--spacing--80); }

.siyaq-sg__h3 {
	font-family: var(--wp--preset--font-family--siyaq-headline);
	font-size: var(--wp--preset--font-size--h4);
	margin-block: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	color: var(--siyaq-text-secondary);
}

.siyaq-sg__note {
	font-size: var(--wp--preset--font-size--body-sm);
	color: var(--siyaq-text-secondary);
	max-width: 720px;
	margin-block: 0 var(--wp--preset--spacing--50);
}

.siyaq-sg__swatches {
	display: grid; gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.siyaq-sg__swatch { margin: 0; }
.siyaq-sg__chip {
	display: block; height: 72px;
	border-radius: var(--siyaq-radius);
	border: 1px solid var(--siyaq-border);
	margin-block-end: var(--wp--preset--spacing--20);
}
.siyaq-sg__swatch figcaption { display: grid; gap: 2px; font-size: var(--wp--preset--font-size--caption); }
.siyaq-sg__swatch code { font-size: 11px; color: var(--siyaq-text-secondary); }
.siyaq-sg__slug { color: var(--siyaq-text-secondary); font-size: 11px; }

.siyaq-sg__type { display: grid; gap: var(--wp--preset--spacing--40); }
.siyaq-sg__typerow {
	display: grid; grid-template-columns: 200px 1fr; gap: var(--wp--preset--spacing--40);
	align-items: baseline;
	padding-block-end: var(--wp--preset--spacing--30);
	border-bottom: 1px solid var(--siyaq-border);
}
.siyaq-sg__typemeta { display: grid; gap: 2px; font-size: var(--wp--preset--font-size--caption); color: var(--siyaq-text-secondary); }

.siyaq-sg__spacing { display: grid; gap: var(--wp--preset--spacing--20); }
.siyaq-sg__spacerow {
	display: grid; grid-template-columns: 130px 1fr 60px; gap: var(--wp--preset--spacing--30);
	align-items: center; font-size: var(--wp--preset--font-size--caption);
}
.siyaq-sg__bar { height: 14px; background: var(--siyaq-brand); border-radius: 2px; display: block; }

.siyaq-sg__row { display: flex; flex-wrap: wrap; gap: var(--wp--preset--spacing--30); align-items: center; }
.siyaq-sg__cardbox { max-width: 520px; }

@media (max-width: 768px) {
	.siyaq-sg__typerow { grid-template-columns: 1fr; }
	.siyaq-sg__spacerow { grid-template-columns: 110px 1fr 50px; }
}

/* ------------------------------------------------------------ التجاوب */

@media (max-width: 1024px) {
	.siyaq-grid--4 { grid-template-columns: repeat(2, 1fr); }
	.siyaq-hero--1-2-2 { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a a" "b c" "d e"; }
	.siyaq-ad--sidebar { --siyaq-ad-h: 250px; position: static; }
}

@media (max-width: 768px) {
	.siyaq-grid--3, .siyaq-grid--2 { grid-template-columns: 1fr; }
	.siyaq-hero--1-4 { grid-template-columns: 1fr; grid-template-areas: "a" "b" "c" "d" "e"; }
	.siyaq-hero--2-3 > * { grid-column: 1 / -1 !important; }
	.siyaq-article__title { font-size: var(--wp--preset--font-size--h1); }
	.siyaq-gallery--4, .siyaq-gallery--3 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
	.siyaq-card--h { flex-direction: column; }
	.siyaq-card--h .siyaq-card__media { flex: none; }
	.siyaq-newsletter__form { flex-direction: column; }
	.siyaq-gallery--4, .siyaq-gallery--3, .siyaq-gallery--2 { grid-template-columns: 1fr; }
}

@media print {
	.siyaq-header, .siyaq-ticker, .siyaq-ad, .siyaq-footer, .siyaq-progress { display: none !important; }
}