/* Scoped mobile form flow for Android keyboard-safe BeautyKlove/WooCommerce pages. */

@media (max-width: 782px) {
	html.bkcax-kb-form-page,
	html.bkcax-kb-form-page body.bkcax-kb-form-page {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		overscroll-behavior-y: auto;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page .bkcax-kb-scroll-root,
	html.bkcax-kb-form-page body.bkcax-kb-form-page .bkcax-kb-form-root {
		height: auto !important;
		min-height: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		overscroll-behavior-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page .bkcax-kb-form-root {
		position: static;
		touch-action: pan-y;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page .bkcax-kb-field {
		scroll-margin-block: 12px 28px;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open .bkcax-kb-sticky-hidden {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open .bkcax-kb-bottom-action {
		position: static !important;
		top: auto !important;
		right: auto !important;
		bottom: auto !important;
		left: auto !important;
		width: 100% !important;
		margin: 0 !important;
		transform: none !important;
	}

	/* Release app-shell header space after its fixed navigation is hidden. */
	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #page.bkcax-kb-scroll-root {
		padding-top: 4px !important;
	}

	/* Give Android checkout fields the visible viewport while the IME is active. */
	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-checkout-page-title,
	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-header {
		display: none !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-shell {
		padding-top: 4px !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-card {
		margin-bottom: 8px !important;
		padding: 10px !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-fields {
		gap: 7px !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-field label {
		margin-bottom: 4px !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-field input:not([type="checkbox"]):not([type="radio"]),
	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-field select {
		min-height: 38px !important;
		padding: 8px 9px !important;
	}

	html.bkcax-kb-form-page body.bkcax-kb-form-page.bkcax-kb-open #bkcax-checkout-app .bkcax-field textarea {
		min-height: 58px !important;
		padding: 8px 9px !important;
	}
}