/* =============================================================================
   RSC Theme — Tainacan Faceted Search
   Personalização visual das 3 views: Masonry, Tabela, Fichas.
   Zero alterações em PHP/Vue do Tainacan.
   ============================================================================= */

/* -----------------------------------------------------------------------------
   PARTE 1 — Variáveis e remapeamento da paleta Tainacan para RSC
   ----------------------------------------------------------------------------- */

:root {
  --tainacan-primary:          rgba(143, 39, 0, 0.25);
  --tainacan-secondary:        #8F2700;
  --tainacan-input-color:      #333333;
  --tainacan-background-color: #ffffff;
  --tainacan-label-color:      #000000;
  --tainacan-heading-color:    #000000;
  --tainacan-info-color:       #555555;

  --rsc-font-display:  'Vollkorn', Georgia, serif;
  --rsc-font-ui:       'Titillium Web', sans-serif;

  --rsc-terracota:     #8F2700;
  --rsc-terracota-tag: rgba(255, 211, 194, 0.6);
  --rsc-creme:         #FFFDE8;
  --rsc-separador:     #FFD3C2;
  --rsc-texto:         #333333;
  --rsc-label:         #000000;
}

/* -----------------------------------------------------------------------------
   PARTE 2 — Cabeçalho da coleção
   ----------------------------------------------------------------------------- */

.tainacan-collection-header {
  background-color: #ffffff;
  margin-bottom: 0;
  --boxShadow: none;
}

.tainacan-collection-header .page-title {
  font-family: var(--rsc-font-display);
  font-weight: 700;
  font-size: 48px;
  line-height: 100%;
  color: #111111;
}

.tainacan-collection-header .page-description {
  font-family: var(--rsc-font-ui);
  font-size: 16px;
  color: #555555 !important;
  line-height: 1.5;
}

/* -----------------------------------------------------------------------------
   PARTE 3 — Container da lista facetada
   ----------------------------------------------------------------------------- */

.theme-items-list:not(.is-fullscreen) {
  top: 0 !important;
  margin-left: auto;
  margin-right: auto;
  padding: 0 135px;
  max-width: 1440px !important;
  min-width: initial !important;
  --boxShadow: none;
  --borderRadius: 0px;
}

.theme-items-list .card,
.theme-items-list .box {
  box-shadow: none !important;
  border: none !important;
}

/* -----------------------------------------------------------------------------
   PARTE 4 — Barra de busca
   ----------------------------------------------------------------------------- */

.theme-items-list .search-control {
  padding: 20px 0 6px 0 !important;
  background-color: transparent !important;
}

.theme-items-list .search-control .search-area input {
  font-family: var(--rsc-font-ui);
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 4px !important;
  border: 1px solid #cccccc;
  color: var(--rsc-texto);
  height: 36px;
  background: #ffffff;
}

.theme-items-list .search-control .search-area input:focus {
  border-color: var(--rsc-terracota);
  outline: none;
}

.theme-items-list .search-control .search-control-item .search-area .icon i {
  font-size: 1rem;
  color: var(--rsc-terracota);
}

.theme-items-list .advanced-search-link,
.theme-items-list a.advanced-search {
  font-family: var(--rsc-font-ui);
  font-size: 12px;
  color: var(--rsc-terracota);
  text-decoration: underline;
  display: block;
  margin-top: 4px;
}

/* -----------------------------------------------------------------------------
   PARTE 5 — Painel de filtros lateral
   ----------------------------------------------------------------------------- */

.theme-items-list #filters-modal .modal-content {
  padding: 16px 0 !important;
}

.theme-items-list #filters-modal .modal-content #filters-items-list {
  margin: 0;
  padding-left: 0;
  padding-top: 0;
}

#filters-label-landmark {
  font-family: var(--rsc-font-display) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  line-height: 1.2 !important;
  color: var(--rsc-label) !important;
  margin-bottom: 16px;
}

.theme-items-list .tainacan-form .collapse-all,
.tainacan-modal .tainacan-form .collapse-all {
  display: inline-flex !important;
  margin-left: 0 !important;
  width: 100%;
  justify-content: space-between;
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-terracota) !important;
}

.tainacan-modal .tainacan-form .collapse-all .icon .tainacan-icon::before,
.theme-items-list .tainacan-form .collapse-all .icon .tainacan-icon::before {
  color: var(--rsc-terracota) !important;
}

.tainacan-modal .filter-item-forms .collapse-trigger,
.theme-items-list .filter-item-forms .collapse-trigger {
  margin-left: 0;
  border-bottom: 1px solid var(--rsc-separador);
  padding: 10px 0;
}

