/**
 * RCC Search Styles - Versione Semplificata
 *
 * Stili SOLO per il form di ricerca (nessuna dropdown)
 * Integrato con tema Astra - Design System Rubino Classic Cars
 * - Usa variabili CSS Astra (--ast-global-color-*)
 * - ZERO border-radius (design piatto)
 * - Stili minimali
 *
 * @package Astra_Child
 * @since 1.0.0
 */

/* ===========================
   WRAPPER E FORM
   =========================== */

.rcc-search-wrapper {
	position: relative;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}

.rcc-search-form-wrapper {
	position: relative;
	z-index: 10;
}

.rcc-search-form {
	display: flex;
	gap: 10px;
	align-items: center;
}

.rcc-search-input-wrapper {
	position: relative;
	flex: 1;
}

/* ===========================
   INPUT DI RICERCA
   =========================== */

.rcc-search-input {
	width: 100%;
	padding: 12px 15px;
	font-size: 16px;
	font-family: inherit;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	border: 2px solid #ddd;
	border-radius: 0;
	transition: all 0.3s ease;
	box-sizing: border-box;
}

.rcc-search-input:focus {
	outline: none;
	border-color: var(--ast-global-color-0, #0073aa);
	box-shadow: none;
}

.rcc-search-input:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.rcc-search-input::placeholder {
	color: #999;
}

/* ===========================
   PULSANTE RICERCA
   =========================== */

.rcc-search-button {
	padding: 12px 24px;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	background-color: var(--ast-global-color-0, #0073aa);
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}

.rcc-search-button:hover {
	background-color: var(--ast-global-color-1, #005177);
	transform: translateY(-1px);
}

.rcc-search-button:active {
	transform: translateY(0);
}

.rcc-search-button:disabled {
	opacity: 0.6;
	cursor: not-allowed;
	transform: none;
}

.rcc-search-button:focus {
	outline: 2px solid var(--ast-global-color-0, #0073aa);
	outline-offset: 2px;
}

/* ===========================
   ICONA RICERCA (opzionale)
   =========================== */

.rcc-search-icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 8px;
	vertical-align: middle;
}

/* ===========================
   RESPONSIVE DESIGN
   =========================== */

@media (max-width: 768px) {
	.rcc-search-wrapper {
		max-width: 100%;
	}

	.rcc-search-form {
		gap: 8px;
	}

	.rcc-search-input {
		padding: 10px 12px;
		font-size: 14px;
	}

	.rcc-search-button {
		padding: 10px 18px;
		font-size: 14px;
	}
}

@media (max-width: 480px) {
	.rcc-search-form {
		flex-direction: column;
		gap: 10px;
	}

	.rcc-search-input-wrapper {
		width: 100%;
	}

	.rcc-search-button {
		width: 100%;
	}
}

/* ===========================
   ACCESSIBILITÀ
   =========================== */

/* Focus visibile per navigazione da tastiera */
.rcc-search-input:focus-visible {
	outline: 2px solid var(--ast-global-color-0, #0073aa);
	outline-offset: 2px;
}

.rcc-search-button:focus-visible {
	outline: 2px solid #fff;
	outline-offset: -2px;
}

/* Riduzione movimento per utenti con preferenze accessibility */
@media (prefers-reduced-motion: reduce) {
	.rcc-search-input,
	.rcc-search-button {
		transition: none;
	}

	.rcc-search-button:hover {
		transform: none;
	}
}