/**
 * BD WooCommerce Phone Login - Frontend Styles.
 *
 * Provides aesthetics for input fields and layout fixes for hidden fields.
 */

/* Hide Last Name field on WooCommerce Edit Account page */
.woocommerce-edit-account .woocommerce-form-row--last,
.woocommerce-edit-account #account_last_name_field {
	display: none !important;
}

/* Force First Name (Name) field to take full width on Edit Account page */
.woocommerce-edit-account .woocommerce-form-row--first,
.woocommerce-edit-account #account_first_name_field {
	width: 100% !important;
	float: none !important;
	clear: both !important;
}

/* Ensure hidden Country fields do not occupy space on Checkout or Edit Address pages */
#billing_country_field,
#shipping_country_field,
.bdwc-hidden-field {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}

/* Modern inputs focus styling with smooth transitions */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-Input {
	/* transition: border-color 0.25s ease, box-shadow 0.25s ease;
	border-radius: 4px;
	border: 1px solid #d1d5db;
	padding: 10px 14px; */
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce-Input:focus {
	/* border-color: #1a73e8 !important; 
	box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.15) !important;
	outline: none !important; */
}

/* Add custom animations for form validation notices */
.woocommerce-error,
.woocommerce-message,
.woocommerce-info {
	animation: bdwcSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes bdwcSlideDown {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}