/**
 * DT Prenotazioni PA - correzioni minime di layout. Colori e font sono quelli di Bootstrap Italia / tema.
 *
 * @package DT_Prenotazioni_PA
 * @author  Digital-Tech Web Agency <https://www.digital-tech.cloud>
 */

.dtp-booking [hidden] {
	display: none !important;
}

/* Gli slot orari vanno a capo su schermi stretti. */
.dtp-booking .dtp-slots {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1rem;
}

.dtp-booking .dtp-slots .form-check-inline {
	margin-right: 0;
}

.dtp-booking .dtp-legend {
	font-size: 1rem;
	font-weight: 600;
	margin-bottom: 0.5rem;
}

/* Etichetta del campo sempre sopra al controllo (i campi sono inseriti dinamicamente). */
.dtp-booking .form-group label.active,
.dtp-booking .select-wrapper label.active {
	position: static;
	transform: none;
	display: block;
	margin-bottom: 0.25rem;
}

.dtp-booking .dtp-dl dt {
	font-weight: 600;
}

.dtp-booking .dtp-dl dd {
	margin-bottom: 0.75rem;
	overflow-wrap: anywhere;
}

/* Honeypot anti-spam: fuori schermo, non raggiungibile da tastiera. */
.dtp-booking .dtp-hp {
	position: absolute !important;
	left: -10000px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.dtp-booking .steppers-nav {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.dtp-booking .steppers-nav .steppers-btn-next,
.dtp-booking .steppers-nav .steppers-btn-confirm {
	margin-left: auto;
}

.dtp-booking .steppers-header li:not(.confirmed) .steppers-success {
	display: none;
}

.dtp-booking [data-dtp-errors]:focus,
.dtp-booking [data-dtp-heading]:focus {
	outline-offset: 4px;
}

.dtp-booking .gap-2 {
	gap: 0.5rem;
}

/* Segnalazioni: stato e storico per il cittadino. */
.dtp-report-timeline {
	list-style: none;
	padding: 0;
	margin: 0;
	border-left: 3px solid #d9dadb;
}

.dtp-report-timeline li {
	position: relative;
	padding: 0 0 1rem 1.25rem;
}

.dtp-report-timeline li::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 0.35rem;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: var(--bs-primary, #0b6e3e);
}

.dtp-report-timeline .dtp-report-when {
	display: block;
	font-size: 0.875rem;
	color: #5c6f82;
}

.dtp-report .form-control[type="file"] {
	padding: 0.5rem;
	height: auto;
}

/* Spazio tra i pulsanti del modulo e il riquadro "Quanto sono chiare le informazioni" del tema. */
.dtp-booking .steppers-nav {
	margin-bottom: 3rem;
}

/* Segnalazioni: mappa per scegliere il punto. */
.dtp-report .dtr-map {
	height: 320px;
	border-radius: 6px;
	border: 1px solid #d9dadb;
	z-index: 0;
}

/* Segnalazioni risolte (elenco pubblico). */
.dtp-report-resolved .dtp-badge-ok {
	background: #e6f4ea;
	color: #0b5d1e;
	font-weight: 600;
}

.dtp-report-resolved .dtp-resolved-cat,
.dtp-report-resolved .dtp-resolved-dates {
	font-size: 0.875rem;
	color: #5c6f82;
}