/* Vehicle Submission Form Styles */
:root {
	--pixad-primary: #dc2d12;
	--pixad-primary-dark: #b8250f;
	--pixad-surface: #ffffff;
	--pixad-muted: #666666;
	--pixad-border: #e0e0e0;
	--pixad-shadow: 0 12px 30px rgba(13, 28, 49, 0.08);
}
.pixad-vehicle-submission {
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px 0;
}

.pixad-vehicle-submission__title {
	margin: 0 0 16px;
	font-size: 24px;
	font-weight: 600;
	color: #1a1a1a;
	padding-bottom: 20px;
}

.pixad-vehicle-submission__description {
	margin: 0 0 24px;
	color: #666666;
	line-height: 1.6;
}

.pixad-vehicle-submission__form {
	border: 1px solid #e0e0e0;
	padding: 32px;
	border-radius: 12px;
	background-color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.pixad-vehicle-submission__section {
	margin-bottom: 24px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e0e0e0;
}

.pixad-vehicle-submission__section:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.pixad-vehicle-submission__subtitle {
	margin: 0 0 20px;
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	border-left: 3px solid #dc2d12;
	line-height: 1.6;
	background-color: #f8f9fa;
	padding: 10px 24px;
}

.pixad-vehicle-submission__group {
	display: flex;
	flex-direction: column;
	margin-bottom: 18px;
}

.pixad-vehicle-submission__row {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.pixad-vehicle-submission__row--half .pixad-vehicle-submission__group,
.pixad-vehicle-submission__row--quarter .pixad-vehicle-submission__group {
	flex: 1;
}

.pixad-vehicle-submission__row--quarter .pixad-vehicle-submission__group {
	min-width: 180px;
}

.pixad-vehicle-submission__spec-fields,
.pixad-vehicle-submission__custom-specs {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.pixad-vehicle-submission__custom-specs > h5 {
	grid-column: 1 / -1;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
}

.pixad-vehicle-submission__row .pixad-vehicle-submission__group {
	flex: 1 1 260px;
	margin-bottom: 0;
}

.pixad-vehicle-submission__checkbox-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 12px;
}

.pixad-vehicle-submission__checkbox-item {
	display: flex;
	align-items: center;
	padding: 10px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	cursor: pointer;
	transition: all 0.3s ease;
	font-size: 14px;
}

.pixad-vehicle-submission__checkbox-item input[type="checkbox"] {
	margin-right: 8px;
	transform: scale(1.1);
}

.pixad-vehicle-submission__checkbox-item:hover {
	background-color: #f8f9fa;
	border-color: #dc2d12;
}

.pixad-vehicle-submission__group label {
	font-weight: 500;
	margin-bottom: 10px;
	color: #1a1a1a;
	font-size: 14px;
	margin-top: 15px;
}

.pixad-vehicle-submission__field-hint {
	font-size: 12px;
	color: #666666;
	margin-left: 4px;
}

.pixad-vehicle-submission__char-counter {
	margin-top: 6px;
	font-size: 12px;
	color: #666666;
	text-align: right;
	transition: color 0.3s ease;
}

.pixad-vehicle-submission__char-counter--warning {
	color: #d63384;
	font-weight: 600;
}

.pixad-vehicle-submission__char-counter--success {
	color: #00a32a;
	font-weight: 600;
}

.pixad-vehicle-submission__group input,
.pixad-vehicle-submission__group select,
.pixad-vehicle-submission__group textarea {
	padding: 12px;
	border: 1px solid #dddddd;
	border-radius: 6px;
	font-size: 14px;
	font-family: inherit;
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.pixad-vehicle-submission__group input:focus,
.pixad-vehicle-submission__group select:focus,
.pixad-vehicle-submission__group textarea:focus {
	outline: none;
	border-color: #dc2d12;
	box-shadow: 0 0 0 2px rgba(220, 45, 18, 0.12);
}

.pixad-vehicle-submission__group input[required],
.pixad-vehicle-submission__group select[required],
.pixad-vehicle-submission__group textarea[required] {
	border-left: 3px solid #d63384;
}

.pixad-vehicle-submission__group input[required]:valid,
.pixad-vehicle-submission__group select[required]:valid,
.pixad-vehicle-submission__group textarea[required]:valid {
	border-left: 3px solid #00a32a;
}

.pixad-vehicle-submission__group input[type="file"] {
	padding: 12px;
	border-style: dashed;
	border-width: 2px;
	border-color: #dddddd;
	background-color: #f8f9fa;
	cursor: pointer;
}

.pixad-vehicle-submission__group input[type="file"]:hover {
	border-color: #dc2d12;
	background-color: #f0f8ff;
}

.pixad-vehicle-submission__fieldset {
	border: 1px solid #e0e0e0;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 24px;
	background-color: #fafafa;
}

.pixad-vehicle-submission__fieldset legend {
	padding: 0 12px;
	font-weight: 600;
	color: #1a1a1a;
}

.pixad-vehicle-submission__fieldset .pixad-vehicle-submission__group {
	margin-bottom: 18px;
}

.pixad-vehicle-submission__fieldset .pixad-vehicle-submission__group:last-child {
	margin-bottom: 0;
}

.pixad-vehicle-submission__actions {
	margin-top: 24px;
}

.pixad-vehicle-submission__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	padding: 14px 24px;
	background-color: #00a32a;
	color: #ffffff;
	border: none;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.3s ease, transform 0.2s ease;
}

.pixad-vehicle-submission__submit:hover:not(:disabled) {
	background-color: #008a20;
	transform: translateY(-1px);
}

.pixad-vehicle-submission__submit:disabled {
	background-color: #cccccc;
	cursor: not-allowed;
	opacity: 0.7;
}

.pixad-vehicle-submission__message {
	margin-top: 20px;
	padding: 14px 16px;
	border-radius: 6px;
	font-size: 14px;
	line-height: 1.6;
	border: 1px solid transparent;
	display: block;
}

.pixad-vehicle-submission__message[hidden] {
	display: none;
}

.pixad-vehicle-submission__message--success {
	background-color: #e6f4ea;
	color: #1e8e3e;
	border-color: #a8dab5;
}

.pixad-vehicle-submission__message--error {
	background-color: #fce8e6;
	color: #c5221f;
	border-left: 4px solid #dc3545;
	box-shadow: 0 2px 8px rgba(220, 53, 69, 0.15);
	position: relative;
	padding-left: 45px;
}

.pixad-vehicle-submission__message--error::before {
	content: "⚠";
	position: absolute;
	left: 16px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	color: #dc3545;
	font-weight: bold;
}

.pixad-vehicle-submission__message--info {
	background-color: #d1ecf1;
	color: #0c5460;
	border-color: #bee5eb;
}

/* Seasonal pricing block */
.pixad-seasonal-pricing {
	margin-top: 24px;
	padding: 24px;
	position: relative;
	border-radius: 16px;
	border: 1px solid var(--pixad-border);
	background-color: #f3f3f5;
	box-shadow: var(--pixad-shadow);
	overflow: hidden;
}

.pixad-seasonal-pricing__header h5 {
	margin: 0 0 6px;
	font-size: 17px;
	font-weight: 700;
	letter-spacing: 0.02em;
	color: #121212;
}

.pixad-seasonal-pricing__header p {
	margin: 0 0 18px;
	color: var(--pixad-muted);
	font-size: 14px;
	max-width: 620px;
}

.pixad-seasonal-rule {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 14px;
	padding: 18px 18px 20px 26px;
	margin-bottom: 18px;
	background-color: var(--pixad-surface);
	position: relative;
	box-shadow: 0 8px 18px rgba(12, 18, 38, 0.05);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.pixad-seasonal-rule:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 26px rgba(12, 18, 38, 0.08);
}

.pixad-seasonal-rule__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
}

.pixad-seasonal-rule__header h5 {
	margin: 0;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--pixad-muted);
}

