/* ============================================================
   FIX 1 (P0) - Mini-cart "Checkout" button is unreachable.
   Cause: .vg-mini-cart-micro__footer is rendered INSIDE the
   scrolling .vg-mini-cart-micro__body, so once the cart holds
   enough items the footer scrolls out of the panel. Mobile has
   no visible scrollbar, so the button is invisible with no
   affordance that anything is below.
   Fix: pin the footer to the bottom of the scroll container.
   Pure CSS - no markup change, survives vg-09 updates.
   ============================================================ */
#vg-mini-cart-micro .vg-mini-cart-micro__body{
	overscroll-behavior:contain;
	padding-bottom:0;
}
#vg-mini-cart-micro .vg-mini-cart-micro__footer{
	position:sticky;
	bottom:0;
	z-index:2;
	background:#fff;
	margin:0 -16px;
	padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	border-top:1px solid #ececec;
	box-shadow:0 -8px 16px -8px rgba(0,0,0,.18);
}
/* dvh tracks the collapsing browser toolbar; vh does not. */
#vg-mini-cart-micro .vg-mini-cart-micro__panel{
	max-height:min(78dvh,720px);
}

@media (max-width:767.98px){
	#vg-mini-cart-micro .vg-mini-cart-micro__footer{
		margin:0 -14px;
		padding:10px 14px calc(10px + env(safe-area-inset-bottom));
	}
	/* FIX 4 (P1) - 11px labels / 40px targets on the two most
	   important buttons in the funnel. WCAG 2.5.8 wants >=24px,
	   Apple HIG wants 44px. */
	#vg-mini-cart-micro .vg-mini-cart-micro__btn,
	#vg-mini-cart-micro .vg-mini-cart-micro__btn:visited{
		min-height:46px;
		font-size:13px;
		padding:0 10px;
	}
}

/* ============================================================
   FIX 3 (P1) - iOS Safari force-zooms the page whenever a
   focused form control has font-size < 16px, and does not zoom
   back out. 18 rules across the custom plugins set 12-15px on
   inputs, including the "Start your creation" inquiry form and
   the checkout address picker.
   Fix: floor every funnel form control at 16px on touch screens.
   Desktop is untouched, so the visual design is unchanged there.
   ============================================================ */
@media (max-width:820px){
	.vgci-field input,
	.vgci-field select,
	.vgci-field textarea,
	.vgps-icon-panel .vgps-search-input,
	.vgacc-dashboard input,
	.vgacc-dashboard select,
	.vgacc-dashboard textarea,
	#vgacc-checkout-address-select,
	.woocommerce-checkout input.input-text,
	.woocommerce-checkout select,
	.woocommerce-checkout textarea,
	.woocommerce-cart input.input-text,
	.wpcf7 input,
	.wpcf7 select,
	.wpcf7 textarea,
	#vg-mini-cart-micro .vg-mini-cart-micro__qty-input{
		font-size:16px !important;
	}
}