/*
----------------------------------------------------------------

theme-framework.css
Gravity Forms Theme Framework & CSS API
For the Square Add-On
https://www.gravityforms.com

Theme dependencies:
- Gravity Forms Theme Reset: gravity-forms-theme-reset.css
- Gravity Forms Theme Foundation: gravity-forms-theme-foundation.css
- Gravity Forms Theme Foundation for the Square Add-On: theme-foundation.css

Gravity Forms is a Rocketgenius project
copyright 2008-2024 Rocketgenius Inc.
https://www.rocketgenius.com
this may not be re-distributed without the
express written permission of the author.

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO UPGRADE
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

/*
NOTE:
- The Theme Framework CSS API properties with the "--gform-theme" prefix are deprecated, and
  the CSS API properties with the "--gf" prefix are the updated properties.

- Within the var() functions below, when two custom properties are specified, the first
  value is the updated Theme Framework CSS API property and the second value is the
  deprecated CSS API property.

Deprecated version (core): 2.8
End of support version (core): 2.9
Deprecated version (square): 2.0.1
*/

.gform-theme--framework .gfield--type-square_creditcard .sq-card-iframe-container {

		/* Theme Framework CSS API Local Overrides */
		--gform-theme-local-block-size: auto;
		--gform-theme-local-padding-inline: 0;
		--gform-theme-local-padding-block: 0;

		--gf-local-height: auto;
		--gf-local-padding-x: 0;
		--gf-local-padding-y: 0;
	}

.gform-theme--framework .gfield--type-square_creditcard .sq-focus .sq-card-iframe-container {

			/* Theme Framework CSS API Integration */
			--gform-theme-local-background-color: var(--gform-theme-control-background-color-focus);
			--gform-theme-local-border-color: var(--gform-theme-control-border-color-focus);
			--gform-theme-local-box-shadow: var(--gform-theme-control-box-shadow-focus);
			--gform-theme-local-color: var(--gform-theme-control-color-focus);
			--gf-local-bg-color: var(--gf-ctrl-bg-color-focus);
			--gf-local-border-color: var(--gf-ctrl-border-color-focus);
			--gf-local-shadow: var(--gf-ctrl-shadow-focus);
			--gf-local-color: var(--gf-ctrl-color-focus);
		}

.gform-theme--framework .gfield--type-square_creditcard .sq-error .sq-card-iframe-container {

			/* Theme Framework CSS API Integration */
			--gform-theme-local-background-color: var(--gform-theme-control-background-color-error);
			--gform-theme-local-border-color: var(--gform-theme-control-border-color-error);
			--gform-theme-local-color: var(--gform-theme-control-color-error);
			--gf-local-bg-color: var(--gf-ctrl-bg-color-error);
			--gf-local-border-color: var(--gf-ctrl-border-color-error);
			--gf-local-color: var(--gf-ctrl-color-error);
		}

.gform-theme--framework .gfield--type-square_creditcard .sq-card-message {

		/* Styles */
		color: var(--gform-theme-control-description-color);
		color: var(--gf-ctrl-desc-color, var(--gform-theme-control-description-color));
		display: block;
		font-family: var(--gform-theme-control-description-font-family);
		font-family: var(--gf-ctrl-desc-font-family, var(--gform-theme-control-description-font-family));
		font-size: var(--gform-theme-control-description-font-size);
		font-size: var(--gf-ctrl-desc-font-size, var(--gform-theme-control-description-font-size));
		font-style: var(--gform-theme-control-description-font-style);
		font-style: var(--gf-ctrl-desc-font-style, var(--gform-theme-control-description-font-style));
		font-weight: var(--gform-theme-control-description-font-weight);
		font-weight: var(--gf-ctrl-desc-font-weight, var(--gform-theme-control-description-font-weight));
		letter-spacing: var(--gform-theme-control-description-letter-spacing);
		letter-spacing: var(--gf-ctrl-desc-letter-spacing, var(--gform-theme-control-description-letter-spacing));
		line-height: var(--gform-theme-control-description-line-height);
		line-height: var(--gf-ctrl-desc-line-height, var(--gform-theme-control-description-line-height));
		margin-block: var(--gform-theme-description-spacing) 0;
		margin-block: var(--gf-desc-space, var(--gform-theme-description-spacing)) 0;
	}

/* Hide icon for now */

.gform-theme--framework .gfield--type-square_creditcard .sq-card-message::before {
			content: none;
		}

.gform-theme--framework .gfield--type-square_creditcard .sq-card-message.sq-card-message-error {

			/* Styles */
			color: var(--gform-theme-control-description-color-error);
			color: var(--gf-ctrl-desc-color-error, var(--gform-theme-control-description-color-error));
			font-family: var(--gform-theme-control-description-font-family-error);
			font-family: var(--gf-ctrl-desc-font-family-error, var(--gform-theme-control-description-font-family-error));
			font-size: var(--gform-theme-control-description-font-size-error);
			font-size: var(--gf-ctrl-desc-font-size-error, var(--gform-theme-control-description-font-size-error));
			font-style: var(--gform-theme-control-description-font-style-error);
			font-style: var(--gf-ctrl-desc-font-style-error, var(--gform-theme-control-description-font-style-error));
			font-weight: var(--gform-theme-control-description-font-weight-error);
			font-weight: var(--gf-ctrl-desc-font-weight-error, var(--gform-theme-control-description-font-weight-error));
			letter-spacing: var(--gform-theme-control-description-letter-spacing-error);
			letter-spacing: var(--gf-ctrl-desc-letter-spacing-error, var(--gform-theme-control-description-letter-spacing-error));
			line-height: var(--gform-theme-control-description-line-height-error);
			line-height: var(--gf-ctrl-desc-line-height-error, var(--gform-theme-control-description-line-height-error));
		}

/*# sourceMappingURL=theme-framework.css.map */