.pixad-seasonal-rule__remove {
	border: none;
	background: rgba(197, 34, 31, 0.12);
	color: #c5221f;
	font-size: 20px;
	line-height: 1;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	display: inline-flex;
	transition: background-color 0.2s ease, transform 0.2s ease;
	cursor: pointer;
}

.pixad-seasonal-rule__remove:hover {
	background: rgba(197, 34, 31, 0.2);
	transform: scale(1.05);
}

.pixad-seasonal-rule__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
}

.pixad-seasonal-rule__grid label {
	display: flex;
	flex-direction: column;
	font-size: 13px;
	color: #1a1a1a;
	font-weight: 500;
}

.pixad-seasonal-rule__grid input,
.pixad-seasonal-rule__grid select {
	margin-top: 6px;
	border-radius: 8px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	padding: 10px;
	line-height: 1.3;
	background-color: #fdfdfd;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pixad-seasonal-rule__grid input:focus,
.pixad-seasonal-rule__grid select:focus {
	border-color: var(--pixad-primary);
	box-shadow: 0 0 0 3px rgba(220, 45, 18, 0.18);
}

.pixad-seasonal-rule__inline {
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.pixad-seasonal-rule__weekdays {
	margin-top: 14px;
}

.pixad-seasonal-rule__weekday-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
	gap: 6px;
}

.pixad-seasonal-rule__weekday-grid label {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	padding: 6px 10px;
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.04);
	transition: background-color 0.2s ease;
	margin-top: 10px;
}

