/* إخفاء الأزرار تماماً على الكمبيوتر */
.ajial-mobile-buttons-wrapper {
    display: none !important;
}

/* إعدادات خاصة بالهاتف فقط */
@media only screen and (max-width: 767px) {
    .ajial-mobile-buttons-wrapper {
        display: block !important;
    }

    /* --- تنسيق الأيقونة اليسرى (GIF) --- */
    .mobile-left-gif-icon {
        position: absolute !important; 
        top: 23px; 
        left: 20px; 
        z-index: 9999;
    }

    .mobile-left-gif-icon img {
        /* --- هـنـا مـكـان الـتـكـبـيـر --- */
        height: 40px; /* قم بزيادة هذا الرقم لتكبير الأيقونة أكثر (مثلاً 150px) */
        /* ------------------------------- */
        width: 56px;
        border-radius: 5px;
    }

    /* --- تنسيق زر التبليغ بجانب الأيقونة --- */
    .mobile-right-red-button {
        position: absolute !important; 
        top: 25px; 
        /* ملاحظة: إذا كبرت الأيقونة كثيراً، قد تحتاج لزيادة رقم الـ left أدناه ليبتعد الزر عنها */
        left: 100px;  
        z-index: 9999;
        
        background-color: #d80000;
        color: #fff !important;
        padding: 8px 15px; /* تكبير حشو الزر قليلاً ليتناسب مع حجم الأيقونة الجديد */
        border-radius: 5px;
        font-weight: bold;
        text-decoration: none;
        font-size: 14px; /* تكبير الخط قليلاً */
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        white-space: nowrap;
    }
}