/**
 * CF7 Custom Styles — WavyApps
 *
 * Makes Contact Form 7 match the original dark-section contact form:
 * white inputs, rounded corners, placeholder-only labels, blue submit button.
 *
 * @package WavyApps
 * @since   1.0.0
 */

/* --------------------------------------------------------------------------
 * Container
 * ----------------------------------------------------------------------- */
.cf7-wavyapps {
	max-width: 720px;
}

.cf7-wavyapps .cx-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -8px;
	margin-right: -8px;
}

.cf7-wavyapps [class*="cx-col-"] {
	padding-left: 8px;
	padding-right: 8px;
	box-sizing: border-box;
}

/* --------------------------------------------------------------------------
 * Inputs & Textarea
 * ----------------------------------------------------------------------- */
.cf7-wavyapps .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance) {
	width: 100%;
	padding: 12px 16px;
	margin-bottom: 12px;
	border: none;
	border-radius: 6px;
	background: #fff;
	color: #333;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.5;
	box-sizing: border-box;
	outline: none;
	transition: box-shadow 0.2s ease;
}

.cf7-wavyapps .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance):focus {
	box-shadow: 0 0 0 3px rgba(52, 144, 220, 0.35);
}

.cf7-wavyapps textarea.wpcf7-form-control {
	min-height: 140px;
	resize: vertical;
}

/* Placeholder colour */
.cf7-wavyapps .wpcf7-form-control::placeholder {
	color: #999;
	opacity: 1;
}

/* --------------------------------------------------------------------------
 * Hide default CF7 labels (placeholder-only design)
 * ----------------------------------------------------------------------- */
.cf7-wavyapps label {
	display: block;
}

/* --------------------------------------------------------------------------
 * RODO / Acceptance
 * ----------------------------------------------------------------------- */
.cf7-wavyapps .wpcf7-acceptance {
	margin-bottom: 12px;
}

.cf7-wavyapps .wpcf7-acceptance .wpcf7-list-item {
	margin: 0;
}

.cf7-wavyapps .wpcf7-acceptance .wpcf7-list-item-label {
	color: #fff;
	font-size: 13px;
	line-height: 1.5;
}

.cf7-wavyapps .wpcf7-acceptance input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	vertical-align: middle;
	accent-color: #3490dc;
}

.cf7-wavyapps__rodo-text {
	color: rgba(255, 255, 255, 0.7);
	font-size: 12px;
	line-height: 1.6;
	margin: 8px 0 12px;
}

/* --------------------------------------------------------------------------
 * Submit Button
 * ----------------------------------------------------------------------- */
.cf7-wavyapps .wpcf7-submit {
	display: inline-block;
	padding: 14px 40px;
	border: none;
	border-radius: 6px;
	background: linear-gradient(135deg, #3490dc 0%, #2779bd 100%);
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;
}

.cf7-wavyapps .wpcf7-submit:hover,
.cf7-wavyapps .wpcf7-submit:focus {
	background: linear-gradient(135deg, #2779bd 0%, #1b68a7 100%);
	box-shadow: 0 4px 14px rgba(39, 121, 189, 0.4);
	transform: translateY(-1px);
}

.cf7-wavyapps .wpcf7-submit:active {
	transform: translateY(0);
	box-shadow: 0 2px 6px rgba(39, 121, 189, 0.3);
}

/* --------------------------------------------------------------------------
 * Spinner / Response Output
 * ----------------------------------------------------------------------- */
.cf7-wavyapps .wpcf7-spinner {
	margin-left: 12px;
}

.cf7-wavyapps .wpcf7-response-output {
	margin: 16px 0 0;
	padding: 12px 16px;
	border-radius: 6px;
	border: none;
	font-size: 14px;
	color: #fff;
}

.cf7-wavyapps .wpcf7-mail-sent-ok {
	background: rgba(72, 199, 142, 0.25);
}

.cf7-wavyapps .wpcf7-validation-errors,
.cf7-wavyapps .wpcf7-spam-blocked {
	background: rgba(255, 82, 82, 0.2);
}

/* Inline validation tips */
.cf7-wavyapps .wpcf7-not-valid-tip {
	color: #ff5252;
	font-size: 12px;
	margin-top: -8px;
	margin-bottom: 8px;
}

/* --------------------------------------------------------------------------
 * Responsive — Stack on mobile
 * ----------------------------------------------------------------------- */
@media (max-width: 767px) {
	.cf7-wavyapps [class*="cx-col-md-"] {
		width: 100%;
	}

	.cf7-wavyapps .wpcf7-submit {
		width: 100%;
		text-align: center;
	}
}

@media (min-width: 768px) {
	.cf7-wavyapps .cx-col-md-6 {
		width: 50%;
	}
}

/* --------------------------------------------------------------------------
 * reCAPTCHA badge — hidden (text notice in footer instead)
 * ----------------------------------------------------------------------- */
.grecaptcha-badge {
	visibility: hidden !important;
}