/* ---------------------------------------------------------------
   Shortcode [dc_busca]: cartão branco flutuante com abas por tipo
   de veículo (Buscar Carros/Buscar Motos/Outros) + campo de busca.
   As abas só aparecem para tipos com pelo menos 1 veículo publicado
   (ver DC_Shortcode::render_busca()).
------------------------------------------------------------------ */

.dc-busca-shortcode {
	max-width: 880px;
	background: var(--dc-bg) !important;
	border-radius: 18px !important;
	padding: 20px !important;
	box-sizing: border-box !important;
}

.dc-busca-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.dc-busca-tab {
	display: inline-flex !important;
	align-items: center;
	border: 0 !important;
	background: var(--dc-bg-alt) !important;
	color: var(--dc-text-light) !important;
	border-radius: 10px !important;
	padding: 11px 18px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}

.dc-busca-tab:hover {
	color: var(--dc-secondary) !important;
}

.dc-busca-tab.is-active {
	background: var(--dc-secondary) !important;
	color: #fff !important;
}

.dc-busca-form {
	display: flex !important;
	align-items: stretch;
	gap: 10px;
}

.dc-busca-input-wrap {
	position: relative;
	flex: 1 1 auto;
	display: flex !important;
	align-items: center;
}

.dc-busca-input {
	width: 100% !important;
	box-sizing: border-box !important;
	border: 1.5px solid var(--dc-border) !important;
	background: var(--dc-bg) !important;
	border-radius: 10px !important;
	padding: 13px 16px !important;
	font-size: 15px !important;
	color: var(--dc-text) !important;
	outline: none !important;
	transition: border-color .15s ease;
}

.dc-busca-input:focus {
	border-color: var(--dc-primary) !important;
}

.dc-busca-input::placeholder {
	color: var(--dc-text-muted);
}

.dc-busca-submit {
	flex: 0 0 auto;
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	border: 0 !important;
	background: var(--dc-secondary) !important;
	color: #fff !important;
	border-radius: 10px !important;
	padding: 13px 22px !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	white-space: nowrap;
	transition: background .15s ease;
}

.dc-busca-submit svg {
	flex: 0 0 auto;
	width: 17px;
	height: 17px;
}

.dc-busca-submit:hover {
	background: var(--dc-primary) !important;
}

@media (max-width: 480px) {
	.dc-busca-shortcode {
		padding: 16px !important;
		border-radius: 14px !important;
	}

	.dc-busca-tab {
		flex: 1 1 auto;
		text-align: center;
		justify-content: center;
	}

	.dc-busca-form {
		flex-wrap: wrap;
	}

	.dc-busca-input-wrap {
		flex: 1 1 100%;
	}

	.dc-busca-submit {
		flex: 1 1 100%;
		justify-content: center;
	}
}