.pre-footer-links {
    background-color: #222 !important;  /* ضع اللون الذي تريد هنا */
    padding: 20px 0 !important;         /* مساحة حول النصوص والروابط */
}

.pre-footer-links p,
.pre-footer-links nav,
.pre-footer-description {
    text-align: center !important;       /* التوسيط بالقوة */
    direction: ltr !important;           /* يضمن توافق الاتجاه للغة الإنجليزية */
    color: #fff !important;              /* النصوص باللون الأبيض للوضوح */
}

.pre-footer-links nav a {
    color: #ffd700 !important;           /* لون الروابط (يمكن تغييره) */
    text-decoration: none !important;   /* إزالة التسطير الافتراضي */
}

.pre-footer-links nav a:hover {
    text-decoration: underline !important; /* تسطير عند المرور بالفأرة */
}

.pre-footer-description {
    font-size: 16px !important;          /* حجم الخط */
    line-height: 1.8 !important;         /* ارتفاع السطر */
    margin-top: 6px !important;          /* مسافة صغيرة عن الروابط */
}

.top-header-bar {
    display: block !important;
    width: 100% !important;
    background-color: #28a745 !important; /* الخلفية الخضراء */
    padding: 10px 0 !important;          /* ارتفاع الشريط */
    text-align: center !important;        /* توسيط النص بالقوة */
    direction: ltr !important;            /* إجبار اتجاه النص */
    box-sizing: border-box !important;
    z-index: 9999 !important;             /* التأكد من ظهوره فوق العناصر الأخرى */
}

.top-header-bar p {
    margin: 0 !important;                 /* إزالة الهوامش */
}

.top-header-bar a {
    color: #000000 !important;            /* نص باللون الأسود */
    text-decoration: none !important;     /* إزالة التسطير */
    font-weight: bold !important;         /* نص بارز */
    font-size: 20px !important;           /* حجم الخط الكبير */
}

.top-header-bar a:hover {
    text-decoration: underline !important;
}

/* ===== ضبط الشريط للجوال بشكل دقيق ===== */
@media (max-width: 767px) {
    .top-header-bar {
        padding: 12px 5px !important;     /* ارتفاع أكبر + مسافة من الجوانب */
    }
    .top-header-bar a {
        font-size: 18px !important;       /* تصغير الخط قليلاً للجوال */
        display: inline-block !important;
        word-break: break-word !important; /* تجنب كسر النص بشكل خاطئ */
    }
    .top-header-bar p {
        font-size: 18px !important;
    }
}