/* ============================================
   Mobile Compact Styles
   تحسينات مضغوطة للهواتف المحمولة
   ============================================ */

/* تحسينات عامة للمساحات المضغوطة */
@media (max-width: 768px) {
    /* تصغير جميع البطاقات والكاردات */
    .card,
    .dashboard-card,
    .stat-card,
    .metric-card,
    .info-card {
        margin-bottom: 0.4rem !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    
    .card-body,
    .dashboard-card .card-body {
        padding: 0.4rem 0.3rem !important;
        min-height: auto !important;
    }
    
    /* تصغير جميع الأرقام والإحصائيات */
    .display-1,
    .display-2,
    .display-3,
    .display-4,
    .display-5,
    .display-6 {
        font-size: 0.9rem !important;
        line-height: 1.1 !important;
        margin: 0.1rem 0 !important;
        font-weight: 600 !important;
    }
    
    /* تصغير fs-* classes */
    .fs-1 { font-size: 0.9rem !important; }
    .fs-2 { font-size: 0.85rem !important; }
    .fs-3 { font-size: 0.8rem !important; }
    .fs-4 { font-size: 0.75rem !important; }
    .fs-5 { font-size: 0.7rem !important; }
    .fs-6 { font-size: 0.65rem !important; }
    
    /* تصغير fw-bold */
    .fw-bold,
    .font-weight-bold {
        font-weight: 600 !important;
    }
    
    /* تصغير جميع الأيقونات */
    .bi,
    i[class*="bi-"] {
        font-size: 0.75rem !important;
    }
    
    /* تصغير الأيقونات الكبيرة */
    .bi.fs-1,
    .bi.fs-2,
    .bi.fs-3 {
        font-size: 0.8rem !important;
    }
    /* تحسين العقد الأساسية */
    .pos-container {
        padding: 0.5rem !important;
    }
    
    .stats-grid {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)) !important;
        gap: 0.5rem !important;
        margin-bottom: 1rem !important;
    }
    
    .stat-card {
        padding: 0.25rem !important;
        border-radius: 6px !important;
        min-height: auto !important;
    }
    
    .stat-icon {
        font-size: 0.8rem !important;
        margin-bottom: 0.1rem !important;
    }
    
    .stat-value {
        font-size: 0.75rem !important;
        font-weight: 600 !important;
        margin: 0.05rem 0 !important;
        line-height: 1.1 !important;
    }
    
    .stat-label {
        font-size: 0.6rem !important;
        color: #666;
        line-height: 1.2 !important;
    }
    
    /* تحسين شبكة POS */
    .pos-grid {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
    
    /* تحسين كارت إدخال المنتجات */
    .product-entry-card {
        border-radius: 12px !important;
        margin-bottom: 1rem !important;
    }
    
    .card-header-custom {
        padding: 0.75rem !important;
        font-size: 0.95rem !important;
    }
    
    .card-header-custom h1 {
        font-size: 1.1rem !important;
        margin: 0 !important;
    }
    
    .card-header-custom p {
        font-size: 0.8rem !important;
        margin: 0 !important;
    }
    
    .card-body-custom {
        padding: 1rem !important;
    }
    
    /* تحسين الحقول في شاشة POS */
    .form-group-custom {
        margin-bottom: 0.5rem !important;
    }
    
    .form-label-custom {
        font-size: 0.75rem !important;
        margin-bottom: 0.2rem !important;
    }
    
    .form-control-custom {
        padding: 0.5rem 0.6rem !important;
        font-size: 0.8rem !important;
        border-radius: 6px !important;
        height: auto !important;
        min-height: 36px !important;
    }
    
    /* تحسين جدول المنتجات */
    .items-table-card {
        border-radius: 12px !important;
        margin-bottom: 1rem !important;
    }
    
    .table-header-custom {
        padding: 0.75rem !important;
        font-size: 0.9rem !important;
    }
    
    .items-table {
        font-size: 0.7rem !important;
    }
    
    .items-table th,
    .items-table td {
        padding: 0.3rem 0.2rem !important;
        vertical-align: middle !important;
    }
    
    /* تحسين الـ Sidebar */
    .sidebar-card {
        border-radius: 12px !important;
        margin-bottom: 1rem !important;
    }
    
    .sidebar-card .card-body {
        padding: 0.75rem !important;
    }
    
    .sidebar-card h5 {
        font-size: 0.9rem !important;
        margin-bottom: 0.5rem !important;
    }
    
    /* تحسين أزرار الدفع */
    .payment-options {
        gap: 0.4rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .payment-btn {
        padding: 0.4rem 0.6rem !important;
        font-size: 0.75rem !important;
        border-radius: 6px !important;
    }
    
    /* تحسين قسم الإجماليات */
    .totals-section {
        margin: 0.75rem 0 !important;
    }
    
    .total-row {
        padding: 0.25rem 0 !important;
        font-size: 0.8rem !important;
    }
    
    .total-row.grand {
        font-size: 0.9rem !important;
        padding: 0.4rem 0 !important;
    }
    
    /* تحسين أزرار الإجراءات */
    .action-buttons .btn-custom {
        padding: 0.5rem !important;
        font-size: 0.8rem !important;
        margin-bottom: 0.4rem !important;
        border-radius: 6px !important;
    }
    
    /* تحسين نافذة البحث */
    #customerResults,
    #productResults {
        border-radius: 8px !important;
        max-height: 200px !important;
        font-size: 0.8rem !important;
    }
    
    /* تحسين الأزرار في الجدول */
    .items-table .btn {
        padding: 0.15rem 0.3rem !important;
        font-size: 0.65rem !important;
        border-radius: 4px !important;
    }
}

