/* =============================================================
   seo-fixes.css   —   ملف جديد  (21 سبتمبر 2026)
   -------------------------------------------------------------
   الغرض: الحفاظ على الشكل البصري كما هو تماماً بعد تصحيح
   وسوم العناوين في القوالب (h3 -> h1  و  h4 -> h2).

   القواعد الأصلية في style.css مكتوبة على h3 و h4، فلو غيّرنا
   الوسم دون هذا الملف سيتغيّر حجم الخط ويختل التصميم.
   هنا نعطي h1 و h2 الجديدين نفس تنسيق الوسم القديم بالضبط.

   ارفعه إلى:  public/assets/front/css1/seo-fixes.css
   وهو مُستدعى بالفعل من layouts/app.blade.php
   ============================================================= */


/* ---------- 1) عنوان الصفحة داخل شريط المسار ---------- */
/* كان <h3 class="tp-breadcrumb__title"> وأصبح <h1> */

h1.tp-breadcrumb__title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    color: inherit;
    letter-spacing: inherit;
}


/* ---------- 2) عناوين الأقسام ---------- */
/* كان <h4 class="tp-section-title"> وأصبح <h2> */

h2.tp-section-title,
h1.tp-section-title {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
    color: inherit;
}


/* ---------- 3) ضمان عام ---------- */
/* أي عنوان يحمل كلاساً من كلاسات القالب يرث تنسيق الكلاس لا تنسيق الوسم */

h1[class*="tp-"],
h2[class*="tp-"],
h1[class*="title"],
h2[class*="title"] {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}


/* =============================================================
   4) رابط التخطي إلى المحتوى   (WCAG 2.4.1)
   مخفي بصرياً حتى يصل إليه مستخدم لوحة المفاتيح بزر Tab
   ============================================================= */

.skip-to-content {
    position: absolute;
    top: -100px;
    right: 16px;
    z-index: 100000;
    display: inline-block;
    padding: 12px 22px;
    background: #11263F;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 0 0 6px 6px;
    transition: top .18s ease-in-out;
}

.skip-to-content:focus,
.skip-to-content:focus-visible {
    top: 0;
    color: #fff;
    outline: 3px solid #A67C2E;
    outline-offset: 2px;
}

html[dir="ltr"] .skip-to-content {
    right: auto;
    left: 16px;
}


/* =============================================================
   5) تحسينات إمكانية الوصول
   ============================================================= */

/* إظهار واضح لعنصر التركيز عند التنقل بلوحة المفاتيح */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: 3px solid #A67C2E;
    outline-offset: 2px;
}

/* احترام تفضيل تقليل الحركة عند المستخدم */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}


/* =============================================================
   6) منع ارتجاج التخطيط  (CLS)
   يحجز مساحة الصورة قبل تحميلها، فلا يقفز المحتوى
   ============================================================= */

img[width][height] {
    height: auto;
}

img:not([src]),
img[src=""] {
    visibility: hidden;
}