/**
 * Stili specifici della pagina alberi_censisci.php.
 * Bootstrap continua a gestire struttura, spaziature e componenti principali.
 */

#mappaAlberi {
    width: 100%;
    height: 430px;
    min-height: 320px;
}

.albero-vicino {
    cursor: pointer;
    background: #fff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.albero-vicino:hover,
.albero-vicino:focus-within,
.albero-vicino-attivo {
    border-color: var(--bs-success) !important;
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

.dato-gps {
    height: 100%;
    padding: 0.9rem 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: var(--bs-border-radius-lg);
    background: var(--bs-light);
}

.dato-gps span,
.dato-gps strong {
    display: block;
}

.dato-gps span {
    margin-bottom: 0.25rem;
    color: var(--bs-secondary-color);
    font-size: 0.85rem;
}

.min-w-0 {
    min-width: 0;
}

@media (max-width: 575.98px) {
    #mappaAlberi {
        height: 360px;
    }
}