/**
 * Torado Store — Responsive Styles
 *
 * Mobile-first responsive overrides beyond what's in style.css.
 *
 * @package Torado_Store
 * @version 1.0
 */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
    .torado-container {
        padding: 0 var(--spacing-md);
    }

    .torado-categories-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .torado-features-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

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

    .torado-features-grid {
        grid-template-columns: 1fr;
    }

    .torado-footer__newsletter-form {
        flex-direction: column;
    }

    .torado-footer__social {
        justify-content: center;
    }

    .nav-links {
        grid-template-columns: 1fr;
    }

    .woocommerce .woocommerce-breadcrumb {
        font-size: 0.8125rem;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        padding: var(--spacing-sm) var(--spacing-md);
        font-size: 0.8125rem;
    }
}

/* Small Mobile (max-width: 480px) */
@media (max-width: 480px) {
    .torado-categories-grid {
        grid-template-columns: 1fr 1fr;
    }

    .torado-hero__actions {
        flex-direction: column;
        align-items: center;
    }

    .torado-hero__actions .torado-btn {
        width: 100%;
        justify-content: center;
    }

    .torado-search-overlay__form input[type="search"] {
        font-size: 1.125rem;
    }

    .woocommerce div.product .product_title {
        font-size: 1.25rem;
    }

    .woocommerce div.product .price {
        font-size: 1.25rem;
    }
}

/* Print Styles */
@media print {
    .torado-header,
    .torado-footer,
    .torado-sidebar,
    .torado-search-overlay,
    .torado-scroll-top,
    .torado-breadcrumbs,
    .woocommerce-ordering,
    .woocommerce-result-count {
        display: none !important;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    .torado-container {
        max-width: 100%;
        padding: 0;
    }

    a {
        color: #000 !important;
        text-decoration: underline;
    }
}