/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/* ==========================================================================
   === SDS FORMS (Gravity Forms) ===
   Styles ALL Gravity Forms sitewide (Orbital theme). All Gravity Forms CSS
   lives in this block only - do not add form CSS to WPCode or Additional CSS.
   To reverse: delete this whole block.
   Matches the live SDS buttons (.sds-cta): solid #242424 / cream text,
   outline #242424, square corners, Urbanist, uppercase, 0.18s transition.
   NOT set on purpose: description/help text colour (left at Gravity Forms
   default, pending decision); error/required red (kept red).
   ========================================================================== */

/* 1. Variables: retheme Orbital via its own custom properties */
body .gform_wrapper.gform-theme {
	--sds-form-ink: #242424 !important;
	--sds-form-cream: var(--sds-cream, #FFFBF5) !important;

	font-family: var(--sds-font, 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif);

	/* Vertical spacing between fields (Gravity Forms default 40px) */
	--gf-form-gap-y: 24px !important;

	/* Accent colour (checked boxes, date picker, progress, spinners): blue -> ink */
	--gf-color-primary: #242424 !important;
	--gf-color-primary-rgb: 36, 36, 36 !important;
	--gf-color-primary-darker: #000000 !important;
	--gf-color-primary-lighter: #3E453D !important;
	--gf-color-primary-contrast: #FFFBF5 !important;
	--gf-color-primary-contrast-rgb: 255, 251, 245 !important;
	--gf-color-in-ctrl-primary: #242424 !important;
	--gf-color-in-ctrl-primary-rgb: 36, 36, 36 !important;
	--gf-color-in-ctrl-primary-darker: #000000 !important;
	--gf-color-in-ctrl-primary-lighter: #3E453D !important;
	--gf-color-in-ctrl-primary-contrast: #FFFBF5 !important;
	--gf-color-in-ctrl-primary-contrast-rgb: 255, 251, 245 !important;
	--gf-color-in-ctrl-contrast: #242424 !important;
	--gf-color-in-ctrl-contrast-rgb: 36, 36, 36 !important;
	--gf-ctrl-date-picker-cell-content-bg-color-selected: #242424 !important;
	--gf-ctrl-file-prog-bar-bg-color-loading: #242424 !important;
	--gf-ctrl-desc-border-color-consent-focus: #242424 !important;
	--gf-form-spinner-fg-color-secondary: #242424 !important;
	--gf-form-spinner-bg-color-secondary: rgba(36, 36, 36, 0.1) !important;
	--gf-field-pg-prog-bar-bg-color-blue: #242424 !important;
	--gf-field-pg-steps-number-bg-color-complete: #242424 !important;
	--gf-field-pg-steps-number-border-color-complete: #242424 !important;

	/* Square corners everywhere (radio buttons stay round) */
	--gf-radius: 0 !important;
	--gf-ctrl-radius: 0 !important;
	--gf-ctrl-textarea-radius: 0 !important;
	--gf-ctrl-multiselect-radius: 0 !important;
	--gf-ctrl-select-dropdown-radius: 0 !important;
	--gf-ctrl-date-picker-radius: 0 !important;
	--gf-ctrl-date-picker-cell-content-radius: 0 !important;
	--gf-ctrl-checkbox-check-radius: 0 !important;
	--gf-ctrl-file-btn-radius: 0 !important;
	--gf-ctrl-file-zone-radius: 0 !important;
	--gf-form-validation-radius: 0 !important;

	/* Inputs, selects, textareas */
	--gf-ctrl-font-size: 16px !important;
	--gf-ctrl-size: 44px !important;
	--gf-ctrl-size-md: 44px !important;
	--gf-ctrl-bg-color: #ffffff !important;
	--gf-ctrl-bg-color-hover: #ffffff !important;
	--gf-ctrl-bg-color-focus: #ffffff !important;
	--gf-ctrl-color: #242424 !important;
	--gf-ctrl-color-hover: #242424 !important;
	--gf-ctrl-color-focus: #242424 !important;
	--gf-ctrl-color-error: #242424 !important;
	--gf-ctrl-border-color: #242424 !important;
	--gf-ctrl-border-color-hover: #242424 !important;
	--gf-ctrl-border-color-focus: #242424 !important;
	--gf-ctrl-outline-color-focus: #242424 !important;
	--gf-ctrl-icon-color-hover: #242424 !important;
	--gf-ctrl-icon-color-focus: #242424 !important;

	/* Labels */
	--gf-ctrl-label-color-primary: #242424 !important;
	--gf-ctrl-label-color-secondary: #242424 !important;
	--gf-ctrl-label-font-size-primary: 16px !important;
	--gf-ctrl-label-font-size-secondary: 16px !important;
	--gf-ctrl-label-font-weight-primary: 700 !important;
	--gf-ctrl-label-font-weight-secondary: 400 !important;

	--gf-ctrl-desc-color: #242424 !important;
	--gf-ctrl-desc-font-size: 14px !important;
	--gf-ctrl-desc-font-weight: 600 !important;

	/* Buttons - shared (matches .sds-cta) */
	--gf-ctrl-btn-radius: 0 !important;
	--gf-ctrl-btn-font-size: 15px !important;
	--gf-ctrl-btn-font-weight: 700 !important;
	--gf-ctrl-btn-line-height: 1.3 !important;
	--gf-ctrl-btn-letter-spacing: 0.06em !important;
	--gf-ctrl-btn-text-transform: uppercase !important;
	--gf-ctrl-btn-size: 56px !important;
	--gf-ctrl-btn-padding-x: 28px !important;
	--gf-ctrl-btn-shadow: none !important;
	--gf-ctrl-btn-shadow-hover: none !important;
	--gf-ctrl-btn-shadow-focus: none !important;
	--gf-ctrl-btn-shadow-disabled: none !important;

	/* Primary button (Submit, Next): solid ink */
	--gf-ctrl-btn-bg-color-primary: #242424 !important;
	--gf-ctrl-btn-bg-color-hover-primary: #000000 !important;
	--gf-ctrl-btn-bg-color-focus-primary: #000000 !important;
	--gf-ctrl-btn-bg-color-disabled-primary: #242424 !important;
	--gf-ctrl-btn-border-color-primary: #242424 !important;
	--gf-ctrl-btn-border-color-hover-primary: #000000 !important;
	--gf-ctrl-btn-border-color-focus-primary: #000000 !important;
	--gf-ctrl-btn-border-color-disabled-primary: #242424 !important;
	--gf-ctrl-btn-color-primary: #FFFBF5 !important;
	--gf-ctrl-btn-color-hover-primary: #FFFBF5 !important;
	--gf-ctrl-btn-color-focus-primary: #FFFBF5 !important;
	--gf-ctrl-btn-color-disabled-primary: #FFFBF5 !important;

	/* Secondary button (Previous, Save & Continue, etc.): outline */
	--gf-ctrl-btn-bg-color-secondary: transparent !important;
	--gf-ctrl-btn-bg-color-hover-secondary: #242424 !important;
	--gf-ctrl-btn-bg-color-focus-secondary: #242424 !important;
	--gf-ctrl-btn-bg-color-disabled-secondary: transparent !important;
	--gf-ctrl-btn-border-color-secondary: #242424 !important;
	--gf-ctrl-btn-border-color-hover-secondary: #242424 !important;
	--gf-ctrl-btn-border-color-focus-secondary: #242424 !important;
	--gf-ctrl-btn-border-color-disabled-secondary: #242424 !important;
	--gf-ctrl-btn-color-secondary: #242424 !important;
	--gf-ctrl-btn-color-hover-secondary: #FFFBF5 !important;
	--gf-ctrl-btn-color-focus-secondary: #FFFBF5 !important;
	--gf-ctrl-btn-color-disabled-secondary: #242424 !important;

	/* "ctrl" variant is what the form footer buttons use - mirror primary */
	--gf-ctrl-btn-bg-color-ctrl: #242424 !important;
	--gf-ctrl-btn-bg-color-hover-ctrl: #000000 !important;
	--gf-ctrl-btn-bg-color-focus-ctrl: #000000 !important;
	--gf-ctrl-btn-bg-color-disabled-ctrl: #242424 !important;
	--gf-ctrl-btn-border-color-ctrl: #242424 !important;
	--gf-ctrl-btn-border-color-hover-ctrl: #000000 !important;
	--gf-ctrl-btn-border-color-focus-ctrl: #000000 !important;
	--gf-ctrl-btn-border-color-disabled-ctrl: #242424 !important;
	--gf-ctrl-btn-color-ctrl: #FFFBF5 !important;
	--gf-ctrl-btn-color-hover-ctrl: #FFFBF5 !important;
	--gf-ctrl-btn-color-focus-ctrl: #FFFBF5 !important;
	--gf-ctrl-btn-color-disabled-ctrl: #FFFBF5 !important;
}

/* 2. Labels, legends and section headings (Salient sets its own label styles) */
body .gform_wrapper.gform-theme .gfield_label,
body .gform_wrapper.gform-theme legend.gfield_label,
body .gform_wrapper.gform-theme .gsection_title,
body .gform_wrapper.gform-theme .gform_title {
	color: #242424;
	font-family: inherit;
}

body .gform_wrapper.gform-theme .gfield_label,
body .gform_wrapper.gform-theme legend.gfield_label {
	font-size: 16px !important;
	font-weight: 700 !important;
	line-height: 1.4;
}

/* Choice labels (radio / checkbox / consent) and sub-labels */
body .gform_wrapper.gform-theme .gform-field-label--type-inline,
body .gform_wrapper.gform-theme .gfield_consent_label,
body .gform_wrapper.gform-theme .gchoice label {
	color: #242424;
	font-family: inherit;
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 1.4;
}

body .gform_wrapper.gform-theme .gform-field-label--type-sub,
body .gform_wrapper.gform-theme .ginput_complex label {
	color: #242424;
	font-family: inherit;
	font-size: 14px !important;
	font-weight: 600 !important;
}

/* Field descriptions: same style as sub-labels (validation messages keep their red) */
body .gform_wrapper.gform-theme .gfield_description:not(.validation_message):not(.gfield_validation_message) {
	color: #242424;
	font-family: inherit;
	font-size: 14px !important;
	font-weight: 600 !important;
}

/* 3. Text inputs, selects, textareas (overrides Salient form defaults) */
body .gform_wrapper.gform-theme input[type="text"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="email"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="tel"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="url"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="number"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="date"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme input[type="password"]:not(.gform-text-input-reset),
body .gform_wrapper.gform-theme select,
body .gform_wrapper.gform-theme textarea {
	background-color: #ffffff;
	border: 1px solid #242424;
	border-radius: 0;
	box-shadow: none;
	color: #242424;
	font-family: inherit;
	font-size: 16px;
}

body .gform_wrapper.gform-theme .gfield:not(.gfield_error) input:focus,
body .gform_wrapper.gform-theme .gfield:not(.gfield_error) select:focus,
body .gform_wrapper.gform-theme .gfield:not(.gfield_error) textarea:focus {
	border-color: #242424;
	box-shadow: none;
	outline: 2px solid #242424;
	outline-offset: 0;
}

/* 4. Buttons */
body .gform_wrapper.gform-theme .gform_button,
body .gform_wrapper.gform-theme .gform_next_button,
body .gform_wrapper.gform-theme .gform_previous_button,
body .gform_wrapper.gform-theme .gform_save_link,
body .gform_wrapper.gform-theme .gform_button_select_files,
body .gform_wrapper.gform-theme #gf_coupon_button {
	align-items: center;
	border: 1px solid #242424;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: inline-flex;
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.06em;
	line-height: 1.3;
	min-height: 56px;
	padding: 14px 28px !important;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color 0.18s, color 0.18s, border-color 0.18s;
}

/* Salient forces padding on submit buttons with a more specific !important rule; match its weight */
body .gform_wrapper.gform-theme .gform_button.button,
body .gform_wrapper.gform-theme .gform_next_button.button,
body .gform_wrapper.gform-theme .gform_previous_button.button {
	padding: 14px 28px !important;
}

/* Primary: Submit / Next = solid */
body .gform_wrapper.gform-theme .gform_button,
body .gform_wrapper.gform-theme .gform_next_button {
	background: #242424;
	border-color: #242424;
	color: #FFFBF5;
}

body .gform_wrapper.gform-theme .gform_button:hover,
body .gform_wrapper.gform-theme .gform_button:focus-visible,
body .gform_wrapper.gform-theme .gform_next_button:hover,
body .gform_wrapper.gform-theme .gform_next_button:focus-visible {
	background: #000000 !important;
	border-color: #000000 !important;
	color: #FFFBF5 !important;
}

/* Secondary: Previous / Save / Choose files / Coupon apply = outline */
body .gform_wrapper.gform-theme .gform_previous_button,
body .gform_wrapper.gform-theme .gform_save_link,
body .gform_wrapper.gform-theme .gform_button_select_files,
body .gform_wrapper.gform-theme #gf_coupon_button {
	background: transparent;
	color: #242424;
}

