/* ==========================================================================
   WooCommerce Arabic Theme — Responsive Styles
   Mobile-first breakpoint adjustments
   ========================================================================== */

/* Tablet: max 1024px */
@media (max-width: 1024px) {
    .products-grid { grid-template-columns: repeat(3, 1fr); }
    .posts-grid { grid-template-columns: repeat(2, 1fr); }
    .footer-widgets { grid-template-columns: repeat(2, 1fr); }
    .header-search { max-width: 100%; }

    /* Hide desktop nav, show mobile toggle */
    .primary-nav { display: none; }
    .mobile-menu-toggle { display: flex; }
}

/* Tablet portrait: max 768px */
@media (max-width: 768px) {
    .products-grid { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    .posts-grid { grid-template-columns: 1fr; }
    .header-main__inner { height: 64px; }
    .header-search { display: none; }

    /* Cart responsive: stack layout */
    .cart-table thead { display: none; }
    .cart-table tr {
        display: block;
        margin-bottom: 1rem;
        border: 1px solid #e5e0d8;
        border-radius: 8px;
        padding: 1rem;
    }
    .cart-table td {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: none;
        padding: 0.5rem 0;
    }
    .cart-table td::before {
        content: attr(data-title);
        font-weight: 600;
        color: #1a1a1a;
    }

    /* Checkout stack */
    .woocommerce-checkout .col2-set {
        grid-template-columns: 1fr;
    }

    /* Footer stack */
    .footer-widgets { grid-template-columns: 1fr; }

    /* Single product stack */
    .woocommerce div.product div.images,
    .woocommerce div.product div.summary {
        width: 100%;
    }

    /* Tabs to accordion on mobile */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-direction: column;
        border-bottom: none;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        border-bottom: 1px solid #f0ebe3;
        margin-bottom: 0;
    }
}

/* Mobile: max 480px */
@media (max-width: 480px) {
    .products-grid { grid-template-columns: 1fr; }
    .header-top { display: none; }
    .header-actions .header-action:nth-child(2) { display: none; }

    .cart-table tr { padding: 0.75rem; }
    .cart-table td { font-size: 0.875rem; }
}