/**
 * Drivelux Transfer Form 2.7.0
 * Core: design tokens, shared controls and states
 *
 * Source architecture module. Loaded directly by WordPress.
 */

.dltf {
	--dltf-bg: #111212;
	--dltf-panel: #171819;
	--dltf-panel-2: #1d1f21;
	--dltf-line: rgba(255, 255, 255, 0.10);
	--dltf-line-strong: rgba(255, 255, 255, 0.16);
	--dltf-text: #f5f2ec;
	--dltf-muted: rgba(245, 242, 236, 0.62);
	--dltf-gold: #d2a15b;
	--dltf-gold-light: #efc982;
	--dltf-danger: #e28b80;
	--dltf-success: #83c6a2;
	--dltf-radius: 18px;
	--dltf-radius-sm: 12px;
	--dltf-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
	font-family: inherit;
	color: var(--dltf-text);
}

.dltf *,
.dltf *::before,
.dltf *::after {
	box-sizing: border-box;
}

.dltf svg {
	display: block;
	width: 21px;
	height: 21px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.dltf button,
.dltf input,
.dltf textarea {
	font: inherit;
}

.dltf button {
	cursor: pointer;
}

.dltf input,
.dltf textarea {
	color-scheme: dark;
}

.dltf [hidden] {
	display: none !important;
}

.dltf-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	min-height: 58px;
	padding: 0 28px;
	border: 1px solid transparent;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--dltf-gold-light), var(--dltf-gold));
	color: #17120b;
	font-weight: 700;
	transition: transform .2s ease, filter .2s ease, opacity .2s ease;
}

.dltf-button svg {
	width: 18px;
	height: 18px;
	stroke-width: 2.45;
}

.dltf-button:hover {
	filter: brightness(1.05);
	transform: translateY(-1px);
}

.dltf-button:disabled {
	cursor: not-allowed;
	opacity: .55;
	transform: none;
}

.dltf-eyebrow {
	display: block;
	margin: 0 0 12px;
	color: var(--dltf-gold-light);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.dltf-inline-message,
.dltf-submit-message {
	margin-top: 12px;
	padding: 12px 14px;
	border: 1px solid var(--dltf-line);
	border-radius: 10px;
	background: rgba(255, 255, 255, .035);
	color: var(--dltf-muted);
	font-size: 14px;
	line-height: 1.45;
}

.dltf-inline-message.is-error,
.dltf-submit-message.is-error {
	border-color: rgba(226, 139, 128, .4);
	color: var(--dltf-danger);
}

.dltf-submit-message.is-success {
	border-color: rgba(131, 198, 162, .4);
	color: var(--dltf-success);
}

.dltf-input {
	display: block;
	min-width: 0;
}

.dltf-input > span {
	display: block;
	margin-bottom: 8px;
	color: rgba(245, 242, 236, .76);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.dltf-input > div {
	display: flex;
	align-items: center;
	gap: 12px;
	min-height: 54px;
	padding: 0 16px;
	border: 1px solid var(--dltf-line-strong);
	border-radius: 10px;
	background: var(--dltf-panel);
	transition: border-color .2s ease, background .2s ease;
}

.dltf-input > div:focus-within {
	border-color: rgba(210, 161, 91, .72);
	background: var(--dltf-panel-2);
}

.dltf-input > div > svg {
	flex: 0 0 20px;
	color: var(--dltf-muted);
}

.dltf-input input,
.dltf-input textarea {
	width: 100%;
	min-width: 0;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--dltf-text);
}

.dltf-input input {
	min-height: 52px;
}

.dltf-input input::placeholder,
.dltf-input textarea::placeholder {
	color: rgba(245, 242, 236, .34);
}

.dltf-honeypot {
	position: fixed !important;
	left: -99999px !important;
	width: 1px !important;
	height: 1px !important;
	opacity: 0 !important;
}

.dltf.is-submitting {
	pointer-events: none;
}

.dltf input:invalid:not(:placeholder-shown),
.dltf textarea:invalid:not(:placeholder-shown) {
	box-shadow: none;
}

.dltf .is-invalid {
	border-color: rgba(226, 139, 128, .65) !important;
}

.dltf-submit-message--inline {
	margin: 18px 0 0;
}

.dltf-input > span em {
	margin-left: 6px;
	color: rgba(239, 201, 130, .78);
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	text-transform: none;
}

.dltf-input--datetime > div { gap: 10px; }

@media (max-width: 680px){.dltf input[data-dltf-place-input] {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		font-size: 16px !important;
	}}

@media (max-width: 680px){.dltf-input > span { margin-bottom: 6px; font-size: 11px; }}

@media (max-width: 680px){.dltf-input > div { min-height: 56px; padding: 0 14px; border-radius: 11px; }}

@media (max-width: 680px){.dltf-input input { min-height: 54px; font-size: 15px; }}

.dltf-input select {
	width: 100%;
	min-width: 0;
	height: 52px;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--dltf-text);
	font: inherit;
	font-size: 15px;
	font-weight: 700;
	color-scheme: dark;
	cursor: pointer;
}

.dltf-input select option {
	background: #171819;
	color: var(--dltf-text);
}