/* =========================================================
   POPUPS.CSS - Sistema Unificado de Popups (Leaflet)
   Versão: 4.1 - AJUSTADO: Largura do campo cod_imovel
   Projeto: MPPE Caatinga Resiste 2026
========================================================= */

/* ===== WRAPPER DO POPUP LEAFLET ===== */
.leaflet-popup-content-wrapper.custom-popup {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.leaflet-popup-content-wrapper.custom-popup .leaflet-popup-content {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: auto !important;
    min-width: 350px; /* Aumentado para acomodar código CAR */
    max-width: 500px;
}

/* Esconde a setinha padrão */
.leaflet-popup-tip {
    display: none !important;
}

/* ===== CONTAINER DO POPUP (REUTILIZA TOOLTIP) ===== */
.popup-container {
    min-width: 380px; /* Aumentado para acomodar código CAR */
    max-width: 550px;
}

/* O tooltip-info-value dentro do popup herda os estilos do tooltips.css */
/* Mas garantimos que no popup também tenha scroll horizontal */

/* ===== AÇÕES DO POPUP ===== */
.popup-actions {
    display: flex;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg);
    border-top: 1px solid var(--border-light);
    background: var(--bg-secondary);
}

.popup-btn {
    flex: 1;
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: bold;
    cursor: pointer;
    border: none;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    transition: all var(--transition-fast);
}

.popup-btn:hover {
    transform: translateY(-1px);
}

.popup-btn.laudo {
    background: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid var(--border-medium);
}

.popup-btn.laudo:hover {
    background: var(--border-light);
}

.popup-btn.dashboard {
    background: var(--color-primary);
    color: var(--text-light);
}

.popup-btn.dashboard:hover {
    background: var(--color-primary-dark);
}

/* ===== ESTILOS ESPECÍFICOS POR TIPO ===== */

/* -- Alertas -- */
.popup-container.alertas .popup-btn.dashboard {
    background: var(--color-alertas);
}

.popup-container.alertas .popup-btn.dashboard:hover {
    background: #E65100;
}

/* -- CAR -- */
.popup-container.car .popup-btn.dashboard {
    background: var(--color-car);
}

.popup-container.car .popup-btn.dashboard:hover {
    background: #703C10;
}

/* -- Unidades de Conservação -- */
.popup-container.uc .popup-btn.dashboard {
    background: var(--color-uc);
}

.popup-container.uc .popup-btn.dashboard:hover {
    background: #1B5E20;
}

/* -- Embargos -- */
.popup-container.embargos .popup-btn.dashboard {
    background: var(--color-embargos);
}

.popup-container.embargos .popup-btn.dashboard:hover {
    background: #8B0000;
}

/* ===== RESPONSIVIDADE ===== */
@media (max-width: 768px) {
    .leaflet-popup-content-wrapper.custom-popup .leaflet-popup-content {
        min-width: 300px;
        max-width: 380px;
    }
    
    .popup-container {
        min-width: 300px;
        max-width: 380px;
    }
    
    .popup-actions {
        flex-direction: column;
        padding: var(--spacing-md);
    }
}