body .gform_wrapper.gform-theme .gform_previous_button:hover,
body .gform_wrapper.gform-theme .gform_previous_button:focus-visible,
body .gform_wrapper.gform-theme .gform_save_link:hover,
body .gform_wrapper.gform-theme .gform_save_link:focus-visible,
body .gform_wrapper.gform-theme .gform_button_select_files:hover,
body .gform_wrapper.gform-theme .gform_button_select_files:focus-visible,
body .gform_wrapper.gform-theme #gf_coupon_button:not(:disabled):hover,
body .gform_wrapper.gform-theme #gf_coupon_button:not(:disabled):focus-visible {
	background: #242424;
	border-color: #242424;
	color: #FFFBF5;
}

body .gform_wrapper.gform-theme .gform_button:disabled,
body .gform_wrapper.gform-theme #gf_coupon_button:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

/* 5. Signature field (canvas border is set inline by the add-on) */
body .gform_wrapper.gform-theme .gfield_signature_container canvas {
	border-color: #242424 !important;
	border-radius: 0;
}

body .gform_wrapper.gform-theme .gfield_signature_font_select_button {
	border: 1px solid #242424;
	border-radius: 0;
	color: #242424;
}

/* 6. Mobile: full-width primary button, no iOS zoom (inputs are already 16px) */
@media (max-width: 690px) {
	body .gform_wrapper.gform-theme .gform_footer .gform_button,
	body .gform_wrapper.gform-theme .gform_page_footer .gform_button,
	body .gform_wrapper.gform-theme .gform_page_footer .gform_next_button {
		width: 100% !important;
	}
}
/* === END SDS FORMS === */