/**
 * Smart Zoom Prevention CSS - Step 2 (Minified)
 * Adds CSS touch-action properties for granular zoom control
 * Safe for scrolling - only targets zoom gestures
 */

/* Core zoom prevention - allows scroll, prevents zoom */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: pan-y pinch-zoom; /* Allow vertical scroll, allow pinch but will be overridden */
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    touch-action: pan-y; /* Allow only vertical scrolling */
}

/* Smart touch-action for interactive elements */
button,
a,
input,
textarea,
select,
.button,
.btn {
    touch-action: manipulation; /* Prevents double-tap zoom, allows single tap */
}

/* Allow scrolling on main content areas */
#page,
.site,
#content,
.site-content,
.woocommerce,
.products {
    touch-action: pan-y; /* Vertical scroll only */
}

/* Prevent zoom on product grids while allowing scroll */
.rtsb-col-grid,
.woocommerce ul.products li.product {
    touch-action: pan-y; /* Allow scroll, prevent zoom */
}

/* Image elements - prevent zoom but allow scroll */
img {
    touch-action: pan-y;
}

/* Prevent zoom on WooCommerce product images */
.woocommerce-product-gallery img,
.product-image img,
.attachment-woocommerce_thumbnail {
    touch-action: pan-y; /* No zoom on product images */
}

/* Ensure cart and navigation areas allow only scroll */
.site-header,
.main-navigation,
.mobile-header-icons {
    touch-action: pan-y;
}