/*!
Theme Name: Aleppo Governorate
Theme URI: https://aleppo.gov.sy/
Author: محافظة حلب
Author URI: https://aleppo.gov.sy/
Description: قالب ووردبريس رسمي لمحافظة حلب — تصميم عربي (RTL) قائم على الهوية البصرية «النسيج الحلبي»، يتضمّن صفحة رئيسية غنية بالأقسام، أنواع محتوى مخصّصة (شرائح الهيرو، المعالم التراثية، المناطق الإدارية، الخدمات السريعة، مشاريع إعادة الإعمار)، وقوائم ميغا متجاوبة.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aleppo-gov-sy-theme
Domain Path: /languages
Tags: rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready, right-sidebar, block-styles, wide-blocks

هذا القالب، كما ووردبريس نفسه، مرخّص تحت رخصة GPL.

ملاحظة مهمة:
هذا الملف يحتوي على ترويسة القالب فقط + أصناف ووردبريس الأساسية المطلوبة.
تصميم الموقع الكامل موجود في: css/style.css
تنسيقات صفحات المحتوى الداخلية موجودة في: css/wordpress.css
*/

/*--------------------------------------------------------------
>>> فهرس المحتويات:
----------------------------------------------------------------
# إمكانية الوصول (Accessibility)
# المحاذاة (Alignments)
# التعليقات التوضيحية للصور (Captions)
# المعارض (Galleries)
# المقالات المثبّتة (Sticky)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# إمكانية الوصول
--------------------------------------------------------------*/

/* نص مخفي بصرياً لكنه متاح لقارئات الشاشة. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f2f2;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #1c4737;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	inset-inline-start: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* لا تُظهر حلقة التركيز على العناصر التي تتلقى التركيز برمجياً. */
[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0;
}

/*--------------------------------------------------------------
# المحاذاة
--------------------------------------------------------------*/
.alignleft {
	float: left;
	margin-inline-end: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	float: right;
	margin-inline-start: 1.5em;
	margin-bottom: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-inline: auto;
	margin-bottom: 1em;
}

.alignwide {
	margin-inline: calc(50% - 50vw);
	max-width: 100vw;
	width: auto;
}

.alignfull {
	margin-inline: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
}

/*--------------------------------------------------------------
# التعليقات التوضيحية للصور
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-inline: auto;
}

.wp-caption .wp-caption-text {
	color: #4b5a54;
	font-size: 0.85rem;
	margin: 0.6em 0;
	text-align: center;
}

/*--------------------------------------------------------------
# المعارض
--------------------------------------------------------------*/
.gallery {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(var(--aleppo-gallery-cols, 3), 1fr);
	margin-bottom: 1.5em;
}

.gallery-columns-1 { --aleppo-gallery-cols: 1; }
.gallery-columns-2 { --aleppo-gallery-cols: 2; }
.gallery-columns-3 { --aleppo-gallery-cols: 3; }
.gallery-columns-4 { --aleppo-gallery-cols: 4; }
.gallery-columns-5 { --aleppo-gallery-cols: 5; }
.gallery-columns-6 { --aleppo-gallery-cols: 6; }
.gallery-columns-7 { --aleppo-gallery-cols: 7; }
.gallery-columns-8 { --aleppo-gallery-cols: 8; }
.gallery-columns-9 { --aleppo-gallery-cols: 9; }

.gallery-item img {
	border-radius: 10px;
	width: 100%;
}

.gallery-caption {
	color: #4b5a54;
	display: block;
	font-size: 0.8rem;
	margin-top: 0.4em;
}

/*--------------------------------------------------------------
# المقالات المثبّتة
--------------------------------------------------------------*/
.sticky .entry-title::after {
	content: "★";
	color: #ccbaa8;
	margin-inline-start: 0.35em;
}

/* حاوية الفيديوهات المضمّنة (oEmbed) بنسبة عرض/ارتفاع ثابتة. */
.wp-embed-responsive .wp-has-aspect-ratio iframe {
	height: 100%;
	inset: 0;
	position: absolute;
	width: 100%;
}

/* شريط أدوات المدير لا يجب أن يغطي الترويسة اللاصقة. */
.admin-bar .site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .site-header {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .site-header {
		top: 0;
	}
}