/*
CSS
para
ocultar
ícones
de
notificação
*/

/* CSS para ocultar ícones de notificação */

/* Ocultar os ícones de notificação (sininho) e os ícones de cifrão ($) */
.main-header-message .fa-dollar,
.main-header-notification .fa-bell {
    display: none !important;
}

/* Ocultar os badges/contadores de notificação */
.header-badge,
.badge.header-badge {
    display: none !important;
}

/* Manter a funcionalidade mas ocultar visualmente os elementos */
.main-header-message .new.nav-link,
.main-header-notification .new.nav-link {
    pointer-events: all; /* Mantém clicável */
}

/* Ocultar o número de notificações dentro dos dropdowns */
.dropdown-title-text.subtext.mb-0.op-6.pb-0.tx-12 {
    visibility: hidden;
}

/* ===== OCULTAR CARDS ESPECÍFICOS DO DASHBOARD ===== */

/* Método 1: Ocultar a última linha do dashboard que contém esses cards */
.mt-4.justify-content-between + .row {
    display: none !important;
}

/* Método 2: Ocultar pelos links específicos - seletores alternativos */
a[href="tarefas"],
a[href="receber"] {
    display: none !important;
}

/* Método 3: Ocultar elementos com ícones específicos desses cards */
.fe-shopping-bag, 
.fe-dollar-sign {
    visibility: hidden;
}

/* CSS para padronizar as páginas de login no sistema PlayTechEdu */

/* Remover fundo verde das páginas de login */
body.error-page1 {
    background-color: #ffffff !important;
    overflow-x: hidden;
}

/* Ocultar elementos decorativos com fundo verde */
.square-box {
    display: none !important;
}

/* Garantir que o wrapper de login ocupe toda a página sem mostrar o fundo */
.login-wrapper {
    width: 100%;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Cor roxa padronizada para todo o sistema */
:root {
    --playtech-purple: #8C52FF;
    --playtech-purple-hover: #7745e0;
}

/* Corrigir o header do modal para usar a mesma cor roxa do tema */
.modal-header.bg-primary {
    background-color: var(--playtech-purple) !important;
}

/* Corrigir botões com classe btn-primary para usar a cor roxa */
.btn-primary {
    background-color: var(--playtech-purple) !important;
    border-color: var(--playtech-purple) !important;
}

.btn-primary:hover {
    background-color: var(--playtech-purple-hover) !important;
    border-color: var(--playtech-purple-hover) !important;
}

/* Garantir que o rodapé tenha uma aparência consistente */
.footer {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    width: 100%;
    z-index: 100; /* Garantir que esteja acima de outros elementos */
}

/* Comportamento padrão para desktop */
@media (min-width: 993px) {
    .footer {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}

/* Ajustes para os elementos de login específicos */
.login-image {
    background-color: var(--playtech-purple);
}

.login-form {
    background-color: #ffffff;
}

/* Assegurar que não haja bordas verdes em nenhum elemento */
*[class*="bg-primary"] {
    background-color: var(--playtech-purple) !important;
}

/* Fix para dispositivos móveis */
@media (max-width: 992px) {
    body {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }
    
    .login-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        min-height: calc(100vh - 60px); /* Altura total menos o espaço do footer */
        flex: 1;
    }
    
    /* Garantir que o rodapé fique no final da página em mobile */
    .footer {
        position: relative !important;
        margin-top: auto !important;
        bottom: auto !important;
    }
    
    /* Ajuste para garantir que o conteúdo principal ocupe espaço suficiente */
    .login-form {
        flex: 1 0 auto;
        margin-bottom: 60px; /* Espaço para o footer */
    }
}