/**
 * Gravity Forms — button overrides
 *
 * Action buttons (submit, next, previous, save) follow the theme button:
 * 4px radius, 14px Inter at weight 300, 15px 30px padding,
 * contrast fill, no shadow. Hover uses the same 85% contrast mix as
 * core/button. Outline (secondary) buttons follow the theme outline style.
 *
 * Gravity Forms sets these through --gf-local-* on long selectors. The
 * rules below match that chain and add .gform-theme--foundation so they
 * win over the plugin stylesheet and over per-form input-size tokens.
 *
 * Plugin: Gravity Forms (Orbital)
 * Prefix: gform- / gform_
 *
 * @package TravelVip
 * @since   1.4.1
 */

/* ==========================================================================
   1. Primary action buttons
   ========================================================================== */

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="submit"].button.gform_button,
	input[type="button"].button.gform_next_button,
	button.button.gform_button,
	button.button.gform_next_button,
	button.button.gform_button_select_files.gform-theme-button--control
) {
	--gf-local-bg-color: var(--wp--preset--color--contrast);
	--gf-local-border-color: transparent;
	--gf-local-border-style: solid;
	--gf-local-border-width: 0;
	--gf-local-color: var(--wp--preset--color--base);
	--gf-local-font-family: var(--wp--preset--font-family--inter);
	--gf-local-font-size: 14px;
	--gf-local-font-style: normal;
	--gf-local-font-weight: 300;
	--gf-local-letter-spacing: 0.2px;
	--gf-local-line-height: 1.5;
	--gf-local-min-height: 0;
	--gf-local-padding-x: 30px;
	--gf-local-padding-y: 15px;
	--gf-local-radius: 4px;
	--gf-local-shadow: none;
	box-sizing: border-box;
}

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="submit"].button.gform_button,
	input[type="button"].button.gform_next_button,
	button.button.gform_button,
	button.button.gform_next_button,
	button.button.gform_button_select_files.gform-theme-button--control
):hover {
	--gf-local-bg-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
	--gf-local-border-color: transparent;
	--gf-local-color: var(--wp--preset--color--base);
	--gf-local-shadow: none;
}

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="submit"].button.gform_button,
	input[type="button"].button.gform_next_button,
	button.button.gform_button,
	button.button.gform_next_button,
	button.button.gform_button_select_files.gform-theme-button--control
):focus {
	outline: 2px solid var(--wp--preset--color--accent-4);
	outline-offset: 2px;
}

/* ==========================================================================
   2. Secondary action buttons (previous, save and continue)
   ========================================================================== */

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="button"].button.gform-theme-button.gform-theme-button--secondary,
	button.button.gform-theme-button.gform-theme-button--secondary
) {
	--gf-local-bg-color: transparent;
	--gf-local-border-color: var(--wp--preset--color--contrast);
	--gf-local-border-style: solid;
	--gf-local-border-width: 1px;
	--gf-local-color: var(--wp--preset--color--contrast);
	--gf-local-font-family: var(--wp--preset--font-family--inter);
	--gf-local-font-size: 14px;
	--gf-local-font-style: normal;
	--gf-local-font-weight: 300;
	--gf-local-letter-spacing: 0.2px;
	--gf-local-line-height: 1.5;
	--gf-local-min-height: 0;
	--gf-local-padding-x: 30px;
	--gf-local-padding-y: 15px;
	--gf-local-radius: 4px;
	--gf-local-shadow: none;
	box-sizing: border-box;
}

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="button"].button.gform-theme-button.gform-theme-button--secondary,
	button.button.gform-theme-button.gform-theme-button--secondary
):hover {
	--gf-local-bg-color: color-mix(in srgb, var(--wp--preset--color--contrast) 5%, transparent);
	--gf-local-border-color: var(--wp--preset--color--contrast);
	--gf-local-color: var(--wp--preset--color--contrast);
	--gf-local-shadow: none;
}

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper :is(
	input[type="button"].button.gform-theme-button.gform-theme-button--secondary,
	button.button.gform-theme-button.gform-theme-button--secondary
):focus {
	outline: 2px solid var(--wp--preset--color--accent-4);
	outline-offset: 2px;
}

/* ==========================================================================
   3. Single-file "choose file" button
   ========================================================================== */

/**
 * Stays inside the file field, so size follows the input. Colour and type
 * match the theme button.
 */
.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper input[type="file"]::file-selector-button {
	--gf-local-bg-color: var(--wp--preset--color--contrast);
	--gf-local-color: var(--wp--preset--color--base);
	--gf-local-font-weight: 300;
	--gf-local-letter-spacing: 0.2px;
	--gf-local-border-inline-end-color: transparent;
	font-family: var(--wp--preset--font-family--inter);
	font-weight: 300;
	letter-spacing: 0.2px;
}

.gform-theme.gform-theme--foundation.gform-theme--framework.gform_wrapper input[type="file"]:hover::file-selector-button {
	--gf-local-bg-color: color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent);
	--gf-local-color: var(--wp--preset--color--base);
	--gf-local-border-inline-end-color: transparent;
}