/* ============================================================
   FLOATING MESSAGES FIX
   السبب الجذري كان: transform: translateZ(0) على body
   يخلق stacking context يمنع position: fixed من العمل
   تم الحل في reset.css و style.css بحذف body من قائمة will-change
   ============================================================ */

/* ضمان إضافي لكل الرسائل العائمة */
.ramadan-greeting,
.eid-message,
.eid-fitr-message {
    position: fixed !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 2147483647 !important;
    margin: 0 !important;
    top: auto !important;
    right: auto !important;
}

.ramadan-greeting { bottom: 40px !important; }
.eid-message      { bottom: 25px !important; }
.eid-fitr-message { bottom: 25px !important; }

@media (max-width: 768px) {
    .ramadan-greeting,
    .eid-message,
    .eid-fitr-message {
        bottom: 18px !important;
        max-width: 92% !important;
        white-space: normal !important;
        text-align: center !important;
    }
}