/* تحسينات للشاشات الصغيرة جداً */
@media (max-width: 576px) {
    .pos-container {
        padding: 0.25rem !important;
    }
    
    .stats-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 0.25rem !important;
    }
    
    .stat-card {
        padding: 0.2rem !important;
        border-radius: 4px !important;
    }
    
    .stat-icon {
        font-size: 0.7rem !important;
        margin-bottom: 0.05rem !important;
    }
    
    .stat-value {
        font-size: 0.7rem !important;
        margin: 0.05rem 0 !important;
    }
    
    .stat-label {
        font-size: 0.55rem !important;
        line-height: 1.1 !important;
    }
    
    /* تصغير جميع البطاقات */
    .card,
    .dashboard-card {
        margin-bottom: 0.35rem !important;
    }
    
    .card-body,
    .dashboard-card .card-body {
        padding: 0.3rem 0.2rem !important;
    }
    
    /* تصغير الأيقونات والنصوص */
    .bi {
        font-size: 0.65rem !important;
    }
    
    .card-header-custom {
        padding: 0.5rem !important;
    }
    
    .card-header-custom h1 {
        font-size: 1rem !important;
    }
    
    .card-body-custom {
        padding: 0.75rem !important;
    }
    
    .form-control-custom {
        padding: 0.4rem 0.5rem !important;
        font-size: 0.75rem !important;
        min-height: 32px !important;
    }
    
    .items-table {
        font-size: 0.65rem !important;
    }
    
    .items-table th,
    .items-table td {
        padding: 0.2rem 0.1rem !important;
    }
}

/* تحسينات لشاشات المنتجات والعملاء */
@media (max-width: 768px) {
    /* صفحة إدارة المنتجات */
    .products-header {
        padding: 0.5rem 0.75rem !important;
        margin-bottom: 0.75rem !important;
    }
    
    .products-header h1 {
        font-size: 1.2rem !important;
        margin-bottom: 0.1rem !important;
    }
    
    .products-header p {
        font-size: 0.8rem !important;
        margin: 0 !important;
    }
    
    /* بطاقات المنتجات */
    .product-card {
        border-radius: 8px !important;
        margin-bottom: 0.5rem !important;
    }
    
    .product-card .card-body {
        padding: 0.5rem !important;
    }
    
    .product-title {
        font-size: 0.9rem !important;
        margin-bottom: 0.25rem !important;
    }
    
    .product-price {
        font-size: 1rem !important;
        font-weight: 600 !important;
    }
    
    .product-description {
        font-size: 0.75rem !important;
        margin: 0.25rem 0 !important;
    }
    
    /* أزرار المنتجات */
    .product-actions .btn {
        padding: 0.25rem 0.4rem !important;
        font-size: 0.7rem !important;
        margin: 0.1rem !important;
    }
}

