/**
 * GF Form Notices - Frontend Styles
 *
 * These styles automatically integrate with Gravity Forms Orbital theme colors
 * using the CSS API custom properties.
 */

/* Outer container for all notices */
.gffn-notices {
	margin-block-end: var(--gf-field-gap-y, 1.5rem);
}

/* Individual notice container */
.gffn-notice.gffn-default-theme {
	padding: var(--gf-form-validation-padding-y, 0.75rem) var(--gf-form-validation-padding-x, 1rem);
	margin-block-end: var(--gf-field-gap-y, 1rem);
	background-color: color-mix(in srgb, var(--gf-color-primary, #204ce5) 10%, transparent);
	border-inline-start: 4px solid var(--gf-color-primary, #204ce5);
	border-radius: var(--gf-radius, 4px);
	color: var(--gf-color-out-ctrl-dark, #1a1a1a);
	line-height: 1.5;
}
/* Paragraph spacing */
.gffn-notice.gffn-default-theme p {
	margin-block-start: 0;
	margin-block-end: var(--gf-form-validation-padding-y, 1em);
}

.gffn-notice.gffn-default-theme p:last-child {
	margin-block-end: 0;
}

/* Links within notices */
.gffn-notice.gffn-default-theme a {
	color: var(--gf-color-primary, #204ce5);
	text-decoration: underline;
}

.gffn-notice.gffn-default-theme a:hover {
	color: var(--gf-color-primary-darker, #1939b3);
}