/* ==========================================================================
   CF7 Forms – Global Styles
   ========================================================================== */

.wpcf7-form {

	p {
		margin: 0 0 1rem;
	}

	label {
		font-family: var(--font-primary);
		font-size: 1rem;
		font-weight: 400;
		color: #7b7878;
	}

	.wpcf7-form-control:not(.wpcf7-submit) {
		width: 100%;
		padding: 0.5rem 0.5rem;
		border: none;
		border-bottom: 1px solid #ccc;
		background: transparent;
		font-family: var(--font-primary);
		font-size: 1rem;
		font-weight: 400;
		color: var(--color-text);
		outline: none;
		transition: border-color 0.2s;

		&:focus {
			border-bottom-color: var(--color-primary);
		}
	}

	.wpcf7-textarea {
		resize: vertical;
		min-height: 3rem;
	}

	.wpcf7-form-control.wpcf7-select {
		cursor: pointer;
	}

	.wpcf7-submit {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background-color: var(--color-primary);
		color: var(--color-white);
		font-family: var(--font-primary);
		font-size: 1rem;
		font-weight: 700;
		padding: 0.75rem 2.5rem;
		border: none;
		border-radius: 2rem;
		cursor: pointer;
		transition: opacity 0.2s;
		margin-top: 1rem;

		&:hover {
			opacity: 0.9;
		}
	}

	.wpcf7-not-valid-tip {
		font-size: 0.875rem;
		color: #d00;
		margin-top: 0.25rem;
	}

	.wpcf7-response-output {
		border-radius: 0.5rem;
		padding: 0.75rem 1rem;
		font-size: 0.875rem;
		margin-top: 1rem;
	}
}