/* ==========================================================================
   Búho - Buscador de Tienda
   Estética acorde a Etchizuri Distribuciones (rosa/magenta, bordes redondeados)
   ========================================================================== */

.buho-buscador-wrapper {
	width: 100%;
	margin: 20px 0 28px 0;
}

.buho-buscador-form {
	width: 100%;
}

.buho-buscador-input-group {
	display: flex;
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	border: 2px solid #f0c4dc;
	border-radius: 50px;
	overflow: hidden;
	background: #fff;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.buho-buscador-input-group:focus-within {
	border-color: #e91e8c;
	box-shadow: 0 0 0 3px rgba(233, 30, 140, 0.12);
}

.buho-buscador-icono {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 16px;
	color: #e91e8c;
	flex-shrink: 0;
}

.buho-buscador-input {
	flex: 1 1 auto;
	border: none;
	outline: none;
	background: transparent;
	font-size: 16px;
	padding: 14px 8px;
	min-width: 0;
	color: #333;
	box-shadow: none;
}

.buho-buscador-input::placeholder {
	color: #b7b7b7;
}

/* Reseteamos estilos heredados de Astra/WooCommerce que puedan afectar el input */
.buho-buscador-input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
	height: auto;
}

.buho-buscador-boton {
	flex-shrink: 0;
	border: none;
	background: #e91e8c;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	padding: 0 28px;
	cursor: pointer;
	transition: background 0.2s ease;
	letter-spacing: 0.3px;
}

.buho-buscador-boton:hover,
.buho-buscador-boton:focus {
	background: #c91876;
	color: #fff;
}

/* Responsive: en mobile el botón puede achicarse un poco */
@media (max-width: 480px) {
	.buho-buscador-boton {
		padding: 0 18px;
		font-size: 14px;
	}

	.buho-buscador-icono {
		padding: 0 10px;
	}

	.buho-buscador-input {
		font-size: 15px;
		padding: 12px 6px;
	}
}