/* Compatibility styling retained for the legacy add-listing form. */
body.add-listing-form #c27-site-wrapper {
	background: #fdfdfd !important;
}

body.add-listing-form .add-listing-step {
	display: flex !important;
	max-width: 1100px !important;
	margin: 40px auto !important;
	flex-direction: row-reverse !important;
	gap: 30px !important;
}

body.add-listing-form :where(.element.form-section, .pf-body, .pf-head) {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}

body.add-listing-form .add-listing-nav {
	position: sticky !important;
	top: 100px !important;
	width: 300px !important;
	height: fit-content !important;
	padding: 20px !important;
	border-radius: 12px !important;
	background: #fff !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
}

body.add-listing-form .add-listing-nav ul li a {
	padding: 12px 15px !important;
	border-radius: 8px !important;
	color: #2c3e50 !important;
	font-weight: 600 !important;
	transition: all 0.3s ease !important;
}

body.add-listing-form .add-listing-nav ul li.active a {
	background: #de6c2e !important;
	color: #fff !important;
}

body.add-listing-form .form-section-wrapper {
	margin-bottom: 30px !important;
	padding: 40px !important;
	border: 1px solid #eee !important;
	border-radius: 16px !important;
	background: #fff !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

body.add-listing-form .pf-head .title-style-1 i {
	width: 44px !important;
	height: 44px !important;
	border-radius: 10px !important;
	background: #de6c2e !important;
	color: #fff !important;
	line-height: 44px !important;
}

body.add-listing-form .pf-head .title-style-1 h5 {
	color: #1a1a1b !important;
	font-size: 22px !important;
	letter-spacing: 0 !important;
}

body.add-listing-form :where(.input-text, select, .select2-container--default .select2-selection--single) {
	height: auto !important;
	padding: 12px 15px !important;
	border: 2px solid #eaeeef !important;
	border-radius: 8px !important;
	background: #f9fafb !important;
	font-size: 15px !important;
}

body.add-listing-form .input-text:focus {
	border-color: #de6c2e !important;
	outline: none !important;
	background: #fff !important;
}

body.add-listing-form :where(.buttons.button-2, button[type="submit"]) {
	padding: 15px 35px !important;
	border: 0 !important;
	border-radius: 6px !important;
	background: #de6c2e !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

body.add-listing-form button[type="submit"]:hover {
	box-shadow: 0 10px 20px rgba(222, 108, 46, 0.3) !important;
	transform: translateY(-2px) !important;
}

@media (max-width: 991px) {
	body.add-listing-form .add-listing-step {
		padding: 15px !important;
		flex-direction: column !important;
	}

	body.add-listing-form .add-listing-nav {
		position: relative !important;
		top: 0 !important;
		width: 100% !important;
	}
}