:root {
	color-scheme: only light;
}

.bg-verde {
	background-color: #94af48;
	color: white;
}

.bg-panna {
	background-color: #dad2bc;
	color: black;
}

.bg-cammello {
	background-color: #a99985;
	color: black;
}

.bg-marrone {
	background-color: #a44a3f;
	color: white;
}

.form-check-input:checked {
	background-color: #a44a3f;
	border-color: #a44a3f;
}

.bg-azzurro {
	background-color: #2274a5;
	color: white;
}

.bg-arancione {
	background-color: #eb5f0c;
	color: white;
}

.text-verde {
	color: #94af48;
}

.text-panna {
	color: #dad2bc;
}

.text-cammello {
	color: #a99985;
}

.text-marrone {
	color: #a44a3f;
}

.text-azzurro {
	color: #2274a5;
}

#cardContainer {
	height: 350px;
}

/* -- preferiti -- */

.noPreferito:hover {
	color: #ff6554;
}
/* 
.noPreferito {
	color: white;
}

.preferito:hover {
	color: white;
} */

.rosso {
	color: #ff6554;
}


.noPreferito:hover {
	color: #ff6554;
}

.noPreferito {
	color: black;
}

.preferito:hover {
	color: black;
}


.btn-marrone {
    color: #fff;
    background-color: #a44a3f;
    border-color: #a44a3f;
}

.btn-marrone:hover {
    color: #fff;
    background-color: #833a31;
    border-color: #7a362e;
}

.btn-marrone:focus {
    box-shadow: 0 0 0 0.25rem rgba(164, 74, 63, 0.5);
}

.btn-marrone:active {
    color: #fff;
    background-color: #7a362e;
    border-color: #72332c;
    box-shadow: inset 0 3px 5px rgba(15, 19, 33, 0.125);
}

.btn-marrone:disabled {
    color: #fff;
    background-color: #a44a3f;
    border-color: #a44a3f;
}

.dropdown-item:hover {
    background-color: #a44a3f !important;
    color: white !important;
}

.dropdown-item.active {
    background-color: #94af48 !important;
    color: white !important;
    font-weight: 600;
}

.dropdown-item.active:hover {
	background-color: #7f9440 !important;
}

/* Modal - mantiene il contenuto sopra backdrop e menu sticky */
#modalPopup.modal,
#modalPrenotazione.modal,
#modalReindirizzamentoLogin.modal {
	z-index: 20000 !important;
	position: fixed !important;
}
#modalPopup .modal-dialog,
#modalPrenotazione .modal-dialog,
#modalReindirizzamentoLogin .modal-dialog {
	z-index: 20001 !important;
	position: relative;
}
.modal-backdrop {
	z-index: 19990 !important;
	position: fixed !important;
}
body.modal-open {
	overflow: hidden !important;
}
/* Evita sovrapposizione card nella modal */
#modalPopup .modal-body .col-lg-12 {
	position: relative;
	z-index: 1;
	isolation: isolate;
}

/* Eventi in evidenza: copertina meno alta su mobile */
.evento-in-evidenza-copertina {
	min-height: 220px;
}
@media (min-width: 768px) {
	.evento-in-evidenza-copertina {
		min-height: 600px;
	}
}