/* Estilos para a transição suave da sidebar */
:root {
    --sidebar-width-expanded: 200px;
    --sidebar-width-collapsed: 60px;
}

body {
    /*
    * ===================================================================
    * Customização de Cores do Bootstrap 5
    * ===================================================================
    * Declarar as variáveis no body garante que elas sejam aplicadas
    * também nas renderizações parciais do Grocery CRUD.
    */

    /* Cor Primária (usada em botões, links, etc.) */
    --bs-primary: #a94442;
    --bs-primary-rgb: 169, 68, 66;

    /* Cor Escura (usada na sidebar, por exemplo) */
    --bs-dark: #343a40;
    --bs-dark-rgb: 52, 58, 64;

    /* Outras cores que você pode querer customizar */
    /* --bs-secondary: #6c757d; */
    /* --bs-success: #198754; */
}

.sidebar {
    width: var(--sidebar-width-expanded);
    transition: width 0.2s ease-in-out;
}

.sidebar.collapsed {
    width: var(--sidebar-width-collapsed);
}

/* Esconde o texto quando a sidebar está minimizada */
.sidebar.collapsed .nav-text {
    display: none;
}

/* Centraliza o conteúdo (ícones, no futuro) quando minimizada */
.sidebar.collapsed .nav-link,
.sidebar.collapsed .navbar-brand {
    text-align: center;
    justify-content: center;
}

/* Ajusta o conteúdo principal com transição */
.main-content {
    /* margin-left: var(--sidebar-width-expanded); */
    transition: margin-left 0.2s ease-in-out;
    width: calc(100% - var(--sidebar-width-expanded));
}

.sidebar.collapsed+.main-content {
    /* margin-left: var(--sidebar-width-collapsed); */
    transition: margin-left 0.2s ease-in-out;
    width: calc(100% - var(--sidebar-width-collapsed));
}

/*
 * Garante que o contêiner flex principal permita que os dropdowns (como o select do GroceryCRUD)
 * transbordem e não sejam cortados.
*/
.d-flex { overflow: visible; }

/* Ícone do botão de toggle */
#sidebarToggle {
    border: none;
    background-color: transparent;
    color: #212529;
    /* Cor escura para o ícone */
}

/*
 * ===================================================================
 * Customização do Grocery CRUD Datagrid (Bootstrap 5)
 * ===================================================================
 * Este bloco permite ajustar a aparência da tabela gerada pelo
 * Grocery CRUD para uma visualização mais condensada.
*/

/* Reduz o padding das células da tabela */
.grocery-crud .table th,
.grocery-crud .table td {
    padding-top: 0.1rem;
    padding-right: 0.5rem;
    padding-bottom: 0.1rem;
    padding-left: 0.5rem;
    vertical-align: middle;
}

/* Diminui a fonte da tabela inteira */
.grocery-crud .table {
    font-size: 0.9rem;
    /* Ajuste o tamanho da fonte conforme necessário */
}

.gc-caption-title {
    display: none;
}

/* Ajusta a altura dos inputs de filtro e outros controles */
.grocery-crud .form-control,
.grocery-crud .form-select {
    padding: 0.25rem 0.25rem;
    font-size: 0.8rem;
    height: auto;
    /* Permite que o padding defina a altura */
}

/* Diminui a fonte e o padding dos botões */
.grocery-crud .btn {
    font-size: 0.8rem;
    /* Ajuste o tamanho da fonte */
    padding: 0.25rem 0.5rem;
    /* Ajusta o padding para acompanhar a fonte */
}

/* Diminui a fonte do rodapé da tabela (paginação e informações) */
.grocery-crud .gc-footer-170 {
    padding-top: 0.1rem;
    padding-right: 0.3rem;
    padding-bottom: 0.1rem;
    padding-left: 0.3rem;
    font-size: 1rem;
    /* Ajuste o tamanho da fonte */
}

/* Ajusta o tamanho da fonte nos itens da paginação */
.grocery-crud .page-item .page-link,
.grocery-crud .page-item .form-control {
    font-size: 0.8rem;
}

/* Oculta o segundo rodapé (footer) vazio que o Grocery CRUD renderiza */
.grocery-crud .gc-footer-170:has(.gc-footer-child-173:empty) {
    display: none;
}

/* Ajusta o padding e a fonte da paginação do Bootstrap */
.grocery-crud .pagination {
    --bs-pagination-padding-y: 0.25rem; /* Padrão é 0.375rem. Ajuste conforme necessário. */
    --bs-pagination-font-size: 0.8rem; /* Alinha com o tamanho dos outros botões */
}

.gc-datagrid-128 {
  min-height: 70vh;
}

.gc-tab-content-199 {
    min-height: 70vh;
}