/* =========================================================
 * Lingo4All — Branding sutil para o cofre key.lingo4all.com
 * Carregado via <link> injetado no index.html (Dockerfile).
 * O CSS nativo do Vaultwarden (que adiciona o logo permanente
 * no header via bit-nav-logo) é servido dinamicamente pelo
 * Rust — não tente sobrescrevê-lo.
 * ========================================================= */

:root {
    --lingo4all-primary: #1A365D;
    --lingo4all-primary-hover: #142a4a;
    --lingo4all-accent: #A01D29;
}

/* Botões primários */
.btn-primary,
button.tw-bg-primary-600,
button.tw-bg-primary-500 {
    background-color: var(--lingo4all-primary) !important;
    border-color: var(--lingo4all-primary) !important;
}
.btn-primary:hover,
button.hover\:tw-bg-primary-700:hover {
    background-color: var(--lingo4all-primary-hover) !important;
    border-color: var(--lingo4all-primary-hover) !important;
}

/* Links primários */
a.text-primary,
a.tw-text-primary-500,
a.tw-text-primary-600 {
    color: var(--lingo4all-primary) !important;
}
a.text-primary:hover,
a.tw-text-primary-500:hover {
    color: var(--lingo4all-primary-hover) !important;
}

/* Borda primária (inputs em foco) */
.form-control:focus {
    border-color: var(--lingo4all-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(26, 54, 93, 0.25) !important;
}

/* Ilustrações de fundo (login pages) */
.tw-fill-illustration-bg-primary { fill: var(--lingo4all-primary) !important; opacity: 0.85; }
.tw-fill-illustration-logo       { fill: var(--lingo4all-primary) !important; }

/* Acento bordô em hovers de elementos destrutivos */
.btn-danger:hover {
    background-color: var(--lingo4all-accent) !important;
    border-color: var(--lingo4all-accent) !important;
}

/* ============================================================
 * LOGO 1/2 — Splash inicial (antes do Angular subir).
 * <img class="new-logo-themed"> no index.html.
 * ============================================================ */
.theme_light img.new-logo-themed,
img.new-logo-themed {
    content: url(../images/logo-dark.png) !important;
    width: auto !important;
    max-width: 220px !important;
    max-height: 70px !important;
    object-fit: contain !important;
}
.theme_dark img.new-logo-themed {
    content: url(../images/logo-white.png) !important;
}

/* ============================================================
 * LOGO 2/2 — Header da página de login/landing renderizada
 * pelo Angular. Estrutura DOM:
 *   <bit-landing-header><header><a href="#/">
 *       <bit-svg><svg viewBox="0 0 290 60">
 *           <path class="tw-fill-marketing-logo" d="..."/>
 *
 * O <path> é gerado por Angular AOT (não dá pra trocar o "d").
 * Estratégia: esconder o SVG inteiro e pintar o <a> pai com
 * nosso PNG via background-image.
 * ============================================================ */
bit-landing-header header a bit-svg,
bit-landing-header header a svg {
    display: none !important;
}
bit-landing-header header a {
    background-image: url(../images/logo-dark.png) !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    background-size: contain !important;
    min-height: 50px !important;
    width: 200px !important;
}
.theme_dark bit-landing-header header a {
    background-image: url(../images/logo-white.png) !important;
}

/* ============================================================
 * LOGO 3 — Sidebar da app autenticada (bit-nav-logo).
 * Estratégia: esconder TUDO dentro do <bit-nav-logo> via
 * descendant selector amplo, e pintar o próprio bit-nav-logo
 * com nosso logo branco como background.
 * ============================================================ */
bit-nav-logo {
    display: block !important;
    background-image: url(../images/logo-white-final.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 6px 12px !important;
    margin: 8px 0 24px 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}
/* Esconde QUALQUER conteúdo dentro do bit-nav-logo (SVG inline,
   spans com texto "Vaultwarden Password Manager", ícones, etc) */
bit-nav-logo *,
bit-nav-logo > *,
bit-nav-logo bit-nav-item,
bit-nav-logo svg,
bit-nav-logo span,
bit-nav-logo a,
bit-nav-logo i,
bit-nav-logo bit-svg {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}
/* Anula o :before do CSS dinâmico do Vaultwarden (não duplica) */
bit-nav-logo:before,
bit-nav-logo bit-nav-item a:before {
    content: none !important;
    background-image: none !important;
    height: 0 !important;
    display: none !important;
}