/* ======================= CO-BRANDING eaula x FACOB =======================
   Lockup de parceria: marca eaula | marca FACOB, separadas por um
   divisor vertical. Renderizado por portal/views/template/_cobrand.php.

   As duas marcas sao dimensionadas pela ALTURA (width:auto), nunca pela
   caixa — proporcoes diferentes (o lockup eaula e 3.66:1, o da FACOB e
   3.13:1) so equilibram opticamente por altura.
   --cb-partner-scale existe para o ajuste fino final.

   ESPECIFICIDADE: o componente e injetado em 5 folhas de estilo diferentes,
   varias com regras soltas do tipo `.algum-bloco span` ou `.algum-bloco img`
   que sobrescreveriam o display/tamanho. Por isso toda regra estrutural usa
   dois seletores de classe (.cb .cb-algo / .cb.cb-root) — o suficiente para
   ganhar de `.host elemento` sem recorrer a !important.
   ========================================================================= */

.cb {
    --cb-h: 34px;               /* altura de referencia do lado eaula */
    --cb-gap: 14px;             /* respiro de cada lado do divisor */
    --cb-mark-scale: 0.88;      /* icone eaula vs. altura de referencia */
    --cb-partner-scale: 1;      /* lockup FACOB equilibra 1:1 com o lockup eaula */
    --cb-name-size: 13px;
    --cb-div-color: rgba(45, 0, 93, .18);
    --cb-name-color: #2d005d;
}

.cb.cb-root {
    display: inline-flex;
    align-items: center;
    gap: var(--cb-gap);
    line-height: 1;
    vertical-align: middle;
    text-decoration: none;
    max-width: 100%;
}

.cb .cb-side {
    display: inline-flex;
    align-items: center;
    gap: .38em;
    font-size: var(--cb-name-size);
    min-width: 0;
}

.cb .cb-lockup {
    height: var(--cb-h);
    width: auto;
    max-width: none;
    display: block;
    flex: 0 0 auto;
}

.cb .cb-mark {
    height: calc(var(--cb-h) * var(--cb-mark-scale));
    width: auto;
    max-width: none;
    display: block;
    flex: 0 0 auto;
}

.cb .cb-mark--partner {
    height: calc(var(--cb-h) * var(--cb-partner-scale));
}

.cb .cb-name {
    display: inline-block;
    font-family: 'Inter', 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.01em;
    white-space: nowrap;
    color: var(--cb-name-color);
    margin: 0;
}

.cb .cb-div {
    display: block;
    flex: 0 0 1px;
    width: 1px;
    height: calc(var(--cb-h) * 1.15);
    background: var(--cb-div-color);
}

/* ---------- variante escura (fundos roxos / dark mode) ---------- */
.cb--dark {
    --cb-div-color: rgba(255, 255, 255, .28);
    --cb-name-color: rgba(255, 255, 255, .92);
}

/* ---------- tamanhos ---------- */
.cb--lg { --cb-h: 52px; --cb-gap: 20px; --cb-name-size: 19px; }
.cb--md { --cb-h: 34px; --cb-gap: 14px; --cb-name-size: 13px; }
.cb--sm { --cb-h: 28px; --cb-gap: 11px; --cb-name-size: 12px; }
.cb--xs { --cb-h: 24px; --cb-gap: 9px;  --cb-name-size: 11px; }
.cb--sb { --cb-h: 27px; --cb-gap: 10px; --cb-name-size: 12px; }

/* O painel roxo do login tem 45% da largura; entre 769px e 1100px o lg
   nao cabe folgado, entao cai para uma escala intermediaria. */
@media (max-width: 1100px) {
    .cb--lg { --cb-h: 40px; --cb-gap: 15px; --cb-name-size: 15px; }
}


/* ==================== INTEGRACAO COM AS SIDEBARS ====================
   Mantido aqui, e nao em style-sidebar.css / style-admin.css, para
   concentrar a mudanca em arquivos novos (a branch estudemais recebe
   merges da main e nunca volta para ela).
   ==================================================================== */

/* ---------- Portal do aluno: 240px expandida, 62px colapsada ---------- */
.sb-logo {
    overflow: hidden;   /* clipa o lado parceiro quando a sidebar colapsa */
}

.sb-logo .cb-div,
.sb-logo .cb-side--partner,
.sb-logo .cb-name--eaula {
    transition: opacity .15s;
}

.std-sidebar.collapsed .sb-logo .cb-div,
.std-sidebar.collapsed .sb-logo .cb-side--partner,
.std-sidebar.collapsed .sb-logo .cb-name--eaula {
    opacity: 0;
    pointer-events: none;
}

/* No dark mode da sidebar as duas marcas ficam brancas: e um lockup de
   parceria, os dois lados precisam do mesmo peso. */
.std-sidebar.sb-dark .sb-logo .cb-name {
    color: rgba(255, 255, 255, .92);
}

/* ---------- Portal do colaborador: 260px expandida, 78px colapsada ---------- */
.sidebar .logo-details {
    overflow: hidden;
}

.sidebar .logo-details .cb-div,
.sidebar .logo-details .cb-side--partner,
.sidebar .logo-details .cb-name--eaula {
    transition: opacity .3s ease;
    transition-delay: .1s;
}

.sidebar.close-hover .logo-details .cb-div,
.sidebar.close-hover .logo-details .cb-side--partner,
.sidebar.close-hover .logo-details .cb-name--eaula {
    transition-delay: 0s;
    opacity: 0;
    pointer-events: none;
}