/*
 * Gift card scheduled "send date" field on the WooCommerce Blocks checkout.
 *
 * The field is registered through the Additional Checkout Fields API as a plain
 * text field, then progressively enhanced into a native datetime-local picker
 * (giftcard-send-date-picker.ts). WooCommerce only styles
 * input[type=text|email|number|tel|url|password] — NOT datetime-local — so the
 * swapped input loses WC's layout AND its surface (background/border).
 *
 * This file restores only the *layout* (box, font, the floated-label clearance
 * padding, and the floated label position). It deliberately sets NO surface
 * properties — background, border, border-radius, colour, shadow are all
 * theme-owned and hardcoding them clashes with themes that restyle their
 * fields. The picker JS copies those surface values from a sibling field at
 * runtime instead, so the control matches whatever theme is active.
 *
 * A native datetime-local always renders its own date/time segments, which
 * collide with WC's resting (vertically centred) floating label. WC floats the
 * label by adding `.is-active` on focus/value; React only does that once the
 * field is touched. We pin the label floated for this field always (top:6px,
 * scale .82 — mirroring WC's `.is-active`) and use WC's is-active top padding so
 * the segments sit below it. Scoped to this field only (input id contains
 * "giftcard_send_date"); the label rule uses the adjacent-sibling combinator
 * because WC renders <input> immediately followed by its <label>.
 */

.wc-block-components-text-input
	input[id*="giftcard_send_date"][type="datetime-local"] {
	box-sizing: border-box;
	font-family: inherit;
	font-size: 16px;
	line-height: 25px;
	width: 100%;
	height: 50px;
	min-height: 0;
	margin: 0;
	/* The label is pinned floated below, so use WC's is-active padding. */
	padding: 24px 9px 8px;
}

.wc-block-components-text-input input[id*="giftcard_send_date"] + label {
	top: 6px;
	transform: scale(0.82);
}


/*# sourceMappingURL=giftcard-send-date-picker.css.map*/