/* صفحة خريطة الموقع.
   المشترك (الهيدر/الناف/الفوتر) في css/site.css.

   التصميم مقتبس من صفحة خريطة الموقع في الهيئة العامة للعقار
   (النسخة المحفوظة، بقراءة قواعدها وقيمها المحسوبة):

       الشريط   خلفية #f7fdf9، حشو 40px 0
       العنوان  30px/700 lh38px، #161616، هامش 0 0 8px
       القائمة  .sitemap-page { margin:0; list-style:initial;
                                color: var(--colors-brand-600) }
                .sitemap-page li { padding-bottom: var(--spacing-xl) }
                .sitemap-sub { list-style: circle }
       والقيم   --spacing-xl: 16px   و  --colors-brand-600: #1b8354

   و#1b8354 هو أخضر مشروعنا نفسه، فلا تعديل على اللون. واللون على
   القائمة يلوّن النقاط، ونصّ الروابط يبقى داكناً. */

.sitemap-page-wrap {
    padding: 0 0 64px;
}

/* ===== الشريط العلوي ===== */
.sitemap-hero {
    position: relative;
    background: #f7fdf9;
    padding: 40px 0;
    margin-bottom: 24px;
    box-shadow: 0 0 0 100vmax #f7fdf9;
    clip-path: inset(0 -100vmax);
}

.sitemap-crumb {
    margin-bottom: 16px;
    font-size: .875rem;
    line-height: 1.5;
    color: #4b5563;
}

.sitemap-crumb a,
.sitemap-crumb a:link,
.sitemap-crumb a:visited {
    color: #161616;
    text-decoration: none;
}

.sitemap-crumb a:hover {
    text-decoration: underline;
}

.sitemap-crumb .sep {
    margin: 0 8px;
    color: #9da4ae;
}

.sitemap-title {
    margin: 0 0 8px;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.27;
    color: #161616;
}

/* UDesign يورّث text-align: justify فيتباعد الكلام في العربية */
.sitemap-lead {
    margin: 0;
    max-width: 80ch;
    font-size: 1rem;
    line-height: 1.9;
    color: #384250;
    text-align: start;
}

/* ===== القوائم ===== */
/* فراغ بين قسم وآخر: كل قسم قائمة مستقلّة، فالهامش السفلي
   يفصلها عمّا بعدها. والأخيرة بلا هامش كي لا يزيد ذيل الصفحة. */
.sitemap-page {
    margin: 0 0 32px;
    padding-inline-start: 22px;
    list-style: disc;
    /* يلوّن النقاط لا النصّ */
    color: #1b8354;
}

.sitemap-page:last-child {
    margin-bottom: 0;
}

.sitemap-page > li {
    padding-bottom: 16px;
}

.sitemap-page > li:last-child {
    padding-bottom: 0;
}

/* القائمة الفرعية: دوائر مفرّغة كما في المرجع */
.sitemap-sub {
    margin: 12px 0 0;
    padding-inline-start: 22px;
    list-style: circle;
}

.sitemap-sub > li {
    padding-bottom: 10px;
}

.sitemap-sub > li:last-child {
    padding-bottom: 0;
}

/* المستوى الثالث */
.sitemap-sub .sitemap-sub {
    list-style: square;
}

.sitemap-link,
.sitemap-link:link,
.sitemap-link:visited {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: #161616;
    text-decoration: none;
}

.sitemap-link:hover {
    color: #1b8354;
    text-decoration: underline;
}

/* عنوان القسم: رابط أعرض قليلاً وأثقل */
.sitemap-page > li > .sitemap-link {
    font-size: 1.0625rem;
    font-weight: 700;
}

/* قسم بلا رابط: نصّ مجرّد بنفس هيئة العنوان */
.sitemap-group {
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.6;
    color: #161616;
}

/* أيقونة الرابط الخارجي — القاعدة المشتركة .menu-title__ext في
   site.css، ونكتفي هنا بضبط حجمها داخل القوائم */
.sitemap-link .menu-title__ext {
    width: .7em;
    height: .7em;
}

/* ===== الشاشات الأصغر ===== */
@media (max-width: 767.98px) {
    .sitemap-hero {
        padding: 24px 0;
    }

    .sitemap-title {
        font-size: 1.375rem;
    }

    .sitemap-page,
    .sitemap-sub {
        padding-inline-start: 18px;
    }
}