/* ============================================================================
// CARDEAL - FRONTEND | CSS - MAP_CLUSTER.CSS
// Arquivo    :  /home/aofilhoc/add-idigital/dev/flo/css/map-cluster.css
// Versão App :  3.65.2
// Versão Arq :  1.3.3
// Data       :  17/07/2026 - 20:50:32
// Foco       : Correção de Centralização (Zero Gap) no Modo Compactado
// ==========================================================================*/

.map-tools-cluster-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    z-index: 400 !important; /* Força subordinação a side panels/modais (geralmente > 1000) */
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Zera o gap quando compactado para evitar que espaços invisíveis empurrem o botão do centro */
.map-tools-cluster-container.collapsed {
    gap: 0 !important;
}

#btn-map-fab-trigger {
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    color: #999999 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    font-size: 1.1rem !important;
}

.map-tools-cluster-container.collapsed > *:not(#btn-map-fab-trigger) {
    max-width: 0 !important;
    opacity: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    transform: scale(0) !important;
}

.map-tools-cluster-container:not(.collapsed) > *:not(#btn-map-fab-trigger) {
    max-width: 100px;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.map-tools-cluster-container > * {
    transition: max-width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s ease-in-out,
                transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275),
                margin 0.35s ease,
                padding 0.35s ease;
}