/*
 * Stile minimo di base. La grafica definitiva si costruisce sostituendo i template
 * dal tema (cartella mv-richieste-vivai/) e aggiungendo il proprio CSS.
 */

.mvrv-account,
.mvrv-admin-offerta {
	--mvrv-accent: #e8590c;
	--mvrv-muted: #6b6b6b;
	--mvrv-border: #e5e5e5;
}

.mvrv-empty {
	padding: 24px;
	border: 1px dashed var(--mvrv-border);
	border-radius: 8px;
	text-align: center;
}

.mvrv-excerpt {
	color: var(--mvrv-muted);
	font-size: 0.9em;
}

.mvrv-badge {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	background: #f2f2f2;
	font-size: 0.85em;
	white-space: nowrap;
}

.mvrv-badge--approvata,
.mvrv-badge--inoltrata {
	background: #fff4e6;
	color: #a34a00;
}

.mvrv-badge--conclusa {
	background: #ebfbee;
	color: #2b8a3e;
}

.mvrv-badge--ritirata,
.mvrv-badge--scaduta,
.mvrv-badge--scartata,
.mvrv-badge--annullata {
	background: #f1f3f5;
	color: var(--mvrv-muted);
}

.mvrv-pagination {
	display: flex;
	gap: 12px;
	align-items: center;
	justify-content: center;
	margin-top: 16px;
}

.mvrv-dettaglio__testo {
	padding: 16px;
	background: #f7f7f7;
	border-radius: 8px;
	margin-bottom: 16px;
}

.mvrv-dettaglio__foto {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 16px;
}

.mvrv-dettaglio__foto img {
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 6px;
	display: block;
}

.mvrv-dettaglio__dati th {
	width: 180px;
}

/* Offerta del vivaio */

.mvrv-offerta {
	margin-top: 32px;
}

.mvrv-offerta__sezione {
	margin-bottom: 24px;
}

.mvrv-offerta .mvrv-field {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 12px;
}

.mvrv-offerta .mvrv-field input,
.mvrv-offerta .mvrv-field select,
.mvrv-offerta .mvrv-field textarea {
	width: 100%;
	box-sizing: border-box;
}

.mvrv-offerta abbr {
	color: #b32d2e;
	text-decoration: none;
}

.mvrv-pianta {
	border: 1px solid var(--mvrv-border);
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 12px;
}

