/* Webverix Forms — form widget */
.wvxf-form { position: relative; width: 100%; }

/* honeypot — invisible to users, present for bots */
.wvxf-hp {
	position: absolute !important;
	left: -9999px !important;
	top: auto; width: 1px; height: 1px;
	overflow: hidden;
}

/* 12-column grid: per-field width = grid-column span; gap handles all
   spacing so there is never a broken row or leftover gutter. */
.wvxf-fields {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	row-gap: 18px;
	column-gap: 16px;
}
.wvxf-f { grid-column: span 12; min-width: 0; display: flex; flex-direction: column; }

.wvxf-label {
	display: block;
	margin-bottom: 8px;
	font-size: 13.5px; font-weight: 600;
	color: #FFFFFF;
	line-height: 1.3;
}
.wvxf-req { color: #8B7CF6; }

.wvxf-input {
	width: 100%;
	box-sizing: border-box;
	font-family: inherit;
	font-size: 15px;
	color: #FFFFFF;
	background-color: rgba(255,255,255,0.04);
	border: 1px solid rgba(255,255,255,0.14);
	border-radius: 10px;
	padding: 13px 16px;
	line-height: 1.4;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	-webkit-appearance: none; appearance: none;
}
select.wvxf-input {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238B7CF6' d='M6 8 0 0h12z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	padding-right: 40px;
	cursor: pointer;
}
select.wvxf-input option { color: #1a1a24; }
textarea.wvxf-input { min-height: 120px; resize: vertical; }
.wvxf-input::placeholder { color: rgba(255,255,255,0.4); }
.wvxf-input:focus {
	outline: none;
	border-color: #8B7CF6;
	background-color: rgba(255,255,255,0.06);
	box-shadow: 0 0 0 3px rgba(139,124,246,0.2);
}

/* choices */
.wvxf-choices { display: flex; flex-direction: column; gap: 10px; padding-top: 2px; }
.wvxf-choice {
	display: inline-flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255,255,255,0.8);
	font-size: 14.5px;
	line-height: 1.45;
	cursor: pointer;
}
.wvxf-choice input {
	width: 17px; height: 17px;
	margin: 1px 0 0;
	accent-color: #8B7CF6;
	flex: none;
	cursor: pointer;
}
.wvxf-acceptance { margin-top: 2px; }
.wvxf-acceptance a { color: #8B7CF6; }

.wvxf-help { margin-top: 6px; font-size: 12.5px; color: rgba(255,255,255,0.45); line-height: 1.4; }
.wvxf-error-msg { font-size: 12.5px; color: #FF6B6B; margin-top: 6px; display: none; }
.wvxf-f.has-error .wvxf-error-msg { display: block; }
.wvxf-f.has-error .wvxf-input { border-color: #FF6B6B; }

/* conditionally hidden fields */
.wvxf-f.wvxf-hidden { display: none !important; }

/* file upload */
.wvxf-file {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	background: rgba(255,255,255,0.04);
	border: 1px dashed rgba(255,255,255,0.2);
	border-radius: 10px;
	padding: 10px 12px;
	transition: border-color 0.2s ease, background 0.2s ease;
}
.wvxf-file:hover { border-color: #8B7CF6; background: rgba(255,255,255,0.06); }
.wvxf-file input[type=file] {
	position: absolute;
	width: 1px; height: 1px;
	opacity: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
}
.wvxf-file-btn {
	flex: none;
	font-size: 13px; font-weight: 600;
	color: #FFFFFF;
	background: rgba(139,124,246,0.2);
	border: 1px solid rgba(139,124,246,0.45);
	border-radius: 8px;
	padding: 8px 16px;
	line-height: 1;
}
.wvxf-file-name {
	font-size: 13px;
	color: rgba(255,255,255,0.55);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.wvxf-f.has-error .wvxf-file { border-color: #FF6B6B; }

/* range slider */
.wvxf-range { display: flex; align-items: center; gap: 14px; padding: 6px 0 2px; }
.wvxf-range-input {
	flex: 1;
	-webkit-appearance: none; appearance: none;
	height: 5px;
	background: rgba(255,255,255,0.12);
	border-radius: 99px;
	outline: none;
	cursor: pointer;
}
.wvxf-range-input::-webkit-slider-thumb {
	-webkit-appearance: none; appearance: none;
	width: 18px; height: 18px;
	border-radius: 50%;
	background: linear-gradient(120deg, #8B5CF6, #4D7CFE);
	border: 2px solid #FFFFFF;
	box-shadow: 0 2px 10px rgba(108,92,232,0.5);
	cursor: grab;
}
.wvxf-range-input::-moz-range-thumb {
	width: 18px; height: 18px;
	border-radius: 50%;
	background: linear-gradient(120deg, #8B5CF6, #4D7CFE);
	border: 2px solid #FFFFFF;
	box-shadow: 0 2px 10px rgba(108,92,232,0.5);
	cursor: grab;
}
.wvxf-range-out {
	flex: none;
	min-width: 76px;
	text-align: center;
	font-size: 13.5px; font-weight: 600;
	color: #FFFFFF;
	background: rgba(139,124,246,0.12);
	border: 1px solid rgba(139,124,246,0.35);
	border-radius: 8px;
	padding: 6px 12px;
	font-variant-numeric: tabular-nums;
}

/* inline radio/checkbox */
.wvxf-choices--inline { flex-direction: row; flex-wrap: wrap; column-gap: 22px; }

/* layout field types */
.wvxf-fheading { grid-column: span 12; }
.wvxf-heading { font-size: 18px; font-weight: 700; color: #FFFFFF; }
.wvxf-subheading { margin-top: 4px; font-size: 13.5px; color: rgba(255,255,255,0.55); line-height: 1.5; }
.wvxf-fdivider { grid-column: 1 / -1; }
.wvxf-fdivider hr { border: 0; border-top: 1px solid rgba(255,255,255,0.1); margin: 4px 0; }
.wvxf-fhtml, .wvxf-fshortcode { grid-column: span 12; color: rgba(255,255,255,0.7); }

/* captcha widget row */
.wvxf-captcha { display: flex; justify-content: flex-start; margin-top: 18px; }

/* submit */
.wvxf-submit { display: flex; justify-content: flex-start; margin-top: 22px; }
.wvxf-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	cursor: pointer;
	font-family: inherit;
	font-size: 15px; font-weight: 600; line-height: 1;
	color: #FFFFFF;
	background: linear-gradient(95deg, #6C5CE8, #4D7CFE);
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 15px 34px;
	box-shadow: 0 6px 24px rgba(108,92,232,0.4);
	transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease, transform 0.25s ease, opacity 0.2s ease;
}
.wvxf-btn i { font-size: 12px; transition: transform 0.25s ease; }
.wvxf-btn svg { width: 12px; height: 12px; fill: currentColor; transition: transform 0.25s ease; }
.wvxf-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 34px rgba(108,92,232,0.55); }
.wvxf-btn:hover i, .wvxf-btn:hover svg { transform: translateX(3px); }
.wvxf-btn:active { transform: translateY(0) scale(0.98); }
.wvxf-btnfull-yes .wvxf-submit { justify-content: stretch; }
.wvxf-btnfull-yes .wvxf-btn { width: 100%; }

/* upload progress bar */
.wvxf-progress {
	position: relative;
	margin-top: 14px;
	height: 8px;
	border-radius: 99px;
	background: rgba(255,255,255,0.08);
	overflow: visible;
}
.wvxf-progress i {
	display: block;
	height: 100%;
	width: 0%;
	border-radius: 99px;
	background: linear-gradient(95deg, #6C5CE8, #4D7CFE);
	box-shadow: 0 0 12px rgba(108,92,232,0.6);
	transition: width 0.25s ease;
}
.wvxf-progress span {
	position: absolute;
	right: 0;
	top: -22px;
	font-size: 11.5px;
	font-weight: 600;
	color: rgba(255,255,255,0.6);
	font-variant-numeric: tabular-nums;
}

/* loading */
.wvxf-spinner {
	display: none;
	width: 16px; height: 16px;
	border: 2px solid rgba(255,255,255,0.4);
	border-top-color: #FFFFFF;
	border-radius: 50%;
	animation: wvxf-spin 0.7s linear infinite;
}
.wvxf-form.is-loading .wvxf-btn { opacity: 0.8; pointer-events: none; }
.wvxf-form.is-loading .wvxf-spinner { display: inline-block; }
.wvxf-form.is-loading .wvxf-btn i, .wvxf-form.is-loading .wvxf-btn svg { display: none; }
/* fields dim gently while sending — clear "we're working on it" signal */
.wvxf-form .wvxf-fields { transition: opacity 0.3s ease; }
.wvxf-form.is-loading .wvxf-fields { opacity: 0.55; pointer-events: none; }
@keyframes wvxf-spin { to { transform: rotate(360deg); } }

/* result */
.wvxf-result {
	margin-top: 18px;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 16px 20px;
	font-size: 14.5px;
	line-height: 1.55;
}
.wvxf-result.is-ok { color: #3EE08F; background: rgba(62,224,143,0.08); border-color: rgba(62,224,143,0.35); }
.wvxf-result.is-ok::before { content: "✓ "; font-weight: 700; }
.wvxf-result.is-err { color: #FF6B6B; background: rgba(255,107,107,0.08); border-color: rgba(255,107,107,0.35); }
/* entrance animation */
@keyframes wvxf-pop {
	0%   { opacity: 0; transform: translateY(10px) scale(0.98); }
	60%  { opacity: 1; transform: translateY(-2px) scale(1.005); }
	100% { opacity: 1; transform: translateY(0) scale(1); }
}
.wvxf-result.wvxf-pop { animation: wvxf-pop 0.45s cubic-bezier(0.2, 0.7, 0.2, 1); }

/* on success we hide the fields + button, leaving only the message */
.wvxf-form.is-done .wvxf-fields,
.wvxf-form.is-done .wvxf-submit { display: none; }

@media (max-width: 767px) {
	.wvxf-f { grid-column: span 12 !important; }
	.wvxf-btnfull-yes .wvxf-btn, .wvxf-submit .wvxf-btn { width: 100%; }
	.wvxf-submit { justify-content: stretch; }
}

@media (prefers-reduced-motion: reduce) {
	.wvxf-input, .wvxf-btn, .wvxf-btn i, .wvxf-btn svg, .wvxf-fields { transition: none; }
	.wvxf-spinner { animation-duration: 1.4s; }
	.wvxf-result.wvxf-pop { animation: none; }
}