/* Estilo para dropdown de sugestões de endereço */
.position-relative .position-absolute {
    top: 100%;
    left: 0;
    margin-top: 4px;
}

.position-relative .position-absolute > div {
    border-bottom: 1px solid var(--default-border);
    transition: background-color 0.2s ease;
}

.position-relative .position-absolute > div:last-child {
    border-bottom: none;
}

.position-relative .position-absolute > div:hover {
    background-color: var(--list-hover-focus-bg) !important;
}

/* Marcadores do mapa */
.marker-nova-solicitacao {
    transition: transform 0.2s ease;
}

.marker-nova-solicitacao:hover {
    transform: scale(1.15);
}

/* Melhorar o hover dos botões no header do modal */
.modal-header .btn-sm {
    font-size: 0.875rem;
    padding: 0.375rem 0.75rem;
}

/* Scroll suave para a lista de pontos */
.list-group {
    scrollbar-width: thin;
    scrollbar-color: var(--gray-4) var(--gray-1);
}

.list-group::-webkit-scrollbar {
    width: 6px;
}

.list-group::-webkit-scrollbar-track {
    background: var(--gray-1);
    border-radius: 3px;
}

.list-group::-webkit-scrollbar-thumb {
    background: var(--gray-4);
    border-radius: 3px;
}

.list-group::-webkit-scrollbar-thumb:hover {
    background: var(--gray-5);
}

/* Ajustar gap no header */
.modal-header .gap-2 {
    gap: 0.5rem !important;
}

/* Animação suave para mudança de aba */
.tab-pane {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}