/* assets/css/buttons.css - تصغير الأزرار في جميع أنحاء التطبيق */

/* أزرار عامة أصغر */
.btn, button:not(.no-resize) {
    font-size: 12px !important;
    padding: 6px 12px !important;
    min-height: 32px !important;
}

.btn-sm, .small-btn {
    font-size: 10px !important;
    padding: 4px 8px !important;
    min-height: 26px !important;
}

.btn-lg, .large-btn {
    font-size: 14px !important;
    padding: 8px 16px !important;
    min-height: 38px !important;
}

/* أزرار الإعجاب والمتابعة في التغريدات */
.tweet-actions button {
    width: auto !important;
    min-width: 45px !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
    gap: 4px !important;
}

.tweet-actions button i {
    font-size: 12px !important;
}

/* أزرار الملف الشخصي */
.profile-actions .profile-btn {
    padding: 6px 12px !important;
    font-size: 12px !important;
    min-height: 34px !important;
}

/* أزرار المستخدمين */
.user-card-follow-btn {
    padding: 4px 8px !important;
    font-size: 10px !important;
    min-height: 28px !important;
}

.user-card-follow-btn i {
    font-size: 10px !important;
}

/* أزرار التعليقات */
.comment-actions button {
    padding: 3px 8px !important;
    font-size: 10px !important;
    min-height: 24px !important;
}

.comment-actions button i {
    font-size: 10px !important;
}

/* أزرار الريلزات */
.reel-actions button {
    width: 32px !important;
    height: 32px !important;
    font-size: 10px !important;
}

.reel-actions button i {
    font-size: 14px !important;
}

.reel-actions button span {
    font-size: 8px !important;
}

.reel-follow-btn {
    padding: 2px 6px !important;
    font-size: 8px !important;
    min-height: 22px !important;
}

/* أزرار القائمة الجانبية */
.sidebar-menu-item {
    padding: 8px 12px !important;
    font-size: 13px !important;
}

.sidebar-menu-item i {
    font-size: 16px !important;
}

/* أزرار النشر */
.post-reel-btn, .post-tweet-btn, .submit-btn {
    padding: 8px 16px !important;
    font-size: 13px !important;
    min-height: 36px !important;
}

/* أزرار النماذج */
.modal-footer button, .form-actions button {
    padding: 8px 16px !important;
    font-size: 12px !important;
    min-height: 36px !important;
}

/* أزرار التنقل السفلي */
.bottom-nav .nav-item {
    padding: 4px 8px !important;
    font-size: 9px !important;
}

.bottom-nav .nav-item i {
    font-size: 16px !important;
}

.bottom-nav .nav-item span {
    font-size: 8px !important;
}

.bottom-nav .nav-item.post-btn {
    padding: 5px 14px !important;
    margin-top: -8px !important;
}

/* أزرار البحث والفلترة */
.filter-tab {
    padding: 4px 12px !important;
    font-size: 11px !important;
    min-height: 28px !important;
}

.search-box button {
    width: 38px !important;
    height: 38px !important;
    font-size: 14px !important;
}

/* أزرار الإشعارات */
.notification-actions button {
    padding: 4px 10px !important;
    font-size: 10px !important;
}

/* أزرار لوحة التحكم للمدير */
.admin-action-btn {
    padding: 5px 12px !important;
    font-size: 11px !important;
    min-height: 30px !important;
}

.quick-send-btn {
    padding: 4px 8px !important;
    font-size: 10px !important;
    min-height: 28px !important;
}

/* أزرار المشاركة */
.share-btn {
    padding: 4px 10px !important;
    font-size: 10px !important;
    min-height: 28px !important;
}

/* أزرار العودة للأعلى */
.back-to-top {
    width: 36px !important;
    height: 36px !important;
    font-size: 16px !important;
}

/* أزرار إغلاق النوافذ */
.close-btn, .modal-close {
    width: 28px !important;
    height: 28px !important;
    font-size: 16px !important;
}

/* أزرار رفع الملفات */
.upload-label, .image-upload label {
    padding: 5px 12px !important;
    font-size: 11px !important;
    min-height: 28px !important;
}

/* التجاوب مع الشاشات الصغيرة */
@media (max-width: 480px) {
    .btn, button:not(.no-resize) {
        padding: 4px 10px !important;
        font-size: 11px !important;
    }
    
    .tweet-actions button {
        padding: 4px 8px !important;
        min-width: 40px !important;
    }
    
    .reel-actions button {
        width: 28px !important;
        height: 28px !important;
    }
    
    .reel-actions button i {
        font-size: 12px !important;
    }
    
    .bottom-nav .nav-item {
        padding: 3px 6px !important;
    }
    
    .bottom-nav .nav-item i {
        font-size: 14px !important;
    }
    
    .bottom-nav .nav-item span {
        font-size: 7px !important;
    }
    
    .sidebar-menu-item {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}