/**
 * Horizon Core: WooCommerce cart and checkout text fields keep their floating-label spacing (HORIZON-20261007-004).
 *
 * WooCommerce's block checkout uses floating labels: when a field has a value the label shrinks to the top of the box
 * and the input gains top padding (24px) so the typed text sits BELOW it. Every theme's hp-base.css sets
 *   .hp .site-main form input[type="text"], ... { padding: 0.75rem 1rem !important; }
 * which beats WooCommerce's padding, so typed text sat on top of the shrunken label ("First name" over "Alex", "Enter
 * code" over "LPVIP25"). Found on a creator store's checkout 2026-10-07; the rule is copied in all five themes, so it is
 * fleet-wide and fixed once here rather than five times.
 *
 * Loaded on the cart and checkout only, on every WooCommerce site, whatever its theme (Commerce/storefront-styles.php,
 * hp_enqueue_checkout_field_fix()). One class more specific than the theme rule, so it wins while both are !important,
 * and it touches only WooCommerce's own text-input component. The values are WooCommerce's own (16px 12px empty,
 * 24px 12px 8px with a value), with the horizontal padding the active state uses.
 */

.hp .site-main .wc-block-components-text-input input[type="text"],
.hp .site-main .wc-block-components-text-input input[type="email"],
.hp .site-main .wc-block-components-text-input input[type="tel"],
.hp .site-main .wc-block-components-text-input input[type="number"],
.hp .site-main .wc-block-components-text-input input[type="password"],
.hp .site-main .wc-block-components-text-input input[type="url"] {
	padding: 16px 12px !important;
}

.hp .site-main .wc-block-components-text-input.is-active input[type="text"],
.hp .site-main .wc-block-components-text-input.is-active input[type="email"],
.hp .site-main .wc-block-components-text-input.is-active input[type="tel"],
.hp .site-main .wc-block-components-text-input.is-active input[type="number"],
.hp .site-main .wc-block-components-text-input.is-active input[type="password"],
.hp .site-main .wc-block-components-text-input.is-active input[type="url"],
.hp .site-main .wc-block-components-text-input input:-webkit-autofill {
	padding: 24px 12px 8px !important;
}