/* Icone de play sobre miniaturas que sao poster de video (RECURSO 11). */
.tainacan-media-component .swiper-slide-content:has(> img.mgen-poster-video) {
    position: relative;
}
.tainacan-media-component .swiper-slide-content:has(> img.mgen-poster-video)::after {
    content: "";
    position: absolute;
    left: 50%; top: 50%;
    width: 64px; height: 64px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background:
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><polygon points='25,18 25,46 47,32' fill='white'/></svg>") center / 64px 64px no-repeat,
        rgba(0, 0, 0, 0.55);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    pointer-events: none;   /* o clique continua chegando ao slide/lightbox */
}
/* Nas miniaturas pequenas do carrossel, icone menor. */
.tainacan-media-component__swiper-thumbs .swiper-slide-content:has(> img.mgen-poster-video)::after {
    width: 40px; height: 40px;
    background-size: 40px 40px;
}

/*
 * RECURSO 15 - respiro entre a imagem e o titulo nos cartoes da listagem.
 * A listagem de itens da colecao e o grid de cartoes do BLOCKSY (article
 * .entry-card), nao o masonry do Tainacan. A imagem e "boundless" (inset:0),
 * entao o espaco vem do fluxo do titulo.
 */
.entry-card h2.entry-title,
.entry-card > strong > h2,
.entry-card h2 {
    margin-top: 0.75em;
}

/* RECURSO 22 - sem autor nos cartoes das listas de itens (body.mgen-lista-itens). */
body.mgen-lista-itens .entry-card .meta-author { display: none; }

/* RECURSO 25 - texto do item (Descricao) com alinhamento justificado. */
body[class*=" single-tnc_col_"] .metadata-type-core_description,
body[class*=" single-tnc_col_"] .metadata-type-core_description p,
body[class*=" single-tnc_col_"] .metadata-type-core_description li {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* RECURSO 25 (cont.) - resumo dos cartoes de itens tambem justificado. */
body.mgen-lista-itens .entry-card .entry-excerpt,
body.mgen-lista-itens .entry-card .entry-excerpt p {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
}

/* RECURSO 28 - preto 60% sobre a imagem do hero das listas de itens, para o titulo ler melhor.
   O Blocksy ja cria o elemento de overlay do hero type-2:
   .hero-section[data-type=type-2]>figure>.ct-media-container:after {position:absolute; inset:0}
   So damos cor a ele - sem mexer em position de nada (forcar relative na <figure> empurrava o titulo). */
body.mgen-lista-itens .hero-section[data-type="type-2"] > figure > .ct-media-container::after {
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

/* RECURSO 29 - coluna do copyright do rodape (texto ja esvaziado pelo PHP). */
footer [data-column="copyright"] { display: none; }

/* RECURSO 28 (cont.) - desfoque na imagem de fundo do hero das listas de itens.
   So a <img> dentro do container de midia; o overlay (::after) e o texto ficam nitidos.
   O scale evita a borda clara que o blur deixa nas extremidades. */
body.mgen-lista-itens .hero-section[data-type="type-2"] > figure > .ct-media-container {
    overflow: hidden;
}
body.mgen-lista-itens .hero-section[data-type="type-2"] > figure > .ct-media-container > img {
    filter: blur(6px);
    transform: scale(1.04);
}

/* RECURSO 25 (cont.) - descricao da colecao no hero: justificada e 20% maior. */
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header .page-description,
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header .page-description p,
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header .page-description li {
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
}
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header .page-description {
    /* o Blocksy aplica font-size via --theme-font-size (ajuste por colecao): cobrimos os dois */
    --theme-font-size: 1.2em;
    font-size: 1.2em;
}
/* RECURSO 33 - espaco entre os paragrafos da descricao da colecao (o Blocksy zera a
   margem dos <p> no hero; vale para PT e para os paineis EN/ES). */
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header .page-description p + p {
    margin-top: 1em;
}

/* Hero da colecao: o texto ocupa a mesma largura da lista de itens abaixo.
   O Blocksy usa .ct-container-narrow (722px) no header do hero e .ct-container
   (normal) na lista; aqui o header passa a usar a largura normal, e a fileira
   de botoes (posicionada na base) acompanha. */
body.mgen-lista-itens .hero-section[data-type="type-2"] .entry-header.ct-container-narrow {
    max-width: var(--theme-normal-container-max-width);
}