/*
 * Layout compacto (DID_LAYOUT_COMPACTO=true): topo, caminho (breadcrumb) e
 * rodapé mais baixos, para sobrar mais área de trabalho em monitores pequenos.
 * Só vale no desktop (>= 992px); no celular o layout já esconde o rodapé.
 * Carregado por último em layouts/did_head, sobrescreve did.css e did-widgets.css.
 */
@media (min-width: 992px) {
    body.layout-compacto {
        padding-top: 44px !important;
    }

    /* Topo: 64px -> 44px */
    body.layout-compacto .navbar-top,
    body.layout-compacto .navbar-top .container-fluid {
        height: 44px;
    }
    body.layout-compacto .navbar-top .mobitransit-brand-name { font-size: 1.15rem; }
    body.layout-compacto .titulo_pagina { font-size: .8rem; }
    body.layout-compacto .navbar-top .nav-link {
        height: 30px;
        line-height: 30px;
        padding: 0 10px !important;
        font-size: .82rem;
    }
    body.layout-compacto .navbar-top .material-symbols-outlined { font-size: 20px; }

    /* Caminho (breadcrumb): faixa de 30px + margens -> 18px colada no topo */
    body.layout-compacto > .col-md-12.d-flex.justify-content-end.mt-1.mb-1 {
        height: 18px;
        margin: 0 !important;
        padding: 0 12px !important;
    }
    body.layout-compacto .breadcrumbx-item a { font-size: .68rem !important; padding: 0 4px !important; }
    body.layout-compacto .breadcrumbx .material-symbols-outlined { font-size: 14px; }

    /* Rodapé: ~58px -> 44px, mesma altura do topo */
    body.layout-compacto .back-to-top {
        height: 44px !important;
        padding: 0 16px !important;
        display: flex !important;
        align-items: center;
    }
    body.layout-compacto .did-footer-logo { height: 28px; }
    body.layout-compacto .back-to-top .rodape_texto { font-size: .66rem; line-height: 1.2 !important; }

    /* Conteúdo reserva só a altura do rodapé (antes 70px) */
    body.layout-compacto { padding-bottom: 44px !important; }
    body.layout-compacto > .container-fluid { padding-bottom: 52px !important; }
}