.tainacan-modal .filter-item-forms .collapse-trigger .collapse-label,
.theme-items-list .filter-item-forms .collapse-trigger .collapse-label {
  font-family: Inter;
  font-weight: 700;
  font-size: 16px;
  color: var(--rsc-label) !important;
}

/* Ícone movido para a direita */
.tainacan-modal .filter-item-forms .collapse-trigger .icon,
.theme-items-list .filter-item-forms .collapse-trigger .icon,
.tainacan-modal #filters-items-list .collapse-all .icon,
.theme-items-list #filters-items-list .collapse-all .icon {
  margin-right: 0;
  margin-left: 4px;
  order: 2;
}

/* Seta direita → + */
.tainacan-modal .filter-item-forms .collapse-trigger .icon .tainacan-icon-arrowright::before,
.theme-items-list .filter-item-forms .collapse-trigger .icon .tainacan-icon-arrowright::before,
.tainacan-modal #filters-items-list .collapse-all .icon .tainacan-icon-arrowright::before,
.theme-items-list #filters-items-list .collapse-all .icon .tainacan-icon-arrowright::before {
  content: "plus";
  color: var(--rsc-label);
}

/* Seta baixo → − */
.tainacan-modal .filter-item-forms .collapse-trigger .icon .tainacan-icon-arrowdown::before,
.theme-items-list .filter-item-forms .collapse-trigger .icon .tainacan-icon-arrowdown::before,
.tainacan-modal #filters-items-list .collapse-all .icon .tainacan-icon-arrowdown::before,
.theme-items-list #filters-items-list .collapse-all .icon .tainacan-icon-arrowdown::before {
  content: "minus";
  color: var(--rsc-label);
}

.theme-items-list .tainacan-filter-item label {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-texto);
}

.theme-items-list .tainacan-filter-item .facet-count,
.theme-items-list .filter-item-forms .facet-count {
  font-family: var(--rsc-font-ui);
  font-size: 13px;
  color: #888888;
}

.theme-items-list input[type="checkbox"]:checked {
  accent-color: var(--rsc-terracota);
}

.theme-items-list .show-more-filters-link,
.theme-items-list a.see-all-filters {
  font-family: var(--rsc-font-ui);
  font-size: 13px;
  color: var(--rsc-terracota) !important;
  text-decoration: none;
  margin-top: 6px;
  display: block;
}

.theme-items-list .show-more-filters-link:hover {
  text-decoration: underline;
}

.theme-items-list #filters-items-list .collapse-all {
  margin-bottom: 8px;
}

/* -----------------------------------------------------------------------------
   PARTE 6 — Tags de filtros ativos
   ----------------------------------------------------------------------------- */

.filter-tags-list {
  padding-right: 120px;
  position: relative;
  margin-bottom: 8px;
}

.filter-tags-list .filter-tag,
.theme-items-list .tags .tag {
  background: var(--rsc-terracota-tag) !important;
  border: 1px solid rgba(143, 39, 0, 0.3) !important;
  border-radius: 8px !important;
  font-family: var(--rsc-font-ui);
  font-size: 13px;
  color: #040203 !important;
  padding: 4px 10px;
  margin-bottom: 4px !important;
}

.filter-tags-list .filter-tag .tag-label,
.theme-items-list .tags .tag .tag-name {
  font-weight: 700 !important;
  font-family: var(--rsc-font-ui) !important;
  font-size: 12px !important;
  color: #040203 !important;
}

.filter-tags-list .filter-tag .tag-value {
  font-weight: 400 !important;
  font-family: var(--rsc-font-ui) !important;
  font-size: 12px !important;
  color: var(--rsc-terracota) !important;
}

.filter-tags-list .filter-tag .delete,
.theme-items-list .tags .tag .delete {
  background-color: var(--rsc-terracota) !important;
}

.filter-tags-list #button-clear-all {
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  border-radius: 8px;
  padding: 4px 14px;
  font-family: var(--rsc-font-ui);
  font-size: 13px;
  font-weight: 700;
  color: var(--rsc-terracota);
  background: transparent;
  cursor: pointer;
  transition: background 0.2s;
}

.filter-tags-list #button-clear-all:hover {
  background: rgba(143, 39, 0, 0.08);
}

.theme-items-list .total-items-result {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-texto);
}

