/*
Theme Name: Tainacan Interface Child (SAITEZINHO Anita)
Template: tainacan-interface
Description: Tema filho minimalista. Foco em leitura e acervo simples.
Author: Anita
Version: 1.5
*/

/* Para que o seu arquivo mande no site e ignore o que o Tainacan está tentando forçar, precisamos usar a "carteirada" do CSS: o comando !important. Ele avisa ao navegador que a sua regra é absoluta. */

/* VARIÁVEIS DE CORES E FONTES */
:root {
    --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; /* define as fontes nativas do sistema para carregar rápido */
    --text-color: #111111; /* o preto do texto do site */
    --bg-color: #ffffff; /* o fundo branco */
    --border-color: #eaeaea; /* o cinza das bordas das postagens */
    --link-highlight: #116a1c; /* o verde para os focos */
}

body {
    font-family: var(--font-system);
    color: var(--text-color);
    background-color: var(--bg-color);
    line-height: 1.6; /* dá um respiro maior entre as linhas para facilitar a leitura */
    font-size: 18px; /* tamanho base da letra */
    margin: 0; /* remove margens automáticas do navegador */
}

/* LINKS GERAIS NO SITE */
a {
    color: var(--text-color) !important;
    text-decoration: none !important; /* tira o sublinhado */
    transition: color 0.2s ease-in-out; /* dá o efeito suave ao mudar de cor */
}

a:hover, 
a:focus {
    color: var(--link-highlight) !important; /* quando passa o mouse ou foca, aplica o verde #116a1c */
    text-decoration: none !important; /* garante que continua sem sublinhado */
}

/* LARGURA E CENTRALIZAÇÃO */
.site-content,
.tainacan-items-list-wrapper,
.tainacan-item-single-content,
.tainacan-single-post .tainacan-content {
    max-width: 900px !important; /* trava a largura para o texto não ficar cansativo de ler */
    margin: 0 auto !important; /* centraliza a caixa no meio da tela */
    padding: 2rem 1rem; /* adiciona espaço nas bordas internas */
}

/* Remove restrições de colunas laterais que espremem o texto */
.margin-one-column,
.margin-two-column {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
}

/* CABEÇALHO (Header) */
.site-header {
    display: flex; /* permite organizar os itens facilmente */
    flex-direction: column; /* empilha a logo e o menu verticalmente */
    align-items: center; /* centraliza tudo */
    justify-content: center;
    text-align: center;
    padding: 3rem 1rem 2rem;
    width: 100%;
    /* sem linha separando cabeçalho. a regra "border-bottom" foi apagada daqui. */
}

/* A LOGO NO CABEÇALHO */
.site-logo img,
img.logo,
img.custom-logo,
.saitezinho-logo {
    width: 280px !important; /* trava o tamanho ideal da logo */
    max-width: 100% !important; /* garante que se a tela for menor que 280px, a logo encolhe para caber na tela */
    height: auto !important; /* mantém a proporção da imagem */
    max-height: none !important; /* tira a propriedade de altura máxima */
    margin: 0 auto 1.5rem auto !important;
    display: block !important; /* evita comportamentos inesperados do navegador com os espaços em branco */
}

.main-navigation ul {
    list-style: none; /* tira as bolinhas da lista do menu */
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
}

/* BOTÃO "ACERVO" */
.main-navigation a {
    padding: 0.6rem 1rem; /* espaço para clique */
    text-transform: uppercase; /* caixa alta */
    font-weight: 500; /* "encorpamento" do botão*/
    color: var(--text-color); /* fica preto */
    transition: color 0.2s ease-in-out !important;
    /* a borda que existia aqui (border: 1px solid...) foi removida. */
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: var(--link-highlight) !important; /* fica verde no foco */
    text-decoration: none !important;
    background-color: transparent !important; /* remove a cor de fundo que simulava um botão maciço */
}

/* RODAPÉ (Footer) */
.site-footer {
    text-align: center; /* centraliza a assinatura */
    padding: 3rem 1rem; 
    font-size: 0.9rem; /* letra ligeiramente menor */
    margin-top: 4rem; /* mpurra pra longe do fim da página */
    /* Sem linha separando rodapé. A regra "border-top" foi apagada daqui. */
}

/* POSTAGENS */
.entry-title a {
    color: var(--text-color) !important; /* garante que os títulos H2 dos posts fiquem pretos */
    text-decoration: none !important;
}

.entry-title a:hover,
.entry-title a:focus {
    color: var(--link-highlight) !important; /* títulos ficam verdes ao passar o mouse */
    text-decoration: none !important;
}


/* ========================================= */
/* AJUSTES DO TAINACAN (ACERVO E COLEÇÕES)   */
/* ========================================= */

/* Esconde o banner genérico com a capa */
.page-header.header-filter:not(.page-collection) {
    display: none !important; /* Desliga o elemento da tela */
}

/* Esconde a barra com "Acervo" e "Voltar" */
.tainacan-title {
    display: none !important; /* Desliga o elemento da tela */
}

/* Simplifica o cabeçalho das Coleções */
.page-header.page-collection {
    background: none !important; /* Remove totalmente a cor/imagem de fundo do retângulo */
    min-height: auto !important; /* Remove a altura gigante engessada */
    padding: 2rem 0 !important; /* Coloca um respiro simples e enxuto */
}

/* Remove a imagem de capa e a bolinha com iniciais */
.page-header.page-collection .page-header__image,
.page-header.page-collection .image-placeholder {
    display: none !important; /* Esconde tudo da tela */
}

/* Remove a máscara escura de fundo da coleção */
.page-header.page-collection .t-bg-collection {
    background: transparent !important; /* Deixa invisível */
}

/* Força os textos da coleção a ficarem pretos em vez de brancos e os centraliza */
.page-header.page-collection .t-collection--info-title,
.page-header.page-collection .t-collection--info-description-text {
    color: var(--text-color) !important;
    text-align: center;
}

/* Ajusta as colunas para o texto ocupar 100% */
.page-header.page-collection .col-md-2 {
    display: none !important;
}
.page-header.page-collection .t-collection--col-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Remove botões de compartilhamento gigantes e metas do topo da página acervo */
.tainacan-single-post .header-meta {
    display: none !important;
}

/* Encurta o espaço vazio na página de Acervo */
.tainacan-single-post,
.page-template-default .site-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.tainacan-single-post .tainacan-content,
.tainacan-single-post section.tainacan-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.wp-block-tainacan-search-bar {
    margin-top: 1rem !important;
    margin-bottom: 2rem !important;
}