/**
 * FastShop Responsive Styles
 * استایل‌های ریسپانسیو
 * @version 3.0.1
 */

/* Tablet (768px - 1024px) */
@media (max-width: 1024px) {
    .grid-products-wrapper {
        grid-template-columns: repeat(4, 1fr);
    }

    .fastshop-filters {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .compact-filter-controls {
        flex-direction: column;
        align-items: stretch;
    }

    .datatable-controls-section {
        flex-direction: column;
    }

    .selected-cart-section,
    .view-toggle-section {
        border-right: none;
        border-top: 2px solid var(--gray-200);
        padding-top: var(--spacing-lg);
        padding-right: 0;
    }
}

/* Small Tablet (600px - 768px) */
@media (max-width: 768px) {
    .grid-products-wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--spacing-md);
    }

    .fastshop-container {
        padding: var(--spacing-md);
    }

    /* Hide desktop views on mobile */
    #fastshop-products,
    .fastshop-grid-container,
    .view-toggle-section {
        display: none !important;
    }

    /* Show mobile view */
    #fastshop-mobile-view {
        display: block !important;
    }

    /* Filters mobile accordion */
    .filter-group {
        max-height: 60px;
        transition: max-height 0.3s ease;
    }

    .filter-group.open {
        max-height: 500px;
    }

    .filter-group:not(.open) .filter-search,
    .filter-group:not(.open) .filter-options {
        display: none;
    }

    .filter-header::after {
        content: '▼';
        font-size: 12px;
        transition: transform 0.3s ease;
    }

    .filter-group.open .filter-header::after {
        transform: rotate(180deg);
    }

    /* Controls mobile layout */
    .compact-filter-controls {
        padding: var(--spacing-md);
    }

    .stock-filter-section {
        width: 100%;
    }

    .action-buttons-section {
        width: 100%;
    }

    .btn-reset,
    .btn-apply {
        flex: 1;
    }

    /* Breadcrumb mobile */
    .fastshop-breadcrumb {
        padding: var(--spacing-md);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }
}

/* Mobile (max 600px) */
@media (max-width: 600px) {
    .grid-products-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }

    .fastshop-filters {
        grid-template-columns: 1fr;
        gap: var(--spacing-md);
    }

    .mobile-product-card {
        flex-direction: column;
    }

    .mobile-product-image {
        width: 100%;
        height: 150px;
    }

    /* Notification mobile */
    .fastshop-notification {
        right: var(--spacing-md);
        left: var(--spacing-md);
        min-width: auto;
    }

    /* Loader mobile */
    .yilkopart-logo {
        font-size: 24px;
    }

    .loading-wave {
        width: 6px;
        height: 30px;
    }
}

/* Very Small Mobile (max 400px) */
@media (max-width: 400px) {
    .grid-products-wrapper {
        grid-template-columns: 1fr;
    }

    .mobile-product-actions {
        flex-direction: column;
    }

    .mobile-product-actions .quantity-controls,
    .mobile-product-actions .add-to-cart-btn {
        width: 100%;
    }

    .compact-filter-controls {
        padding: var(--spacing-sm);
    }

    .fastshop-breadcrumb {
        padding: var(--spacing-sm);
    }

    .breadcrumb-title {
        font-size: 16px;
    }
}