:root {
    --abec_1: #c0a052;
    --abec_2: #63625f;
    --abec_3: #ffffff;

    --bs-primary: #c0a052;
    --bs-primary-rgb: 192, 160, 82;
}

/* Layout geral */

body {
  background:#f8f9fa;
  font-family:system-ui, -apple-system, "Segoe UI", sans-serif;
}
.wrapper {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
}
.filter-panel {
  flex:0 0 260px;
  max-width:260px;
}
.cards-area {
  flex:1 1 0;
  min-width:0;
}

#header{
  background: var(--abec_2);
}
#header .nav-link{
  color: var( --abec_3 );
}
#header .nav-link:hover{
  color: var( --abec_1 );
}

#backToTop {
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  display: none;
  padding: 10px;
  z-index: 1050;
}

#ajax_trigger {
    order: 99999;
}


/* Painel de filtro */

.filter-panel .panel-heading {
  background: #63625f;
  color:#fff;
  padding:.5rem 1rem;
  font-size:1rem;
  border-radius:.5rem .5rem 0 0;
}
.filter-panel .panel-body {
  background:#fff;
  padding:1rem;
  border:1px solid #dee2e6;
  border-top:none;
  border-radius:0 0 .5rem .5rem;
}
.filter-panel .selectpicker {
  width:100%!important;
}
#btnSearch{
  background: var(--abec_1);
  color: var(--abec_3);
  border-color: var(--abec_3);
}
#clearFilters{
  color: var(--abec_2);
}
.choices__list--multiple .choices__item{
  background-color: var(--abec_2);
  border: 1px solid #666;
}
.choices__list--multiple .choices__item.is-highlighted{
  background-color: var(--abec_1);
  border: 1px solid #fff;
}


/* Alfabeto */
.nav-alfabetica button {
    margin: 2px;
    min-width: 32px;
    padding: 4px 6px;
    border: none;
    background-color: #f0f0f0;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}

.nav-alfabetica button.active,
.nav-alfabetica button:hover {
    background-color: var(--abec_1);
    color: #fff;
}

/*Loading*/
.rotating {
    display: inline-block;
    animation: rotation 1s infinite linear; /* Animação contínua */
}

@keyframes rotation {
    from {
        transform: rotate(0deg); /* Começa em 0 graus */
    }
    to {
        transform: rotate(360deg); /* Termina em 360 graus */
    }
}

#loading p {
    margin-top: 10px; /* Espaçamento entre o ícone e o texto */
}

/* Cards */

.card {
  border:none;
  border-radius:.75rem;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:transform .2s;
}
.card:hover { transform:translateY(-4px); }
.card-img-top {
  object-fit:contain; /*none*/
  height:180px;
  background:#e9ecef;
}
.card-body { flex:1 1 auto; padding:1rem; }
.card .btn{
  border: solid 1px var(--abec_2);
  margin-left: 5px;
}
.card .btn:hover{
  background: var(--abec_2);
  color: var(--abec_3);
}

/* Grid vs List */
.cards-container.grid-mode .col { padding:.5rem; }
.cards-container.list-mode .col {
  flex:0 0 100%;
  max-width:100%;
  padding:.5rem 0;
}
.cards-container.list-mode .card {
  flex-direction:row;
  height:auto;
}
.cards-container.list-mode .card-img-top {
  width:200px;
  height:auto;
  flex-shrink:0;
  object-fit:contain;
}
@media (max-width:767.98px){
.cards-container.list-mode .card-img-top { width:35%; }
}

/* Toggle buttons */
.view-toggle .btn {
  border:none;
  background:transparent;
  color: #495057;
}
.view-toggle .btn.active,
.view-toggle .btn:hover {
  color:var(--abec_1);
}

/* Tabela compacta */
.compact-table {
  font-size:.75rem;
  line-height:1.2;
  margin-bottom:0;
}
.compact-table thead th {
  font-weight:600;
  background:#f8f9fa;
  border-bottom:1px solid #dee2e6;
  padding:.35rem .5rem;
}
.compact-table tbody td {
  padding:.35rem .5rem;
  border-top:1px solid #e9ecef;
}
.compact-table.table-bordered td,
.compact-table.table-bordered th {
  border: 0;
  /*border: 1px solid #dee2e6;*/
}


/* Responsivo */

@media (max-width:767.98px){
  .wrapper{flex-direction:column;}
  .filter-panel{flex:0 0 auto;max-width:none;}
}