/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */

/* ==============================================
   Responsive Overrides for MYRAS Platform
   Handles inline styles that can't be fixed with Tailwind
   ============================================== */

/* --- Notification dropdown (380px fixed width) --- */
@media (max-width: 640px) {
    [style*="width: 380px"] {
        width: calc(100vw - 2rem) !important;
    }
}

/* --- Blog featured article (inline flex-direction: row) --- */
@media (max-width: 768px) {
    [style*="flex-direction: row"] {
        flex-direction: column !important;
    }
    [style*="flex: 0 0 50%"] {
        flex: none !important;
        width: 100% !important;
        min-height: 200px !important;
    }
    [style*="padding: 40px"] {
        padding: 20px !important;
    }
    [style*="font-size: 28px"] {
        font-size: 20px !important;
    }
}

/* --- Blog card images --- */
@media (max-width: 640px) {
    [style*="height: 220px"] {
        height: 160px !important;
    }
}

/* --- 2FA Recovery codes grid --- */
@media (max-width: 480px) {
    [style*="grid-template-columns: 1fr 1fr"] {
        grid-template-columns: 1fr !important;
    }
}

/* --- Expert cards padding --- */
@media (max-width: 640px) {
    [style*="padding: 32px 32px 16px"] {
        padding: 20px 20px 12px !important;
    }
}

/*
 * ==========================================================================
 * تصميم وبرمجة شركة دروب ايديا للتجارة الالكترونية والرقمية
 * https://dropidea.com
 * +962798402930
 * ==========================================================================
 */