/**
 * Plugin Ocultar Barras - Estilos
 * Oculta barra lateral e barra superior quando ativo
 */

/* Quando modo "ocultar barras" está ativo */
body.ocultar-barras-ativo #default-navbar,
body.ocultar-barras-ativo #left-menu-toggle-mask .sidebar,
body.ocultar-barras-ativo #mobile-bottom-menu {
    display: none !important;
}

/* Em tela cheia ignorar margens do page-container (ocupar toda a área) */
body.ocultar-barras-ativo #left-menu-toggle-mask .page-container,
body.ocultar-barras-ativo #left-menu-toggle-mask .overflow-auto.page-container {
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

/* Botão restaurar barras no header do dashboard – ao lado do dropdown; escondido por defeito, visível em tela cheia */
.ocultar-barras-restaurar-wrapper {
    display: none;
}

body.ocultar-barras-ativo .ocultar-barras-restaurar-wrapper {
    display: inline-block !important;
}

/* Mesma “bolinha” do dropdown do dashboard: branco, circular, sombra */
.ocultar-barras-restaurar-wrapper .dropdown-toggle {
    padding: 10px 12px;
    background: #fff;
    border-radius: 50%;
    box-shadow: -3px 7px 15px rgba(0, 0, 0, 0.1);
    transition: 0.3s;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}