/* 
 * التصميم المتجاوب
 * Ebaid Store
 */

/* الشاشات الكبيرة (أكبر من 1200 بكسل) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* الشاشات المتوسطة (بين 992 و 1199 بكسل) */
@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px;
    }
    
    /* تعديلات على بطاقات المنتجات */
    .product-card {
        margin-bottom: 20px;
    }
    
    /* تعديلات على القائمة الجانبية */
    .sidebar {
        padding: 15px;
    }
}

/* الشاشات الصغيرة (بين 768 و 991 بكسل) */
@media (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 720px;
    }
    
    /* تعديلات على الهيدر */
    .navbar-brand {
        font-size: 1.5rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.5rem 0.75rem;
    }
    
    /* تعديلات على بطاقات المنتجات */
    .col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    /* تعديلات على نموذج البحث */
    .search-form {
        width: 200px;
    }
    
    /* تعديلات على صفحة تفاصيل المنتج */
    .product-details-container {
        flex-direction: column;
    }
    
    .product-image-container,
    .product-info-container {
        width: 100%;
    }
    
    /* تعديلات على لوحة التحكم */
    .admin-content {
        padding: 15px;
    }
    
    .admin-card {
        margin-bottom: 15px;
    }
}

/* الشاشات الصغيرة جدًا (أقل من 768 بكسل) */
@media (max-width: 767px) {
    .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    /* تعديلات على الهيدر */
    .navbar {
        padding: 10px 15px;
    }
    
    .navbar-brand {
        font-size: 1.25rem;
    }
    
    .navbar-toggler {
        padding: 0.25rem 0.5rem;
        font-size: 1rem;
    }
    
    /* تعديلات على بطاقات المنتجات */
    .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    /* تعديلات على نموذج البحث */
    .search-form {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    /* تعديلات على صفحة تفاصيل المنتج */
    .product-details-container {
        flex-direction: column;
    }
    
    .product-image-container,
    .product-info-container {
        width: 100%;
    }
    
    /* تعديلات على سلة التسوق */
    .cart-item {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .cart-item-image {
        margin-bottom: 10px;
    }
    
    .cart-item-details {
        width: 100%;
    }
    
    /* تعديلات على نماذج تسجيل الدخول والتسجيل */
    .auth-container {
        padding: 15px;
    }
    
    /* تعديلات على لوحة التحكم */
    .admin-sidebar {
        width: 100%;
        position: static;
        height: auto;
    }
    
    .admin-content {
        margin-right: 0;
        padding: 15px;
    }
    
    .admin-card {
        margin-bottom: 15px;
    }
    
    /* تعديلات على الجداول */
    .table-responsive {
        overflow-x: auto;
    }
    
    .table th,
    .table td {
        padding: 0.5rem;
    }
    
    /* تعديلات على الفوتر */
    .footer {
        padding: 20px 15px;
        text-align: center;
    }
    
    .footer-links,
    .footer-social {
        margin-top: 15px;
    }
}

/* الشاشات الصغيرة جدًا (أقل من 576 بكسل) */
@media (max-width: 575px) {
    /* تعديلات إضافية للشاشات الصغيرة جدًا */
    .btn {
        padding: 0.375rem 0.75rem;
        font-size: 0.875rem;
    }
    
    h1 {
        font-size: 1.75rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    h3 {
        font-size: 1.25rem;
    }
    
    /* تعديلات على نماذج تسجيل الدخول والتسجيل */
    .auth-container {
        padding: 10px;
    }
    
    /* تعديلات على الأزرار في سلة التسوق */
    .cart-actions {
        flex-direction: column;
    }
    
    .cart-actions .btn {
        margin-bottom: 10px;
        width: 100%;
    }
}