/* =========================================================
   Marendaz Advogados — Identidade visual sobre o tema Metrica
   Paleta: dourado #d89f12 | creme #f8f5f0 | charcoal #1e1e1e
   Fontes: Gilda Display (títulos) · Barlow (corpo)
   Carregado DEPOIS de app.min.css para sobrescrever o tema.
   ========================================================= */

:root {
    --mz-gold:        #d89f12;
    --mz-gold-dark:   #b7850c;
    --mz-gold-soft:   #f6ead0;
    --mz-charcoal:    #1e1e1e;
    --mz-charcoal-2:  #282828;
    --mz-cream:       #f8f5f0;
    --mz-cream-2:     #f1eeeb;

    /* Bootstrap primary -> dourado */
    --bs-primary:      #d89f12;
    --bs-primary-rgb:  216, 159, 18;
    --bs-link-color:            #b7850c;
    --bs-link-hover-color:      #d89f12;
    --bs-link-color-rgb:        183, 133, 12;
    --bs-link-hover-color-rgb:  216, 159, 18;
}

/* ---------- Tipografia ---------- */
body {
    font-family: 'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--mz-cream);
    color: #333;
}
h1, h2, h3, h4, h5, h6,
.page-title, .menu-title, .card-title,
.brand .logo-text, .topbar-left .logo-text {
    font-family: 'Gilda Display', Georgia, 'Times New Roman', serif;
    letter-spacing: .2px;
}

/* ---------- Cor primária: botões, textos, fundos, badges ---------- */
.btn-primary {
    background-color: var(--mz-gold);
    border-color: var(--mz-gold);
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary.active, .btn-primary:first-child:active {
    background-color: var(--mz-gold-dark) !important;
    border-color: var(--mz-gold-dark) !important;
    color: #fff;
}
.btn-outline-primary {
    color: var(--mz-gold-dark);
    border-color: var(--mz-gold);
}
.btn-outline-primary:hover, .btn-outline-primary:active {
    background-color: var(--mz-gold) !important;
    border-color: var(--mz-gold) !important;
    color: #fff !important;
}
.btn-soft-primary {
    background-color: var(--mz-gold-soft);
    color: var(--mz-gold-dark);
    border-color: transparent;
}
.text-primary { color: var(--mz-gold-dark) !important; }
.bg-primary   { background-color: var(--mz-gold) !important; }
.badge.bg-primary, .badge.bg-soft-primary {
    background-color: var(--mz-gold-soft) !important;
    color: var(--mz-gold-dark) !important;
}
.bg-light-primary { background-color: var(--mz-gold-soft) !important; }
a { color: var(--mz-gold-dark); }
a:hover { color: var(--mz-gold); }
.link-primary, .text-primary a, a.text-primary { color: var(--mz-gold-dark) !important; }
.form-control:focus, .form-select:focus {
    border-color: var(--mz-gold);
    box-shadow: 0 0 0 .15rem rgba(216, 159, 18, .20);
}
.form-check-input:checked {
    background-color: var(--mz-gold);
    border-color: var(--mz-gold);
}

/* ---------- Barra de ícones (charcoal + dourado) ---------- */
.leftbar-tab-menu .main-icon-menu {
    background-color: var(--mz-charcoal) !important;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .menu-icon { color: #b9b2a3; }
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link {
    background-color: rgba(255, 255, 255, .06);
    color: #cfc7b6;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:hover .menu-icon {
    color: var(--mz-gold);
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:focus,
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active {
    background-color: var(--mz-gold) !important;
    color: #fff;
}
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active .menu-icon,
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active .menu-icon {
    color: #fff !important;
}
/* ponteiro triangular da aba ativa aponta para o painel creme */
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link.active:before,
.leftbar-tab-menu .main-icon-menu .main-icon-menu-body .nav.nav-tabs .nav-link:active:before {
    border-left-color: var(--mz-cream) !important;
}
.leftbar-tab-menu .main-icon-menu .logo-metrica { padding-bottom: 6px; }
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm { height: 30px; }

/* ---------- Painel secundário (creme) ---------- */
.leftbar-tab-menu .main-menu-inner { background-color: var(--mz-cream); }
.leftbar-tab-menu .main-menu-inner .topbar-left { background-color: var(--mz-cream); }
.leftbar-tab-menu .main-menu-inner .menu-title {
    color: var(--mz-charcoal-2);
    text-transform: uppercase;
    letter-spacing: .6px;
    font-size: 12px;
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link { color: #55504a; }
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link:hover {
    color: var(--mz-gold-dark);
    background-color: var(--mz-gold-soft);
}
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active,
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link.active i {
    color: var(--mz-gold-dark) !important;
    background-color: var(--mz-gold-soft);
    font-weight: 600;
}

/* ---------- Topbar ---------- */
.topbar { background-color: #fff; }
.topbar .navbar-custom .topbar-nav li .nav-link { color: #4a4a4a; }
.topbar .navbar-custom .topbar-nav li .nav-link:hover { color: var(--mz-gold-dark); }

/* ---------- Conteúdo ---------- */
.page-wrapper .page-content-tab { background-color: var(--mz-cream); }
.card {
    border: 1px solid #ece7df;
    box-shadow: 0 2px 10px rgba(30, 30, 30, .04);
}
.page-title-box .page-title { color: var(--mz-charcoal); }
.breadcrumb-item.active { color: #8a8378; }

/* avatar iniciais / logos */
.avatar-title.bg-primary { background-color: var(--mz-gold) !important; }
.leftbar-tab-menu .main-menu-inner .topbar-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 70px;
    padding-left: 20px;
    border-bottom: 1px solid #e6e0d6;
}
.leftbar-tab-menu .main-menu-inner .topbar-left .logo { line-height: 1; }
.leftbar-tab-menu .main-menu-inner .topbar-left .logo .logo-lg {
    height: auto !important;
    max-height: 34px !important;
    width: auto;
}
/* "M" na barra de ícones */
.leftbar-tab-menu .main-icon-menu .logo-metrica .logo-sm { height: 30px !important; }

/* =========================================================
   Contraste — textos mais legíveis sobre o creme
   ========================================================= */
body { color: #2e2a25; }
.text-muted { color: #6f695f !important; }
.form-label {
    color: #3a352f;
    font-weight: 500;
    margin-bottom: .35rem;
}
.form-text { color: #857e72; }
.card-title, .card-header, .card-header h6, .card-header .card-title {
    color: #1e1e1e !important;
}
.card-header { background-color: #fff; border-bottom: 1px solid #ece7df; }
.breadcrumb-item, .breadcrumb-item + .breadcrumb-item::before { color: #8a8378; }
.breadcrumb-item a { color: var(--mz-gold-dark); }
table, .table { color: #322e29; }
.table > thead th { color: #1e1e1e; }
p, .small, small { color: inherit; }

/* Inputs mais visíveis no fundo creme */
.form-control, .form-select {
    border-color: #d8d1c5;
    color: #2e2a25;
}
.form-control::placeholder { color: #b3aca0; }
.input-group-text { background-color: #f8f5f0; border-color: #d8d1c5; color: #8a7f6a; }

/* menu lateral: links com mais contraste */
.leftbar-tab-menu .main-menu-inner .menu-body .nav-item .nav-link { color: #46413a; }

/* ---------- Login (auth) ---------- */
.auth-gold-bg { background: linear-gradient(160deg, #1e1e1e 0%, #282828 60%, #3a2f16 100%); }