.mvrv-pianta__testa {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.mvrv-pianta__rimuovi {
	border: 0;
	background: none;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	color: var(--mvrv-muted);
}

.mvrv-pianta__corpo {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.mvrv-pianta__foto {
	flex: 0 0 140px;
}

.mvrv-pianta__anteprima {
	width: 140px;
	height: 140px;
	border-radius: 6px;
	background: #f7f7f7;
	overflow: hidden;
	margin-bottom: 8px;
}

.mvrv-pianta__anteprima img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mvrv-pianta__carica {
	display: block;
	font-size: 0.9em;
	cursor: pointer;
}

.mvrv-pianta__carica span {
	display: block;
	color: var(--mvrv-accent);
	font-weight: 600;
}

.mvrv-pianta__carica input {
	max-width: 140px;
	font-size: 0.8em;
}

.mvrv-pianta__campi {
	flex: 1 1 260px;
	min-width: 0;
}

.mvrv-pianta__numeri {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.mvrv-pianta__totale {
	display: block;
	padding: 8px 0;
	font-weight: 600;
}

.mvrv-offerta__colonne {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.mvrv-offerta__colonne > .mvrv-offerta__sezione {
	flex: 1 1 360px;
	min-width: 0;
}

.mvrv-offerta__riga {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 12px;
}

.mvrv-pagamenti {
	display: grid;
	gap: 8px;
}

.mvrv-pagamento,
.mvrv-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.mvrv-pagamento {
	border: 1px solid var(--mvrv-border);
	border-radius: 8px;
	padding: 12px;
	cursor: pointer;
}

.mvrv-pagamento input,
.mvrv-check input {
	margin-top: 4px;
}

.mvrv-riepilogo {
	flex: 0 1 280px;
	align-self: flex-start;
	background: #f7f7f7;
	border-radius: 8px;
	padding: 16px;
}

.mvrv-riepilogo dl {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 6px 12px;
	margin: 0 0 12px;
}

.mvrv-riepilogo dd {
	margin: 0;
	text-align: right;
}

.mvrv-riepilogo .mvrv-riepilogo__totale {
	font-weight: 700;
	padding-top: 6px;
	border-top: 1px solid var(--mvrv-border);
}

.mvrv-offerta__invio {
	border-top: 1px solid var(--mvrv-border);
	padding-top: 16px;
}

.mvrv-offerta__invio .mvrv-button {
	margin-top: 12px;
}

.mvrv-errore {
	display: block;
	color: #b32d2e;
	font-size: 0.9em;
	margin-top: 4px;
}

.mvrv-field--error input,
.mvrv-field--error textarea,
.mvrv-field--error select {
	border-color: #b32d2e;
}

.mvrv-piante-tabella__foto {
	float: left;
	width: 56px;
	height: 56px;
	object-fit: cover;
	border-radius: 4px;
	margin: 0 10px 4px 0;
}

.mvrv-ritiro {
	margin-top: 24px;
	padding: 16px;
	border: 1px solid #ffd8a8;
	background: #fff9f0;
	border-radius: 8px;
}

.mvrv-ritiro summary {
	cursor: pointer;
	font-weight: 600;
}

.mvrv-ritiro form {
	margin-top: 12px;
}

@media (max-width: 600px) {
	.mvrv-pianta__numeri {
		grid-template-columns: 1fr 1fr;
	}

	.mvrv-pianta__foto,
	.mvrv-riepilogo {
		flex-basis: 100%;
	}
}

.mvrv-badge--da_compilare {
	background: #fff4e6;
	color: #a34a00;
}

.mvrv-badge--in_approvazione {
	background: #e7f5ff;
	color: #1864ab;
}

.mvrv-badge--da_correggere {
	background: #fff5f5;
	color: #c92a2a;
}

.mvrv-offerta [hidden] {
	display: none !important;
}

/* Fase 6: offerte a confronto per il cliente, scelta e contatti. */

.mvrv-dettaglio__richiesta {
	margin-bottom: 20px;
}

.mvrv-dettaglio__richiesta summary {
	cursor: pointer;
	font-weight: 600;
}

.mvrv-confronto {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.mvrv-scheda {
	border: 1px solid var(--mvrv-border);
	border-radius: 8px;
	padding: 16px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.mvrv-scheda--scelta {
	border-color: #2b8a3e;
	box-shadow: 0 0 0 1px #2b8a3e;
}

.mvrv-scheda__testa {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.mvrv-scheda__testa h4 {
	margin: 0;
	flex: 1 1 auto;
}

.mvrv-scheda__totale {
	font-size: 1.3em;
	font-weight: 700;
}

.mvrv-scheda__piante {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mvrv-scheda__piante li {
	overflow: hidden;
	padding: 8px 0;
	border-bottom: 1px solid var(--mvrv-border);
}

.mvrv-scheda__prezzo {
	float: right;
}

.mvrv-scheda__dati {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 4px 12px;
	margin: 0;
}

.mvrv-scheda__dati dd {
	margin: 0;
	text-align: right;
}

.mvrv-scegli {
	margin-top: auto;
}

.mvrv-scegli summary {
	list-style: none;
	cursor: pointer;
	text-align: center;
	width: 100%;
}

.mvrv-scegli summary::-webkit-details-marker {
	display: none;
}

.mvrv-scegli[open] summary {
	display: none;
}

.mvrv-scegli form {
	display: grid;
	gap: 12px;
}

.mvrv-scegli fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.mvrv-scegli legend {
	font-weight: 600;
	margin-bottom: 8px;
}

.mvrv-contatti {
	margin: 0 0 24px;
	padding: 16px;
	border: 1px solid #b2f2bb;
	background: #ebfbee;
	border-radius: 8px;
}

.mvrv-contatti h4 {
	margin-top: 0;
}

.mvrv-badge--attesa_sblocco,
.mvrv-badge--attesa_pagamento,
.mvrv-badge--scelta {
	background: #e7f5ff;
	color: #1864ab;
}

.mvrv-badge--revocata {
	background: #f1f3f5;
	color: var(--mvrv-muted);
}

.mvrv-azione {
	margin-top: 16px;
}