/* Pagina con i risultati della ricerca */
.frontend-search-results {
	display: flex;
  flex-direction: column;
  width: 100%;
  gap: 1rem;

	/* Riepilogo ricerca effettuata */
	.frontend-search-searched-summary {
		display: flex;
		flex-direction: column;
		width: 100%;
		gap: 1rem;

		h2,
		p {
			margin: 0;
		}

		/* Titolo della sezione */
		.frontend-search-searched-summary__title {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0.5rem;
			text-transform: uppercase;
		}

		/* Filtri di ricerca */
		.frontend-search-searched-summary__filters {
			display: flex;
			flex-direction: column;
			gap: 0.25rem;

			.frontend-search-searched-summary__filter {
				display: flex;
				align-items: center;
				justify-content: start;
				gap: 1rem;
				font-size: 0.9rem;

				.label {
					width: 100px;
					text-align: right;
				}

				.value {
					font-weight: bold;
				}
			}
		}
	}

	/* Errore | Nessun risultato trovato */
	.frontend-search-results__empty,
	.frontend-search-searched-summary__error {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.5rem;
		font-size: 1.2rem;
		margin: 2rem 0;
	}

	/* Risultati di ricerca con errore */
	&.frontend-search-results-with--error {
		/* Titolo */
		h2.frontend-search-searched-summary__title {
			color: #6B9315;

			svg {
				width: 24px;
			}
		}
	}

	/* Lista risultati della ricerca */
	.frontend-search-results-list {
		.frontend-search-results-list__item:nth-child(odd) {
			background-color: #f0f0f0;
		}

		.card.card--list {
			padding: 0;

			a.card__link {
				padding: 0.5rem;
			}
		}

	}

	/* Risultati di ricerca senza errore */
	&:not(.frontend-search-results-with--error) {
		/* Riepilogo ricerca effettuata */
		.frontend-search-searched-summary {
			--bs-body-color: #fff;
			margin-top: 0.2rem; /* per allinearlo all'inizio del box da non perdere */

			padding: 1rem;
			color: var(--bs-body-color);
			background-color: #6B9315;

			h2.frontend-search-searched-summary__title {
				font-size: 1.5rem;
			}
		}
	}
}

/*
|---------------------------
| MOBILE
|---------------------------
*/
/* max-width: 1024px */
@media (max-width: 1024px) {
	.frontend-eventi-consigliati-list {
		display: none;
	}
}