/* =============================================================================
   CORREÇÃO DEFINITIVA BOTÃO LOGIN - Portal MeMude CRM
   Arquivo: /var/www/html/public/themes/memude/css/memude-login-fix.css
   ============================================================================= */

/* FORÇA BOTÃO LOGIN APARECER - ESPECIFICIDADE NUCLEAR */
button.primary-button,
.primary-button,
button[aria-label*="Acessar"],
button[aria-label*="Login"],
form button[class*="primary"] {
    background: linear-gradient(135deg, #5B49A0 0%, #FF366B 100%) !important;
    background-color: #5B49A0 !important;
    color: #FFFFFF !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
    line-height: 1.4 !important;
    padding: 12px 24px !important;
    border: none !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
    min-height: 44px !important;
    width: auto !important;
    min-width: 120px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    z-index: 9999 !important;
    position: relative !important;
}

/* HOVER EFFECT */
button.primary-button:hover,
.primary-button:hover,
button[aria-label*="Acessar"]:hover,
button[aria-label*="Login"]:hover,
form button[class*="primary"]:hover {
    background: linear-gradient(135deg, #473788 0%, #E62057 100%) !important;
    background-color: #473788 !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 14px rgba(91, 73, 160, 0.4) !important;
}

/* CORREÇÃO DOS CONTAINERS PAIS */
.box-shadow.flex.min-w-\[300px\].flex-col.rounded-md.bg-white,
.flex.items-center.justify-between.p-4,
form,
div[class*="flex"][class*="justify-between"] {
    height: auto !important;
    min-height: auto !important;
    overflow: visible !important;
}

/* ESPECIFICIDADE MÁXIMA - GARANTE QUE FUNCIONE */
html body div form button.primary-button,
html body div button.primary-button,
html body button.primary-button,
html body div[class*="flex"] button[class*="primary"],
html body form div button[class*="primary"] {
    background: linear-gradient(135deg, #5B49A0 0%, #FF366B 100%) !important;
    background-color: #5B49A0 !important;
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    height: auto !important;
    min-height: 44px !important;
    padding: 12px 24px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* FORCE OVERRIDE PARA QUALQUER TRANSPARÊNCIA */
button.primary-button:not([disabled]):not(.btn-outline):not(.btn-ghost),
button[class*="primary"]:not([disabled]):not(.btn-outline):not(.btn-ghost) {
    background: linear-gradient(135deg, #5B49A0 0%, #FF366B 100%) !important;
    background-color: #5B49A0 !important;
    color: #FFFFFF !important;
}

/* AUTO-FIX JAVASCRIPT INLINE */
/* Este script executa automaticamente quando a página carrega */
.memude-autofix::before {
    content: '';
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/* JAVASCRIPT INLINE QUE EXECUTA VIA CSS */
@media screen {
    html head {
        --memude-fix-exec: url("data:application/javascript,
            (function(){
                function fixMeMuseButton(){
                    const btn = document.querySelector('button.primary-button, button[aria-label*=\"Acessar\"]');
                    if(btn){
                        btn.style.cssText = 'background: linear-gradient(135deg, #5B49A0 0%, #FF366B 100%) !important; color: #FFFFFF !important; font-size: 16px !important; font-weight: 700 !important; padding: 12px 24px !important; border: none !important; border-radius: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 1 !important; visibility: visible !important; min-height: 44px !important; cursor: pointer !important;';
                    }
                }
                document.addEventListener('DOMContentLoaded', fixMeMuseButton);
                setTimeout(fixMeMuseButton, 100);
                setTimeout(fixMeMuseButton, 500);
                setTimeout(fixMeMuseButton, 1000);
            })();
        ");
    }
}