/* New Thread Page */

.page-template-template-new-thread #primary {
	padding-left: 0;
	margin: 0 auto;
	float: none;
}

/* ─── Form fields ─────────────────────────────────────────────────────────── */

.new-thread-form-wrapper form {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.new-thread-form-wrapper label {
	display: block;
	margin-bottom: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	color: #1a1a2e;
}

.new-thread-form-wrapper input[type="text"],
.new-thread-form-wrapper input[type="email"],
.new-thread-form-wrapper input[type="url"],
.new-thread-form-wrapper input[type="search"],
.new-thread-form-wrapper input[type="number"],
.new-thread-form-wrapper textarea:not(.wp-editor-area),
.new-thread-form-wrapper select {
	display: block;
	width: 100%;
	padding: 0.625rem 1rem;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #1a1a2e;
	background-color: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 0.75rem;
	transition: border-color 0.15s, box-shadow 0.15s;
	box-sizing: border-box;
}

.new-thread-form-wrapper input[type="text"]:focus,
.new-thread-form-wrapper input[type="email"]:focus,
.new-thread-form-wrapper input[type="url"]:focus,
.new-thread-form-wrapper input[type="search"]:focus,
.new-thread-form-wrapper input[type="number"]:focus,
.new-thread-form-wrapper textarea:focus,
.new-thread-form-wrapper select:focus {
	border-color: #4ca3ff;
	outline: none;
	box-shadow: 0 0 0 3px rgba(76, 163, 255, 0.15);
}

.new-thread-form-wrapper textarea {
	min-height: 10rem;
	resize: vertical;
}

.new-thread-form-wrapper select {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	padding-right: 2.5rem;
}

.select2-container--default .select2-results__option {
	font-size: 0.875rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 26px !important;
	font-size: 0.875rem;
}

/* ─── Placeholder ─────────────────────────────────────────────────────────── */

.new-thread-form-wrapper input::placeholder,
.new-thread-form-wrapper textarea::placeholder {
	color: #888;
}

/* ─── Checkbox & radio ────────────────────────────────────────────────────── */

.new-thread-form-wrapper input[type="checkbox"],
.new-thread-form-wrapper input[type="radio"] {
	width: 1rem;
	height: 1rem;
	border-radius: 0.25rem;
	border: 1px solid #d1d5db;
	accent-color: #4ca3ff;
	vertical-align: middle;
	margin-right: 0.5rem;
}

.new-thread-form-wrapper input[type="radio"] {
	border-radius: 50%;
}

/* ─── Buttons ─────────────────────────────────────────────────────────────── */

.new-thread-form-wrapper input[type="submit"],
.new-thread-form-wrapper button[type="submit"],
.new-thread-form-wrapper .button,
.new-thread-form-wrapper .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.625rem 1.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #fff;
	background: linear-gradient(to bottom, #4ca3ff, #3b96f0);
	border: none;
	border-radius: 0.75rem;
	cursor: pointer;
	box-shadow: 0 0 25px rgba(76, 163, 255, 0.35);
	transition: all 0.15s;
}

.new-thread-form-wrapper input[type="submit"]:hover,
.new-thread-form-wrapper button[type="submit"]:hover,
.new-thread-form-wrapper .button:hover,
.new-thread-form-wrapper .btn:hover {
	transform: translateY(-1px);
	box-shadow: 0 0 35px rgba(76, 163, 255, 0.5);
}

@media (prefers-reduced-motion: reduce) {
	.new-thread-form-wrapper input[type="submit"]:hover,
	.new-thread-form-wrapper button[type="submit"]:hover,
	.new-thread-form-wrapper .button:hover,
	.new-thread-form-wrapper .btn:hover {
		transform: none;
	}
}

/* ─── Helper / description text ───────────────────────────────────────────── */

.new-thread-form-wrapper .description,
.new-thread-form-wrapper .form-help,
.new-thread-form-wrapper small,
.new-thread-form-wrapper .help-text {
	display: block;
	margin-top: 0.375rem;
	font-size: 0.8125rem;
	line-height: 1.5;
	color: #888;
}

/* ─── Error / validation messages ─────────────────────────────────────────── */

.new-thread-form-wrapper .error,
.new-thread-form-wrapper .form-error {
	color: #f84646;
	font-size: 0.8125rem;
	margin-top: 0.25rem;
}

.new-thread-form-wrapper .notice,
.new-thread-form-wrapper .form-notice {
	padding: 0.75rem 1rem;
	border-radius: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.5;
}

/* ─── Required asterisk ───────────────────────────────────────────────────── */

.new-thread-form-wrapper .required {
	color: #f84646;
}

/* ─── Field groups / rows ─────────────────────────────────────────────────── */

.new-thread-form-wrapper p,
.new-thread-form-wrapper .form-row,
.new-thread-form-wrapper .form-field {
	margin-bottom: 0;
}

.new-thread-form-wrapper fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

.new-thread-form-wrapper legend {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #1a1a2e;
	margin-bottom: 0.5rem;
}

/* ─── Upsell modal ────────────────────────────────────────────────────────── */

.page-template-template-new-thread #support-upsell-modal > * {
	z-index: 999999;
}

.page-template-template-new-thread #support-upsell-modal .upsell-overlay {
	background-color: rgba(2, 6, 23, 0.6);
}

.page-template-template-new-thread #support-upsell-modal .upsell-modal {
	max-height: calc(100vh - 2rem);
	overflow-y: auto;
	overscroll-behavior: contain;
}

.page-template-template-new-thread #support-upsell-modal .upsell-modal .video {
	line-height: 0;
}

.page-template-template-new-thread #support-upsell-modal .upsell-modal iframe {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
}