/* =========================================================================
 * Ninja Forms — style lại theo tông Evergreen (gold underline trên nền tối).
 * Áp trong section .contact của trang chủ.
 * ========================================================================= */

.contact .nf-form-cont,
.contact .nf-form-content {
	max-width: 100%;
	padding: 0;
}

/* Field wrapper */
.contact .nf-field-container {
	margin-bottom: 32px;
}

/* Ẩn label mặc định nếu dùng placeholder (giữ phong cách evergreen) */
.contact .nf-field-label {
	margin-bottom: 6px;
}
.contact .nf-field-label label,
.contact .nf-field-label .nf-label-span {
	color: rgba(249, 241, 221, 0.75);
	font-family: var(--sans);
	font-size: 13px;
	font-weight: 400;
}

/* Inputs & textarea: underline vàng, nền trong suốt */
.contact .nf-field-element input:not([type=button]):not([type=submit]),
.contact .nf-field-element textarea,
.contact .nf-field-element select {
	width: 100%;
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid rgba(249, 241, 221, 0.25) !important;
	border-radius: 0 !important;
	color: var(--cream) !important;
	font-family: var(--sans) !important;
	font-size: 14px !important;
	padding: 10px 0 !important;
	box-shadow: none !important;
	outline: none !important;
	transition: border-color .3s ease;
	height: 40px;
	min-height: auto;
	width: 100%!important;
	overflow: hidden;
}

.nf-form-fields-required{
	display: none;
}

.contact .nf-field-element input::placeholder,
.contact .nf-field-element textarea::placeholder {
	color: rgba(249, 241, 221, 0.45) !important;
	font-size: 14px;
}

.contact .nf-field-element input:focus,
.contact .nf-field-element textarea:focus,
.contact .nf-field-element select:focus {
	border-color: rgba(249, 241, 221, 0.7) !important;
}

/* Nút submit: pill gold giống .btn-pill-submit */
.contact .nf-field-element input[type=button],
.contact .nf-field-element input[type=submit],
.contact .nf-field-element button {
	background: #AA856C !important;
	color: #fff !important;
	border: none !important;
	border-radius: 30px !important;
	font-family: var(--sans) !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	letter-spacing: .1em !important;
	padding: 12px 32px !important;
	width: auto !important;
	min-width: 0 !important;
	cursor: pointer;
	transition: transform .3s ease, background .3s ease;
	height: auto;
	line-height: normal;
	text-transform: none;
	margin-left: auto;
}
.contact .nf-field-element input[type=button]:hover,
.contact .nf-field-element input[type=submit]:hover,
.contact .nf-field-element button:hover {
	transform: translateY(-2px);
	background: #b8916f !important;
}

/* Căn nút sang phải như bản gốc */
.contact .nf-field-element .ninja-forms-field[type=button] {
	float: right;
}

/* Thông báo lỗi/thành công */
.contact .nf-error-msg,
.contact .nf-error.field-wrap .nf-field-element :is(input, textarea) {
	color: #e89;
	border-color: #e89 !important;
}
.contact .nf-response-msg {
	color: var(--tan);
	font-family: var(--sans);
}

.label-above .nf-field-element{
    display: inline-flex;
}

@media (max-width: 600px) {
	.contact .nf-field-element input[type=button], .contact .nf-field-element input[type=submit], .contact .nf-field-element button{
    margin-left: auto;
}
}