/**
 * WooCommerce responsive styles for VioletRevo theme
 */

@media screen and (max-width: 768px) {
    /* Shop page */
    .woocommerce ul.products {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 1rem;
    }

    .woocommerce ul.products li.product {
        padding: 0.75rem;
    }

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

    .woocommerce div.product .product_title {
        font-size: var(--wp--preset--font-size--large);
    }

    /* Cart page */
    .woocommerce table.shop_table_responsive tr td,
    .woocommerce-page table.shop_table_responsive tr td {
        display: block;
        text-align: right !important;
    }

    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 600;
        float: left;
    }

    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .woocommerce-cart table.cart td.actions .coupon .button {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .woocommerce-cart table.cart td.actions .button {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    /* Shop page */
    .woocommerce ul.products {
        grid-template-columns: 1fr;
    }

    /* Product buttons */
    .woocommerce ul.products li.product .button {
        width: 100%;
        text-align: center;
        padding: 0.75rem 1rem;
    }

    /* Checkout form */
    .woocommerce-checkout form .form-row {
        width: 100%;
        float: none;
    }
}

/* WooCommerce Responsive Styles for VioletRevo Theme */

/* Large screens (desktops, 1200px and up) */
@media (min-width: 1200px) {
    .woocommerce ul.products li.product {
        width: 100%;
    }
}

/* Medium screens (tablets, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .woocommerce ul.products li.product {
        width: 100%;
    }
}

/* Small screens (landscape phones, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .woocommerce ul.products li.product {
        width: 100%;
    }
    
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 1rem;
    }
}

/* Extra small screens (portrait phones, less than 768px) */
@media (max-width: 767px) {
    .woocommerce ul.products li.product {
        width: 100%;
        margin-bottom: 1.5rem;
    }
    
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 0.9rem;
    }
    
    .woocommerce ul.products li.product .price {
        font-size: 0.9rem;
    }
    
    .woocommerce ul.products li.product .button {
        padding: 0.4rem 0.8rem;
        font-size: 0.9rem;
    }
    
    /* Adjust product gallery on mobile */
    .woocommerce div.product div.images {
        margin-bottom: 1.5rem;
    }
    
    /* Adjust product tabs on mobile */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        padding: 0;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        display: block;
        margin: 0;
        border: none;
    }
    
    /* Adjust cart table on mobile */
    .woocommerce-cart table.cart td.actions .coupon .input-text {
        width: 100%;
        margin-bottom: 0.5rem;
    }
    
    .woocommerce-cart table.cart td.actions .button {
        width: 100%;
        margin-top: 0.5rem;
    }
}

/* Adjust product images for retina displays */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .woocommerce ul.products li.product img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Print styles */
@media print {
    .woocommerce ul.products li.product {
        break-inside: avoid;
        page-break-inside: avoid;
    }
    
    .woocommerce ul.products li.product .button {
        display: none;
    }
}