/* Voreva — mobile experience layer (touch devices and small screens).
   Everything here is invisible on desktop mouse use. Loads on every front-end page,
   including cart and checkout. Turn off: add_filter('voreva_motion_mobile', '__return_false'); */

/* 1. iOS zooms into any focused field under 16px. That is why themes lock pinch-zoom; since the plugin
      now unlocks zoom (accessibility), fields must be 16px so focusing one never zooms the page. */
@media (hover: none) and (pointer: coarse) {
	input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="submit"]):not([type="button"]):not([type="hidden"]):not([type="file"]),
	select,
	textarea {
		font-size: 16px !important;
	}
}

/* 2. No double-tap-zoom delay on controls; pinch-zoom still works. */
a, button, input, select, textarea, label, summary, [role="button"] {
	touch-action: manipulation;
}

/* 3. Stop landscape text inflation on iOS. */
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

/* 4. Finger-sized hit areas without changing the layout (invisible extension via pseudo-elements). */
@media (hover: none) and (pointer: coarse) {
	.wd-logo,
	.wd-header-cart a,
	.wd-header-my-account a,
	.wd-header-mobile-nav a,
	.wd-tools-element a {
		position: relative;
	}
	.wd-logo::after {
		content: "";
		position: absolute;
		inset: -14px -10px;
	}
	/* Category links under the hero headline: at least 44px wide, 44px tall. */
	[data-settings*="background_slideshow_gallery"] .woodmart-nav-link {
		min-width: 44px;
		min-height: 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		padding-inline: 10px;
	}
}

/* 5. Battery and scroll smoothness: no fixed full-screen grain on phones. */
@media (max-width: 767px) {
	.vm-grain { display: none; }
}