/*
 * Hero Mobile Fix - Final & Definitive Solution
 * هذا الملف يحتوي على حل نهائي لمشكلة محاذاة وتباعد النصوص في قسم الهيرو على الهاتف.
 * يتم تحميله آخراً ليتجاوز أي تعارضات.
 */

@media (max-width: 640px) {

    /* 1. استهداف الحاوية الرئيسية للنصوص والأزرار */
    #home .grid > div:first-child {
        display: flex;
        flex-direction: column;
        align-items: center; /* توسيط العناصر بداخلها */
        gap: 0 !important; /* إلغاء التباعد الافتراضي للتحكم اليدوي */
    }

    /* 2. التحكم الدقيق في التباعد العمودي */
    #home .grid > div:first-child > h1 { margin-top: 1rem; }
    #home .grid > div:first-child > p { margin-top: 1.5rem; }
    #home .grid > div:first-child > .sm\:flex-row { margin-top: 2rem; }

    /* 3. جعل الفقرة تمتد وتأخذ العرض الكامل المتاح */
    #home .grid > div:first-child > p {
        width: 100% !important;
        max-width: 100% !important; /* تجاوز أي max-width آخر */
    }

    /* 4. محاذاة النص داخل الفقرة حسب اللغة */
    [dir="ltr"] #home .grid > div:first-child > p { text-align: left !important; }
    [dir="rtl"] #home .grid > div:first-child > p { text-align: right !important; }

}