/* تحسينات شاملة للكاردات */
@media (max-width: 768px) {
    .card-deck,
    .card-group {
        flex-direction: column !important;
    }
    
    .card-deck .card,
    .card-group .card {
        margin-bottom: 0.75rem !important;
        border-radius: 10px !important;
    }
    
    .card-img-top {
        border-radius: 10px 10px 0 0 !important;
        max-height: 150px !important;
        object-fit: cover !important;
    }
    
    .card-text {
        font-size: 0.85rem !important;
        line-height: 1.4 !important;
    }
}

/* تحسينات للنوافذ المنبثقة على الجوال */
@media (max-width: 768px) {
    .modal-dialog {
        margin: 0.5rem !important;
    }
    
    .modal-content {
        border-radius: 12px !important;
    }
    
    .modal-header {
        padding: 0.75rem 1rem !important;
        border-bottom: 1px solid #e9ecef !important;
    }
    
    .modal-title {
        font-size: 1rem !important;
    }
    
    .modal-body {
        padding: 0.75rem 1rem !important;
        max-height: 60vh !important;
        overflow-y: auto !important;
    }
    
    .modal-footer {
        padding: 0.5rem 1rem !important;
        border-top: 1px solid #e9ecef !important;
    }
    
    .modal-footer .btn {
        padding: 0.5rem 0.75rem !important;
        font-size: 0.85rem !important;
    }
}

/* تحسينات إضافية لتصغير المربعات الكبيرة */
@media (max-width: 768px) {
    /* تصغير المربعات الفردية الكبيرة (مثل مربع إجمالي القيمة) */
    .col-12 .card,
    .col-md-12 .card,
    .col-lg-12 .card {
        margin-bottom: 0.5rem !important;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
    }
    
    .col-12 .card-body,
    .col-md-12 .card-body,
    .col-lg-12 .card-body {
        padding: 0.5rem 0.4rem !important;
        text-align: center !important;
        min-height: auto !important;
    }
    
    .col-12 .display-6,
    .col-12 .fs-1,
    .col-12 .display-4,
    .col-12 h2,
    .col-12 .fw-bold {
        font-size: 1.1rem !important;
        line-height: 1.2 !important;
        margin: 0.15rem 0 !important;
        font-weight: 600 !important;
    }
    
    .col-12 .bi {
        font-size: 1rem !important;
        margin-bottom: 0.1rem !important;
    }
    
    .col-12 .text-muted,
    .col-12 small,
    .col-12 .card-text {
        font-size: 0.7rem !important;
        margin-top: 0.1rem !important;
        line-height: 1.3 !important;
    }
    
    /* تصغير بطاقات الشبكة (col-6, col-md-6, etc) */
    .col-6 .card,
    .col-md-6 .card,
    .col-lg-6 .card,
    .col-md-4 .card,
    .col-lg-4 .card,
    .col-md-3 .card,
    .col-lg-3 .card {
        margin-bottom: 0.4rem !important;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
    }
    
    .col-6 .card-body,
    .col-md-6 .card-body,
    .col-lg-6 .card-body,
    .col-md-4 .card-body,
    .col-lg-4 .card-body,
    .col-md-3 .card-body,
    .col-lg-3 .card-body {
        padding: 0.4rem 0.3rem !important;
        text-align: center !important;
        min-height: auto !important;
    }
    
    .col-6 .fs-1,
    .col-6 .display-6,
    .col-md-6 .fs-1,
    .col-md-6 .display-6,
    .col-md-4 .fs-1,
    .col-md-4 .display-6 {
        font-size: 0.85rem !important;
        line-height: 1.1 !important;
        margin: 0.1rem 0 !important;
    }
    
    .col-6 .bi,
    .col-md-6 .bi,
    .col-md-4 .bi {
        font-size: 0.75rem !important;
        margin-bottom: 0.05rem !important;
    }
    
    .col-6 small,
    .col-6 .text-muted,
    .col-md-6 small,
    .col-md-6 .text-muted,
    .col-md-4 small,
    .col-md-4 .text-muted {
        font-size: 0.65rem !important;
        line-height: 1.2 !important;
    }
    
    /* تصغير أكثر للمربعات في col-3 */
    .col-md-3 .fs-1,
    .col-lg-3 .fs-1 {
        font-size: 0.8rem !important;
    }
    
    .col-md-3 .bi,
    .col-lg-3 .bi {
        font-size: 0.7rem !important;
    }
    
    .col-md-3 small,
    .col-md-3 .text-muted {
        font-size: 0.6rem !important;
    }
}