.pixad-seasonal-rule__weekday-grid label input:checked + span,
.pixad-seasonal-rule__weekday-grid label input:checked ~ span {
	font-weight: 600;
	color: var(--pixad-primary);
}

.pixad-seasonal-rule__weekday-grid label:hover {
	background-color: rgba(220, 45, 18, 0.08);
}

.pixad-seasonal-rule__hint {
	margin: 8px 0 0;
	font-size: 12px;
	color: #777777;
}

.pixad-seasonal-pricing__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px;
	margin-top: 12px;
}

.pixad-seasonal-pricing__add {
	background-image: linear-gradient(120deg, #ff7448, #dc2d12);
	color: #ffffff;
	border: none;
	border-radius: 999px;
	padding: 11px 20px;
	cursor: pointer;
	font-weight: 600;
	box-shadow: 0 8px 16px rgba(220, 45, 18, 0.25);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pixad-seasonal-pricing__add:hover {
	transform: translateY(-1px);
	box-shadow: 0 12px 22px rgba(220, 45, 18, 0.32);
}

.pixad-seasonal-pricing__hint {
	margin: 0;
	font-size: 13px;
	color: var(--pixad-muted);
}

.pixad-seasonal-pricing__empty {
	margin: 0 0 14px;
	font-size: 14px;
	color: var(--pixad-muted);
	padding: 10px 14px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.03);
}

/* Error State */
.pixad-vehicle-submission__group .pixad-field-error {
	border: 2px solid #d63384 !important;
	border-left: 4px solid #d63384 !important;
	background-color: #fff5f8 !important;
	animation: pixad-shake 0.5s;
}

.pixad-vehicle-submission__group .pixad-field-error:focus {
	border-color: #d63384 !important;
	box-shadow: 0 0 0 3px rgba(214, 51, 132, 0.2) !important;
}

@keyframes pixad-shake {
	0%, 100% {
		transform: translateX(0);
	}
	10%, 30%, 50%, 70%, 90% {
		transform: translateX(-4px);
	}
	20%, 40%, 60%, 80% {
		transform: translateX(4px);
	}
}

/* Image preview containers */
.pixad-vehicle-submission__preview-list {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 12px;
}

.pixad-vehicle-submission__preview-list[hidden] {
	display: none;
}

.pixad-vehicle-submission__preview-item {
	position: relative;
	width: 120px;
	height: 120px;
	border: 1px solid #e0e0e0;
	border-radius: 6px;
	overflow: hidden;
	background-color: #f8f9fa;
}

.pixad-vehicle-submission__preview-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pixad-vehicle-submission__remove-image {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 22px;
	height: 22px;
	border: none;
	border-radius: 50%;
	background-color: rgba(220, 53, 69, 0.9);
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: background-color 0.3s ease;
}

.pixad-vehicle-submission__remove-image:hover {
	background-color: #dc3545;
}

/* Responsive */
@media (max-width: 768px) {
	.pixad-vehicle-submission__form {
		padding: 24px 18px;
	}

	.pixad-vehicle-submission__row {
		flex-direction: column;
		gap: 12px;
	}

	.pixad-vehicle-submission__spec-fields,
	.pixad-vehicle-submission__custom-specs {
		grid-template-columns: 1fr;
	}

	.pixad-vehicle-submission__title {
		font-size: 20px;
	}
}

@media (max-width: 480px) {
	.pixad-vehicle-submission__form {
		padding: 16px;
	}

	.pixad-vehicle-submission__fieldset {
		padding: 16px;
	}
}