/* Ajustes de compatibilidade: tema Mazer 1.x (feito para Bootstrap 5.0) rodando sobre o Bootstrap 5.3.3.
   Carregado depois do app.css.

   O bootstrap.css antigo não era o Bootstrap puro: era compilado com as variáveis do Mazer
   (cor primária, fonte, cores de texto e fundo, cards). No 5.3 esses valores viram
   variáveis CSS, então reaplicamos aqui o mesmo visual sem recompilar nada. */

:root,
[data-bs-theme=light] {
    /* Cor primária do sistema */
    --bs-blue: #435ebe;
    --bs-primary: #435ebe;
    --bs-primary-rgb: 67, 94, 190;
    --bs-primary-text-emphasis: #1b264c;
    --bs-primary-bg-subtle: #d9dff2;
    --bs-primary-border-subtle: #b4bfe5;

    /* Fonte, texto e fundo */
    --bs-body-font-family: Nunito, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-color: #607080;
    --bs-body-color-rgb: 96, 112, 128;
    /* No 5.3, campos, janelas, menus e listas usam --bs-body-bg como fundo: fica branco,
       e o azulado do tema vai só no <body> (abaixo), como era no Mazer. */
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-heading-color: #25396f;
    --bs-secondary-color: #7c8db5;          /* .text-muted */

    /* Links */
    --bs-link-color: #435ebe;
    --bs-link-color-rgb: 67, 94, 190;
    --bs-link-hover-color: #364b98;
    --bs-link-hover-color-rgb: 54, 75, 152;

    --bs-focus-ring-color: rgba(67, 94, 190, .25);

    /* Cantos arredondados do 5.0 (o 5.3 arredonda mais: .375rem) */
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .2rem;
    --bs-border-radius-lg: .3rem;
}

body {
    background-color: #f2f7ff;
}

/* Títulos: o Mazer usa negrito (700); o 5.3 usa 500 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700;
}

/* Cards */
.card {
    --bs-card-bg: #fff;
    --bs-card-cap-bg: #fff;
    --bs-card-cap-padding-y: 1.5rem;
    --bs-card-cap-padding-x: 1.5rem;
    --bs-card-border-radius: .7rem;
    --bs-card-inner-border-radius: calc(.7rem - 1px);
}

/* Botões */
.btn {
    --bs-btn-color: #607080;
}
.btn-primary {
    --bs-btn-bg: #435ebe;
    --bs-btn-border-color: #435ebe;
    --bs-btn-hover-bg: #3950a2;
    --bs-btn-hover-border-color: #364b98;
    --bs-btn-active-bg: #364b98;
    --bs-btn-active-border-color: #32468f;
    --bs-btn-disabled-bg: #435ebe;
    --bs-btn-disabled-border-color: #435ebe;
    --bs-btn-focus-shadow-rgb: 95, 118, 200;
}
.btn-outline-primary {
    --bs-btn-color: #435ebe;
    --bs-btn-border-color: #435ebe;
    --bs-btn-hover-bg: #435ebe;
    --bs-btn-hover-border-color: #435ebe;
    --bs-btn-active-bg: #435ebe;
    --bs-btn-active-border-color: #435ebe;
    --bs-btn-disabled-color: #435ebe;
    --bs-btn-disabled-border-color: #435ebe;
    --bs-btn-focus-shadow-rgb: 67, 94, 190;
}

/* Formulários */
.form-control,
.form-select {
    color: #607080;
    border-color: #dce7f1;
}
.form-control:focus,
.form-select:focus {
    border-color: #a1afdf;
    box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25);
}
.form-check-input:checked {
    background-color: #435ebe;
    border-color: #435ebe;
}
.form-check-input:focus {
    border-color: #a1afdf;
    box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25);
}
.input-group-text {
    color: #526e8a;
    background-color: #e6eef5;
    border-color: #dce7f1;
}

/* Tabelas: no 5.3 a célula pinta o fundo com --bs-table-bg (que vira o fundo azulado da página) */
.table {
    --bs-table-color: #607080;
    --bs-table-bg: transparent;
    --bs-table-border-color: #eee;
    --bs-table-striped-color: #607080;
    --bs-table-striped-bg: rgba(0, 0, 0, .05);
    --bs-table-active-color: #607080;
    --bs-table-active-bg: rgba(0, 0, 0, .1);
    --bs-table-hover-color: #607080;
    --bs-table-hover-bg: rgba(0, 0, 0, .075);
}

/* Componentes que no 5.3 têm o azul padrão (#0d6efd) fixo */
.dropdown-menu {
    --bs-dropdown-color: #607080;
    --bs-dropdown-min-width: 15rem;
    --bs-dropdown-link-active-bg: #435ebe;
}
.pagination {
    --bs-pagination-active-bg: #435ebe;
    --bs-pagination-active-border-color: #435ebe;
    --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(67, 94, 190, .25);
}
.nav-pills {
    --bs-nav-pills-link-active-bg: #435ebe;
}
.list-group {
    --bs-list-group-active-bg: #435ebe;
    --bs-list-group-active-border-color: #435ebe;
}
.progress,
.progress-stacked {
    --bs-progress-bar-bg: #435ebe;
}
.modal {
    --bs-modal-border-radius: .3rem;
}

/* Títulos de card: no 5.3 a cor vem de --bs-card-title-color (vazia = herda o cinza do card).
   Em títulos (h1–h6) volta a usar a cor de título do tema; regras do app.css com cor própria continuam valendo. */
h1.card-title, h2.card-title, h3.card-title, h4.card-title, h5.card-title, h6.card-title {
    --bs-card-title-color: var(--bs-heading-color);
}

/* Selos: o Mazer usa .85em (o 5.3 usa .75em) */
.badge {
    --bs-badge-font-size: .85em;
}

/* Caixas de seleção com a borda do tema antigo */
.form-check-input {
    border-color: rgba(0, 0, 0, .25);
}