/* -----------------------------------------------------------------------------
   PARTE 7 — VIEW MODE: Masonry
   ----------------------------------------------------------------------------- */

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container {
  gap: 16px;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item {
  flex-direction: column !important;
  break-inside: avoid;
  border: none !important;
  box-shadow: none !important;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
  background-color: #f5f5f5;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item img {
  width: 100%;
  object-fit: cover;
  display: block;
  border-radius: none !important;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item .metadata-title p,
.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item .tainacan-item-title {
  font-family: var(--rsc-font-ui);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: var(--rsc-texto);
  padding: 8px 12px;
  margin: 0;
  background: #f5f5f5;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item a {
  text-decoration: none;
  display: block;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-masonry-container .tainacan-masonry-item:hover {
  box-shadow: 0 2px 12px rgba(143, 39, 0, 0.12) !important;
}

/* -----------------------------------------------------------------------------
   PARTE 8 — VIEW MODE: Tabela
   ----------------------------------------------------------------------------- */

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container {
  width: 100%;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container thead th {
  font-family: var(--rsc-font-ui);
  font-weight: 700;
  font-size: 14px;
  color: var(--rsc-label);
  border-bottom: 1px solid var(--rsc-separador);
  padding: 10px 12px;
  background: #ffffff;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container tbody tr {
  border-bottom: 1px solid #f0ede0;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container tbody tr:hover {
  background: #fdf9f0;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container tbody td img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 4px;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container .metadata-title p {
  font-family: var(--rsc-font-ui);
  font-weight: 600;
  font-size: 14px;
  color: var(--rsc-texto);
  margin: 0;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-table-container tbody td {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-terracota);
  padding: 10px 12px;
  vertical-align: middle;
}

.theme-items-list .tainacan-tooltip {
  font-family: var(--rsc-font-ui);
  font-size: 13px;
  background: #333333;
  color: #ffffff;
  border-radius: 4px;
  padding: 6px 10px;
}

/* -----------------------------------------------------------------------------
   PARTE 9 — VIEW MODE: Fichas (Records)
   ----------------------------------------------------------------------------- */

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record {
  /* display: grid;
  grid-template-columns: 260px 1fr auto; */
  padding: 0;
  align-items: start;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record img {
  width: 240px;
  height: 180px;
  object-fit: cover;
  border-radius: 4px;
  display: block;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .metadata-title p,
.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .tainacan-item-title {
  font-family: var(--rsc-font-ui);
  font-weight: 700;
  font-size: 16px;
  color: var(--rsc-texto);
  margin: 0 0 12px;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .tainacan-metadata-label,
.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .metadata-label {
  font-family: var(--rsc-font-ui);
  font-weight: 700;
  font-size: 13px;
  color: var(--rsc-label);
  display: block;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .tainacan-metadata-value,
.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .metadata-value {
  font-family: var(--rsc-font-ui);
  font-weight: 400;
  font-size: 13px;
  color: var(--rsc-terracota);
  display: block;
  margin-bottom: 8px;
}

.theme-items-list #items-list-area #items-list-results
.tainacan-records-container .tainacan-record .tainacan-item-section__metadata {
  column-count: 2;
  column-gap: 24px;
}

/* -----------------------------------------------------------------------------
   PARTE 10 — Botão lateral colapsar filtros
   ----------------------------------------------------------------------------- */

.theme-items-list .filters-menu:not(.filters-menu-modal) .toggle-filters-menu-button,
.theme-items-list .toggle-filters-button {
  background: var(--rsc-terracota);
  color: #ffffff;
  border: none;
  border-radius: 0 4px 4px 0;
  width: 24px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.theme-items-list .toggle-filters-button:hover {
  background: #7a2100;
}

/* -----------------------------------------------------------------------------
   PARTE 11 — Barra de controles (ordenação, visualização)
   ----------------------------------------------------------------------------- */

.theme-items-list .search-control .sorter-and-view,
.theme-items-list .search-control .view-switcher {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
}

.theme-items-list .search-control .control-label {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-texto);
}

.theme-items-list .search-control .dropdown .dropdown-menu {
  border-radius: 4px;
  border: 1px solid #dddddd;
  font-family: var(--rsc-font-ui);
  font-size: 14px;
}

.theme-items-list .view-mode-button.is-active,
.theme-items-list .view-mode-button[aria-selected="true"] {
  color: var(--rsc-terracota);
  border-bottom: 2px solid var(--rsc-terracota);
}

/* -----------------------------------------------------------------------------
   PARTE 12 — Paginação
   ----------------------------------------------------------------------------- */

.theme-items-list .pagination-area {
  font-family: var(--rsc-font-ui);
  font-size: 14px;
  color: var(--rsc-texto);
  border-top: 1px solid var(--rsc-separador);
  padding-top: 16px;
  margin-top: 24px;
}

.theme-items-list .pagination-area .pagination li a,
.theme-items-list .pagination-area .pagination li button {
  border-radius: 4px;
  border: 1px solid #dddddd;
  font-family: var(--rsc-font-ui);
  color: var(--rsc-texto);
  background: none !important;
}

.theme-items-list .pagination-area .pagination li.is-current a {
  background: var(--rsc-terracota);
  color: #ffffff;
  border-color: var(--rsc-terracota);
}

.theme-items-list .pagination-area .pagination li a:hover {
  background: rgba(143, 39, 0, 0.08);
  border-color: var(--rsc-terracota);
  color: var(--rsc-terracota);
}

/* -----------------------------------------------------------------------------
   PARTE 13 — Responsivo
   ----------------------------------------------------------------------------- */

@media (max-width: 1024px) {
  .theme-items-list:not(.is-fullscreen) {
    padding: 0 32px;
  }

  .theme-items-list #items-list-area #items-list-results
  .tainacan-records-container .tainacan-record {
    grid-template-columns: 1fr;
  }

  .theme-items-list #items-list-area #items-list-results
  .tainacan-records-container .tainacan-record img {
    width: 100%;
    height: 200px;
  }
}

@media (max-width: 768px) {
  .theme-items-list:not(.is-fullscreen) {
    padding: 0 16px;
  }

  .filters-menu:not(.filters-menu-modal) {
    z-index: 99999;
  }

  .filter-tags-list #button-clear-all {
    margin-top: 0;
    position: static;
    display: inline-block;
    margin-bottom: 8px;
  }

  .filter-tags-list {
    padding-right: var(--tainacan-one-column, 4.17%);
  }

  .theme-items-list {
    padding-left: 0;
    padding-right: 0;
  }
}
/*Forçar a pagina a usar branco*/
article.page, .tainacan-modal #filters-modal .modal-content, .theme-items-list #filters-modal .modal-content {
    background: none !important;
}
.theme-items-list #filters-modal.modal .modal-content #filters-items-list {
    margin: 0 !important;
}
.tainacan-filters-list input.input.is-small,
.control.has-icons-right input.input.is-small {
    border: 1px solid #DDDDDD !important;
    border-radius: 8px !important; 
}
/* Agrupando os 3 botões da barra de ferramentas */
#tainacanSortingMetadataButton span:not(.icon),
#tainacanViewModesButton span.is-hidden-touch,
.search-control-item--exposers-button button span:not(.gray-icon){
    font-family: var(--rsc-font-ui) !important;
    font-weight: 700;
    color: #000 !important;
}
/* Unificando todos os ícones da barra de ferramentas do Tainacan */
#tainacanSortingDirectionButton i.tainacan-icon,
#tainacanSortingMetadataButton .icon i,
#tainacanViewModesButton .gray-icon i,
.search-control-item--exposers-button .gray-icon i {
    color: #8F2700 !important;
}
/* clean-filters */
a#button-clear-all {
    /* Auto layout */
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px !important;
    gap: 8px;

    width: 95px !important;
    height: 25px !important;

    background: #FFD3C2 !important;
    border-radius: 8px !important;

    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;

    /* Estilos adicionais para o texto (ajuste fino) */
    color: #8F2700 !important; /* Cor do texto terracota */
    font-size: 11px !important; /* Ajustado para caber nos 95px */
    font-weight: 400 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    white-space: nowrap;
}

/* Efeito ao passar o mouse */
a#button-clear-all:hover {
    background: #ffc4ad !important;
    color: #8F2700 !important;
}
/* tag - li.filter-tag */
li.swiper-slide.filter-tag {
    /* Auto layout */
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px !important;
    gap: 16px; /* Espaço entre o texto e o 'X' */
    background: #FFFDE8 !important; /* Cor creme solicitada */
    border-radius: 8px !important;

    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    
    /* Reset de estilos do Swiper/Tainacan */
    margin-right: 10px; /* Espaço entre uma tag e outra */
}

/* Estilizando o texto dentro da tag */
li.filter-tag span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Estilizando o botão de fechar (X) dentro da tag */
li.filter-tag a.tag.is-delete {
    background-color: transparent !important;
    color: #8F2700 !important;
    margin-left: auto; /* Garante o gap ou empurra para o fim */
}

li.filter-tag a.tag.is-delete::before,
li.filter-tag a.tag.is-delete::after {
    background-color: #8F2700 !important; /* Cor do X */
}
.filter-tag-metadatum-name{
    font-weight: bold !important;
}
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination {
    color: #040203 !important;
    background: none !important;
}
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link {
    color: var(--tainacan-secondary);
}
.theme-items-list #items-list-area #items-list-results .pagination-area .pagination .pagination-link.is-current{
	color: #000 !important;
}
.table-container .table-wrapper table.tainacan-table tbody tr{
	background: #f5f5f5 !important;
}
div.table-container .table-wrapper table.tainacan-table th .th-wrap{
	font-weight: bold !important;
	color: #000 !important;
}
.theme-items-list #filters-modal .modal-content #filters-items-list{
	background: none !important;
}
.theme-items-list #items-list-area #items-list-results .tainacan-table .column-default-width{
	background: none !important;
	border: none;
}
.tainacan-table tr {
    margin-bottom: 8px;
}
p.v-popper--has-tooltip {
    --tainacan-input-color: #000;
}
.th-wrap.th-wrap[data-v-32c4f0f5] {
    font-weight: bold !important;
}
.theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record .list-metadata {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
}

