/*
Theme Name:   Elseidy Child
Theme URI:    https://elseidy.net
Description:  قالب فرعي لموقع محمد الصعيدي لخدمات متابعة المعاملات. كل تخصيص يذهب هنا، فلا يضيع عند تحديث القالب الأصلي.
Author:       يوسف أحمد بابكر عبد الشكور
Template:     blocksy
Version:      1.0.0
Text Domain:  elseidy-child
*/

/* لا تكتب CSS هنا. التصميم كله في assets/elseidy-design.css — مصدر واحد. */

/* ==========================================================================
   ١١ سبتمبر ٢٠٢٦ — وصل الهيدر المعتمد بصفحات ووردبريس
   التصميم المعتمد يجعل الهيدر شفافًا لأنه يقف فوق واجهة داكنة. صفحات ووردبريس
   لا تحمل تلك الواجهة بعد، فكان أبيض على أبيض. حتى تُبنى الواجهات تأخذ كل صفحة
   بلا واجهة أرضيةً كحلية، ويُزاح محتواها بمقدار ارتفاع الهيدر الثابت.
   يوم بناء الواجهة: أضف الصنف has-hero إلى body لتعود الشفافية.
   ========================================================================== */
body:not(.has-hero) .site-header{
  background:var(--navy);
  border-bottom:1px solid rgba(255,255,255,.12);
}
body:not(.has-hero) > .ct-container-full,
body:not(.has-hero) > main{
  padding-block-start:var(--header-h,84px);
}

/* رابط تخطّي المحتوى الذي يضيفه القالب الأصلي مكرَّر — نبقي رابطنا فقط */
.skip-link.screen-reader-text{display:none}

/* الصفحات الهيكلية قصيرة الآن، فكان الفوتر يطفو ويتركَ فراغًا أبيض تحته */
body:not(.has-hero){min-height:100svh;display:flex;flex-direction:column}
body:not(.has-hero) > .ct-container-full,
body:not(.has-hero) > main{flex:1 0 auto}
body:not(.has-hero) > .footer{flex:none}

/* ==========================================================================
   ١٢ سبتمبر — أقسام التصميم المعتمد داخل صفحات ووردبريس
   القالب الأصلي يحبس المحتوى في حاوية 1290px. أقسامنا مصمَّمة لتمتد بعرض الشاشة
   وتضع حدّ القراءة داخليًا عبر .wrap — فتُفكّ الحاوية على هذه الصفحات وحدها.
   ========================================================================== */
.elseidy-sections .ct-container-full,
.elseidy-sections article.page,
.elseidy-sections .entry-content{
  max-width:none;width:100%;padding-inline:0;margin-inline:0;
}
/* والقيد الحقيقي على الأبناء لا على الحاوية: ووردبريس يحدّ كل ابن مباشر داخل
   is-layout-constrained بعرض المحتوى، فتُزاح أقسامنا 75px وتفقد امتدادها. */
.elseidy-sections .entry-content > *,
.elseidy-sections article.page > *{
  max-width:none;
  /* ووردبريس يكتب في CSS المضمَّن:
       .is-layout-constrained > :where(:not(.alignfull)) { margin-left:auto !important }
     ولا يستثني إلا .alignfull. أقسامنا كلها بعرض الشاشة، فنردّ بنفس السلاح — وهذا
     الموضع الوحيد في المشروع الذي يستحق !important. */
  margin-left:0!important;margin-right:0!important;
  /* و Blocksy يضيف فوقها width:var(--theme-block-width) على نفس الأبناء */
  width:100%;
}
/* عنوان الصفحة من القالب الأصلي: الواجهة تحمل عنوانها، فلا داعي لعنوان فوقها */
.elseidy-sections .hero-section{display:none}
/* الواجهة تبدأ من أعلى الصفحة تمامًا، والهيدر الشفاف يقف فوقها */
.has-hero .ct-container-full,
.has-hero > main{padding-block-start:0}

/* Blocksy يفرض لونًا واحدًا على كل العناوين (--theme-heading-color)، فيكسر أمرين:
   وراثة اللون داخل البطاقة الكحلية — فيختفي عنوانها — ولون العناوين العادية
   يصير rgb(25,42,61) بدل حبر التصميم المعتمد rgb(16,45,67).
   الوراثة هي الأصل في تصميمنا: القسم يحدّد لونه والعناوين تتبعه. */
body :is(h1,h2,h3,h4,h5,h6){color:inherit}

/* Blocksy لا يفرض لون العناوين فقط، بل خطّها أيضًا — فظهرت عناوين عربية بخط
   النظام بدل IBM Plex Sans Arabic المعتمد. القياسات كانت تطابق والشكل لا يطابق.
   ويضيف مسافة سفلية 16px تحت كل عنوان، و24px بين كل قسمين. */
body :is(h1,h2,h3,h4,h5,h6){font-family:inherit}
.elseidy-sections :is(h1,h2,h3,h4,h5,h6){margin-block:0}
.elseidy-sections .entry-content > *{margin-block:0}