/* GM buyback ("Sprzedaj auto") form - dark theme, red accents */

.gm-buyback {
	max-width: 900px;
	margin: 0 auto 50px;
}

.gm-buyback-notice {
	max-width: 900px;
	margin: 0 auto 30px;
	padding: 18px 28px;
	border-radius: 8px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
}
.gm-buyback-notice--ok {
	background: linear-gradient(
		135deg,
		rgba(
			40,
			167,
			69,
			0.25
		),
		rgba(
			40,
			167,
			69,
			0.1
		)
	);
	color: #6ee787;
	border: 1px solid
		rgba(
			40,
			167,
			69,
			0.5
		);
}
.gm-buyback-notice--error {
	background: linear-gradient(
		135deg,
		rgba(
			227,
			30,
			36,
			0.22
		),
		rgba(
			227,
			30,
			36,
			0.08
		)
	);
	color: #ff8085;
	border: 1px solid
		rgba(
			227,
			30,
			36,
			0.5
		);
}

.gm-buyback__trap {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.gm-buyback__group {
	border: 1px solid
		rgba(
			255,
			255,
			255,
			0.1
		);
	border-radius: 6px;
	padding: 25px 25px
		10px;
	margin: 0 0 30px;
}
.gm-buyback__group legend {
	padding: 0 12px;
	font-size: 18px;
	font-weight: 700;
	color: #e31e24;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.gm-buyback__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}
.gm-field {
	flex: 0 0 100%;
	margin: 0 0 18px;
}
.gm-field--half {
	flex: 1 1
		calc(
			50% -
				20px
		);
	min-width: 220px;
}
.gm-field--third {
	flex: 1 1
		calc(
			33.333% -
				20px
		);
	min-width: 150px;
}
.gm-field label {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	color: #ccc;
}
.gm-field label span {
	color: #e31e24;
}
.gm-field input {
	width: 100%;
	padding: 12px 15px;
	background: #1a1a1a;
	border: 1px solid
		rgba(
			255,
			255,
			255,
			0.15
		);
	border-radius: 4px;
	color: #fff;
	font-size: 15px;
}
.gm-field input:focus {
	outline: none;
	border-color: #e31e24;
}
.gm-field input:invalid:not(:placeholder-shown) {
	border-color: rgba(
		227,
		30,
		36,
		0.6
	);
}
.gm-field__hint {
	display: block;
	margin-top: 6px;
	font-size: 12px;
	color: #888;
}

/* Photo upload */
.gm-buyback__upload input[type='file'] {
	position: absolute;
	left: -9999px;
}
.gm-buyback__drop {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 35px 20px;
	margin-bottom: 18px;
	border: 2px dashed
		rgba(
			255,
			255,
			255,
			0.2
		);
	border-radius: 6px;
	color: #ccc;
	text-align: center;
	cursor: pointer;
	transition: border-color
		0.15s
		ease;
}
.gm-buyback__drop:hover {
	border-color: #e31e24;
}
.gm-buyback__drop svg {
	color: #e31e24;
}
.gm-buyback__drop-main {
	font-size: 16px;
	font-weight: 700;
	color: #fff;
}
.gm-buyback__drop-hint {
	font-size: 13px;
	color: #888;
	max-width: 420px;
}
.gm-buyback__previews {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}
.gm-buyback__previews li {
	width: 110px;
	height: 82px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid
		rgba(
			255,
			255,
			255,
			0.15
		);
}
.gm-buyback__previews img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Submit */
.gm-buyback__submit {
	text-align: center;
}
.gm-buyback__btn {
	background-color: #e31e24;
	border-color: #e31e24;
	min-width: 260px;
}
.gm-buyback__btn:hover {
	background-color: #b8181d;
	border-color: #b8181d;
}
.gm-buyback__consent {
	margin-top: 16px;
	font-size: 12px;
	line-height: 1.6;
	color: #888;
}

@media screen and (max-width: 575px) {
	.gm-buyback__group {
		padding: 20px
			15px
			5px;
	}
	.gm-field--half,
	.gm-field--third {
		flex: 0
			0
			100%;
	}
}