.tainacan-records-container .tainacan-record .tainacan-record-thumbnail{
  float: none;
  flex-shrink: 0;
}

.metadata-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record .list-metadata {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
}

.tainacan-records-container .tainacan-record .tainacan-record-thumbnail{
  float: none;
  flex-shrink: 0;
}

.metadata-content-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.tainacan-records-container .tainacan-record .metadata-title{
  background-color: rgb(255, 253, 232);
  border-radius: 4px;
}
.media {
    background-color: #f5f5f5;
    padding: 15px;
    border-radius: 0 0 8px 8px; /* Arredonda apenas os cantos inferiores para conectar com o título */
}
.theme-items-list #items-list-area #items-list-results .tainacan-list-container .tainacan-list, .theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record, .theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record .list-metadata{
	background:  none !important;
}
.is-filters-menu-open #filters-modal+#items-list-area .tainacan-records-container{
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: auto;
  position: relative;
}

.tainacan-records-container .tainacan-records-grid-sizer {
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin-bottom: 20px;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: block;
}

.tainacan-records-container>li{
  width: 100%;
  max-width: 100%;
  flex: 0 0 100%;
  margin-bottom: 20px;
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  display: block;
}
.tainacan-records-container .tainacan-record .metadata-title {
  width: 100%;
}
.tainacan-records-container .tainacan-record{
	max-width: 100% !important;
}
.tainacan-records-container>li{
	margin-bottom: 0;
}
.tainacan-records-container .tainacan-record .media .list-metadata{
	--tainacan-container-padding: 0;
}
.list-metadata.media-body {
    display: grid !important;
    grid-template-columns: auto 1fr !important;
    /* As linhas agora se ajustam ao tamanho do texto */
    grid-template-rows: auto; 
    column-gap: 20px;
    row-gap: 5px; /* Espaço entre os itens da lista */
    align-items: start;
    height: auto !important;
	 min-height: 0 !important;
    align-self: start; 
}

