/* أنماط متجاوبة */

/* أجهزة كبيرة (أجهزة سطح المكتب، أقل من 1200 بكسل) */
@media (max-width: 1199.98px) {
    .container {
        max-width: 960px;
    }
}

/* أجهزة متوسطة (أجهزة لوحية، أقل من 992 بكسل) */
@media (max-width: 991.98px) {
    .container {
        max-width: 720px;
    }
    
    /* قائمة الجوال */
    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 21px;
        cursor: pointer;
    }
    
    .menu-toggle span {
        display: block;
        height: 3px;
        width: 100%;
        background-color: var(--tertiary-color);
        border-radius: 3px;
    }
    
    .navbar-menu {
        position: fixed;
        top: 0;
        right: -300px;
        width: 300px;
        height: 100vh;
        background-color: white;
        box-shadow: -5px 0 15px var(--shadow-color);
        z-index: 1000;
        flex-direction: column;
        padding: 2rem;
        transition: right 0.3s ease;
    }
    
    html[lang="ar"] .navbar-menu {
        right: auto;
        left: -300px;
        box-shadow: 5px 0 15px var(--shadow-color);
        transition: left 0.3s ease;
    }
    
    .navbar-menu.active {
        right: 0;
    }
    
    html[lang="ar"] .navbar-menu.active {
        right: auto;
        left: 0;
    }
    
    .navbar-menu li {
        margin-left: 0;
        margin-bottom: 1rem;
    }
    
    html[lang="ar"] .navbar-menu li {
        margin-right: 0;
    }
    
    /* لوحة التحكم */
    .dashboard-stats {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* أجهزة صغيرة (هواتف أفقية، أقل من 768 بكسل) */
@media (max-width: 767.98px) {
    .container {
        max-width: 540px;
    }
    
    /* تقليص حجم الخطوط */
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
    
    /* خطوات التتبع */
    .tracking-steps {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .tracking-steps::before {
        display: none;
    }
    
    .tracking-step {
        flex-direction: row;
        width: 100%;
        margin-bottom: 1rem;
    }
    
    .tracking-step-icon {
        margin-right: 1rem;
        margin-bottom: 0;
    }
    
    html[lang="ar"] .tracking-step-icon {
        margin-right: 0;
        margin-left: 1rem;
    }
    
    /* متجاوب مع بطاقات المتاجر */
    .vendor-card {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .vendor-card-image {
        margin-right: 0;
        margin-bottom: 1rem;
        width: 100%;
        height: 150px;
    }
    
    html[lang="ar"] .vendor-card-image {
        margin-left: 0;
    }
}

/* أجهزة صغيرة جدًا (هواتف عمودية، أقل من 576 بكسل) */
@media (max-width: 575.98px) {
    .container {
        width: 100%;
        padding: 0 1rem;
    }
    
    /* لوحة التحكم */
    .admin-sidebar {
        position: fixed;
        left: -70px;
        transition: left 0.3s ease;
        z-index: 1000;
        width: 70px;
    }
    
    html[lang="ar"] .admin-sidebar {
        left: auto;
        right: -70px;
        transition: right 0.3s ease;
    }
    
    .admin-main {
        margin-left: 0;
        padding: 1.5rem 1rem;
    }
    
    html[lang="ar"] .admin-main {
        margin-right: 0;
    }
    
    /* كرت المنتج */
    .product-card {
        max-width: 320px;
        margin: 0 auto 1.5rem;
    }
}