/* ============================================================
   1. BRANDING: LOGO & TAGLINE ALIGNMENT
   ============================================================ */
.navbar-brand {
    display: flex;
    align-items: center; /* Vertically centers tagline with logo */
}

.site-description {
    margin-left: 20px; 
    margin-top: 0; 
    font-size: 34px !important; /* Large visible tagline */
    font-weight: normal;
}

/* ============================================================
   2. HEADER & MENU: FORCE SINGLE LINE (10 ITEMS)
   ============================================================ */
.container-header, .mod-menu {
    max-width: 100% !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
}

@media (min-width: 992px) {
    .container-header .mod-menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        list-style: none;
        padding: 0 10px;
    }
    /* Hide 'Início' text on desktop, show only icon */
    .mod-menu li:first-child a span.menu-item-title { display: none !important; }
    .mod-menu li:first-child a i.fa-home { font-size: 1.5rem !important; color: #fff; }
    
    .mod-menu li a {
        display: inline-flex;
        align-items: center;
        font-size: 1rem; 
        padding: 10px 6px !important;
        white-space: nowrap;
        color: #fff !important;
    }
}

/* ============================================================
   3. GREETING & SAIR BUTTON: ALIGNMENT & SIZE
   ============================================================ */
.mod-login-logout, 
div:has(> .login-greeting) {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0;
    gap: 20px; /* Safety gap between text and button */
}

.login-greeting {
    font-size: 1.4rem !important;
    font-weight: bold;
    margin: 0 !important;
}

/* AMPLIADA VERSION OF LOGOUT BUTTON */
.logout-button button, .mod-login .btn {
    background-color: #002d62 !important; 
    color: #fff !important;
    padding: 10px 60px !important;
    min-width: 220px !important; 
    font-size: 1.1rem !important;
    font-weight: bold;
    border-radius: 6px;
    border: none !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

/* ============================================================
   4. BREADCRUMBS: CENTERED & SPACED
   ============================================================ */
.container-breadcrumb, .breadcrumb {
    margin-top: 15px !important;
    display: flex !important;
    justify-content: center !important; /* Centers "Você está aqui" */
    width: 100%;
}

/* ============================================================
   5. CLEANUP: KILL DUPLICATES & REDUNDANT TITLES
   ============================================================ */

/* Remove redundant H3 titles */
.mod-login h3, 
.mod-login-logout h3 { 
    display: none !important; 
}

/* Kill duplicate 'Sair' and Login forms in Main Content area */
main .com-users-logout, 
.com-users-logout-button,
main .com-users-login, 
main #login-form, 
.view-login #system-message-container + div .com-users-login {
    display: none !important;
}

/* Ensure Module version of login stays visible */
.mod-login #login-form {
    display: block !important;
}

/* Mobile fix for Home icon text */
@media (max-width: 991px) {
    .mod-menu li:first-child a span.menu-item-title { 
        display: inline-block !important;
        margin-left: 10px; 
    }
}