.list-metadata.media-body .tainacan-record-thumbnail {
    grid-column: 1;
    /* Faz a imagem flutuar ao lado das linhas de texto sem criar linhas extras */
    grid-row: 1 / span 10; 
    align-self: start;
}

.list-metadata.media-body span {
    grid-column: 2;
    display: block;
    margin: 0;
}
.list-metadata.media-body {
    grid-template-rows: repeat(auto-fill, min-content);
}
.tainacan-records-container .tainacan-record .tainacan-record-thumbnail[data-v-ed25f2d4] {
  grid-row: 1 / span 4;
  height: fit-content;
}

.theme-items-list #items-list-area #items-list-results .tainacan-records-container .tainacan-record .list-metadata {
  align-content: start;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: repeat(4, auto);
  align-items: start;
  row-gap: 15px;
  height: auto;
}
.search-control .search-control-item .gray-icon i::before{
	color: #8F2700 ; 
	--tainacan-info-color: #8F2700;
}
/* Estilização do texto interno do tooltip */
.v-popper--theme-tooltip .v-popper__inner {
    /* Tipografia */
    font-family: "Titillium Web", sans-serif;
    font-weight: 700;
    font-style: normal; /* "Bold" é definido pelo font-weight: 700 */
    font-size: 14px;
    line-height: 120%; /* ou 1.2 */
    letter-spacing: 0%;
    
    /* Layout e Cores (mantendo do passo anterior) */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    background: #FFEDE7 !important;
    color: #000 !important; /* Cor sugerida para contraste */
    border-radius: 4px;
    min-height: 50px;
}

/* Garante que elementos aninhados herdem a fonte (caso existam spans/divs internos) */
.v-popper--theme-tooltip .v-popper__inner * {
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
}
.theme-items-list #items-list-area #items-list-results .tainacan-table td p {
    font-size: 14px !important;
    color: #000 !important;
}