/*
===========================================================
PÁGINA: Lista de etiquetas
Joomla: com_tags → vista "Listar todas as etiquetas"

Objetivos:
- Reduzir o tamanho dos links.
- Diminuir o espaçamento vertical.
- Distribuir os grupos de etiquetas por quatro colunas.
- Adaptar a grelha a tablets e telemóveis.
===========================================================
*/

/* Tamanho do texto dos links das etiquetas */
body.com_tags.view-tags a {
    font-size: 18px !important;
}

/* Espaçamento vertical de cada etiqueta */
body.com_tags.view-tags .list-tags_category li {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

/* Margem e altura dos títulos das etiquetas */
body.com_tags.view-tags .list-tags_category h3 {
    margin: 0 !important;
    line-height: 1.25 !important;
}
/*
===========================================================
Grelha contínua com quatro colunas

As etiquetas individuais (<li>) são distribuídas pela grelha.
Os vários <ul> gerados pelo Joomla deixam de funcionar como
colunas independentes.
===========================================================
*/
/* O contentor principal torna-se uma grelha */
body.com_tags.view-tags .com-tags__items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 16px;
    align-items: start;
}

/* O formulário de pesquisa ocupa toda a primeira linha */
body.com_tags.view-tags .com-tags__items > form {
    grid-column: 1 / -1;
    width: 100%;
    margin-bottom: 18px;
}

/* Cada lista deixa de ocupar uma coluna inteira */
body.com_tags.view-tags .com-tags__items > .list-tags_category {
    display: contents;
}

/* Cada etiqueta passa a ser um item individual da grelha */
body.com_tags.view-tags .list-tags_category > li {
    width: 100%;
    margin: 0;
}

/* A paginação ocupa toda a largura */
body.com_tags.view-tags .com-tags__pagination {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 12px;
}

/* Tablets: duas colunas */
@media (max-width: 900px) {
    body.com_tags.view-tags .com-tags__items {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Telemóveis: uma coluna */
@media (max-width: 600px) {
    body.com_tags.view-tags .com-tags__items {
        grid-template-columns: 1fr;
    }
}
/*
===========================================================
PÁGINA: Todos os documentários — links das categorias

Objetivo:
- Igualar o aspeto dos links das categorias ao das etiquetas.
- Tamanho: 18px.
- Texto destacado e sublinhado.
- Reduzir o número de artigos para 18px.
===========================================================
*/

body.com_content.view-category
h3.page-header.item-title a {
    font-size: 18px !important;
    font-weight: bold !important;
    text-decoration: underline !important;
}
body.com_content.view-category
h3.page-header.item-title
span.badge {
    font-size: 18px !important;
    line-height: 1.2 !important;
}