/* _content/Broker360UI/Components/Layout/Footer.razor.rz.scp.css */
/* Footer Styles - Broker 360 */

/* ===========================================
   VARIÁVEIS DE CORES (Fácil customização)
   =========================================== */
:root[b-n7nrb68mc8] {
    /* Cores principais do footer */
    --footer-bg-primary: rgba(0, 109, 119, 0.95);
    --footer-bg-secondary: rgba(0, 94, 104, 1);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: rgba(255, 255, 255, 0.8);
    --footer-text-muted: rgba(255, 255, 255, 0.6);
    
    /* Cores de destaque */
    --footer-accent-color: #17a2b8;
    --footer-hover-color: rgba(255, 255, 255, 0.1);
    --footer-border-color: rgba(255, 255, 255, 0.2);
    
    /* Cores dos links */
    --footer-link-color: rgba(255, 255, 255, 0.9);
    --footer-link-hover-color: #ffffff;
    
    /* Cores dos cards/papers */
    --footer-card-bg: rgba(255, 255, 255, 0.05);
    --footer-card-border: rgba(255, 255, 255, 0.1);
    
    /* Cores dos alertas */
    --footer-alert-bg: rgba(23, 162, 184, 0.1);
    --footer-alert-border: rgba(23, 162, 184, 0.3);
}

/* ===========================================
   ESTILOS DO FOOTER
   =========================================== */

/* Container principal do footer */
.footer-main-container[b-n7nrb68mc8] {
    background: linear-gradient(135deg, var(--footer-bg-primary) 0%, var(--footer-bg-secondary) 100%) !important;
    color: var(--footer-text-primary) !important;
}

/* Títulos das seções */
.footer-section-title[b-n7nrb68mc8] {
    color: var(--footer-text-primary) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Texto padrão do footer */
.footer-text-color[b-n7nrb68mc8] {
    color: var(--footer-text-secondary) !important;
}

/* Links do footer */
.footer-text-link[b-n7nrb68mc8] {
    color: var(--footer-link-color) !important;
    transition: color 0.3s ease, background-color 0.3s ease !important;
    text-decoration: none !important;
}

.footer-text-link:hover[b-n7nrb68mc8] {
    color: var(--footer-link-hover-color) !important;
    background-color: var(--footer-hover-color) !important;
    text-decoration: none !important;
    transform: translateX(2px);
}

/* Paper de contato */
.footer-contact-paper[b-n7nrb68mc8] {
    background-color: var(--footer-card-bg) !important;
    border: 1px solid var(--footer-card-border) !important;
    backdrop-filter: blur(5px);
}

/* Estilo dos alertas no footer */
.footer-alert-style[b-n7nrb68mc8] {
    background-color: var(--footer-alert-bg) !important;
    border: 1px solid var(--footer-alert-border) !important;
    color: var(--footer-text-primary) !important;
}

/* Ícones do footer */
.footer-icon[b-n7nrb68mc8] {
    color: var(--footer-accent-color) !important;
    transition: color 0.3s ease, transform 0.3s ease !important;
}

.footer-icon:hover[b-n7nrb68mc8] {
    color: var(--footer-text-primary) !important;
    transform: scale(1.1);
}

/* Botões de redes sociais */
.footer-social-button[b-n7nrb68mc8] {
    color: var(--footer-accent-color) !important;
    transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease !important;
}

.footer-social-button:hover[b-n7nrb68mc8] {
    color: var(--footer-text-primary) !important;
    background-color: var(--footer-hover-color) !important;
    transform: scale(1.1);
}

/* Divider do footer */
.footer-divider[b-n7nrb68mc8] {
    background-color: var(--footer-border-color) !important;
}

/* Botão de suporte */
.footer-support-button[b-n7nrb68mc8] {
    background-color: var(--footer-accent-color) !important;
    color: var(--footer-text-primary) !important;
    transition: background-color 0.3s ease, transform 0.3s ease !important;
}

.footer-support-button:hover[b-n7nrb68mc8] {
    background-color: rgba(23, 162, 184, 0.8) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

/* Grupo de botões do footer */
.footer-button-group .mud-button[b-n7nrb68mc8] {
    color: var(--footer-link-color) !important;
    transition: color 0.3s ease, background-color 0.3s ease !important;
}

.footer-button-group .mud-button:hover[b-n7nrb68mc8] {
    color: var(--footer-link-hover-color) !important;
    background-color: var(--footer-hover-color) !important;
}

/* Lista de links no footer */
.footer-link-list .mud-list-item[b-n7nrb68mc8] {
    border-radius: 4px;
    transition: background-color 0.3s ease !important;
}

.footer-link-list .mud-list-item:hover[b-n7nrb68mc8] {
    background-color: var(--footer-hover-color) !important;
}

/* Avatar do logo */
.footer-logo-avatar img[b-n7nrb68mc8] {
    filter: brightness(1.1) contrast(1.1);
    transition: filter 0.3s ease !important;
}

.footer-logo-avatar:hover img[b-n7nrb68mc8] {
    filter: brightness(1.3) contrast(1.2);
}

/* Responsividade para telas menores */
@media (max-width: 600px) {
    .footer-section-title[b-n7nrb68mc8] {
        font-size: 1.1rem !important;
    }
    
    .footer-text-color[b-n7nrb68mc8] {
        font-size: 0.85rem !important;
    }
    
    .footer-contact-paper[b-n7nrb68mc8] {
        padding: 12px !important;
    }
}

/* ===========================================
   TEMAS ALTERNATIVOS (descomente para usar)
   =========================================== */

/* Tema Escuro Moderno 
:root {
    --footer-bg-primary: rgba(33, 37, 41, 0.95);
    --footer-bg-secondary: rgba(23, 27, 31, 1);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: rgba(255, 255, 255, 0.8);
    --footer-accent-color: #007bff;
}
*/

/* Tema Verde Corporativo 
:root {
    --footer-bg-primary: rgba(40, 167, 69, 0.95);
    --footer-bg-secondary: rgba(34, 139, 59, 1);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: rgba(255, 255, 255, 0.9);
    --footer-accent-color: #ffc107;
}
*/

/* Tema Roxo Elegante 
:root {
    --footer-bg-primary: rgba(102, 16, 242, 0.95);
    --footer-bg-secondary: rgba(85, 13, 201, 1);
    --footer-text-primary: #ffffff;
    --footer-text-secondary: rgba(255, 255, 255, 0.8);
    --footer-accent-color: #17a2b8;
}
*/
/* _content/Broker360UI/Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-27n47rcubr] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-27n47rcubr] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.mud-toggle-item.mud-selected[b-27n47rcubr] {
    background-color: #1976d2 !important;
    border-radius: 6px;
    padding: 4px;
}

    .mud-toggle-item.mud-selected img[b-27n47rcubr] {
        filter: brightness(1.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    }