/* =============================================================================
   NOTÍCIAS — Archive geral, archive por categoria e single
   Depende de: tokens.css, main.css, layout.css, hero.css
   ============================================================================= */


/* =============================================================================
   CABEÇALHO DE CATEGORIA
   Usado em archive-noticia.php, taxonomy-categoria_noticia.php e single-noticia.php
   ============================================================================= */

.categoria-header {
    display: flex;
    align-items: center;
    gap: var(--spacing-m);
    padding-bottom: var(--spacing-m);
    border-bottom: 3px solid var(--color-border-default);
    margin-bottom: var(--spacing-xl);
    width: 100%;
}

.categoria-header__icon {
    height: 40px;
    width: auto;
    flex-shrink: 0;
}

.categoria-header__nome {
    font-size: var(--font-size-h4);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h4);
    color: var(--color-text-primary);
    margin: 0;
}





/* Cores da linha por categoria */
.categoria-header--institucional        { border-bottom-color: var(--color-editoria-institucional); }
.categoria-header--40-anos              { border-bottom-color: var(--color-editoria-40anos); }
.categoria-header--associados           { border-bottom-color: var(--color-editoria-associados); }
.categoria-header--femipa-energia       { border-bottom-color: var(--color-editoria-energia); }
.categoria-header--cursos-e-capacitacao { border-bottom-color: var(--color-editoria-cursos); }
.categoria-header--seminario-femipa     { border-bottom-color: var(--color-primary); }
.categoria-header--conferencia-da-saude { border-bottom-color: var(--color-primary); }


/* =============================================================================
   ARCHIVE GERAL — Seções por categoria
   ============================================================================= */

.noticias-archive {
    padding-bottom: var(--spacing-max);
}

.noticias-categoria {
    max-width: calc(100% * 10 / 12);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-xxxl);
}

.noticias-categoria:last-child {
    margin-bottom: 0;
}

.noticias-categoria__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-l);
    margin-bottom: var(--spacing-l);
}

.noticias-categoria__rodape {
    display: flex;
    justify-content: flex-end;
}


/* =============================================================================
   BOTÃO "MAIS NOTÍCIAS" (archive geral → link para arquivo de categoria)
   ============================================================================= */

.noticias-mais-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-s);
    padding: var(--spacing-s) var(--spacing-xl);
    font-family: var(--font-family-base);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-button);
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary-bg);
    border-radius: var(--corner-md);
    text-decoration: none;
    transition: background-color 0.15s ease;
}

.noticias-mais-btn:hover {
    background-color: var(--color-button-primary-bg-hover);
}

.noticias-mais-btn__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Variantes de cor do botão "Mais notícias" por categoria */
.noticias-mais-btn--40-anos                   { background-color: var(--color-editoria-40anos); }
.noticias-mais-btn--40-anos:hover             { background-color: var(--color-editoria-40anos); filter: brightness(0.9); }
.noticias-mais-btn--associados                { background-color: var(--color-editoria-associados); }
.noticias-mais-btn--associados:hover          { background-color: var(--color-editoria-associados); filter: brightness(0.9); }
.noticias-mais-btn--femipa-energia            { background-color: var(--color-editoria-energia); }
.noticias-mais-btn--femipa-energia:hover      { background-color: var(--color-editoria-energia); filter: brightness(0.9); }
.noticias-mais-btn--cursos-e-capacitacao      { background-color: var(--color-editoria-cursos); }
.noticias-mais-btn--cursos-e-capacitacao:hover { background-color: var(--color-editoria-cursos); filter: brightness(0.9); }


/* =============================================================================
   CARD DE NOTÍCIA (archive geral e archive por categoria)
   ============================================================================= */

.noticia-card {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-l);
    background-color: var(--full-white);
    text-decoration: none;
    color: inherit;
}

.noticia-card__link {
    display: flex;
    flex-direction: row;
    gap: var(--spacing-l);
    text-decoration: none;
    color: inherit;
    width: 100%;
}

.noticia-card__link:hover .noticia-card__titulo {
    color: var(--color-primary);
}

.noticia-card__thumb {
    flex-shrink: 0;
    width: 90px;
    height: 90px;
    border-radius: var(--corner-s) var(--corner-s) var(--corner-l) var(--corner-s);
    overflow: hidden;
}

.noticia-card__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.noticia-card__conteudo {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    flex: 1;
}

.noticia-card__data {
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-text-secondary);
}

.noticia-card__titulo {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    margin: 0;
    transition: color 0.15s ease;
}


/* =============================================================================
   ARCHIVE POR CATEGORIA — Grid e load more
   ============================================================================= */

.noticias-categoria-archive {
    padding-bottom: var(--spacing-max);
}

.noticias-categoria-archive__topo {
    display: flex;
    align-items: center;
    gap: var(--spacing-l);
    margin-bottom: var(--spacing-xxl);
    padding-top: var(--spacing-xl);
}

.noticias-grid,
.noticias-carregar-mais {
    max-width: calc(100% * 10 / 12);
    margin-left: auto;
    margin-right: auto;
}

/* Botão voltar */
.noticias-voltar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: 1px solid var(--color-border-default);
    border-radius: var(--corner-md);
    background-color: var(--full-white);
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.noticias-voltar:hover {
    background-color: var(--color-bg-subtle);
    border-color: var(--color-border-strong);
}

.noticias-voltar__icon {
    width: 18px;
    height: 18px;
}

/* Grid de cards no archive por categoria */
.noticias-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xxl);
}

.noticias-grid--carregando {
    opacity: 0.5;
    pointer-events: none;
}

.noticias-grid__vazio {
    grid-column: 1 / -1;
    color: var(--color-text-secondary);
    font-size: var(--font-size-body);
}

/* Botão "Carregar mais" */
.noticias-carregar-mais {
    display: flex;
    justify-content: flex-start;
    margin-top: var(--spacing-xxl);
}

.noticias-carregar-mais[hidden] {
    display: none;
}

.noticias-carregar-mais__btn {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-s);
    padding: var(--spacing-m) var(--spacing-xxl);
    font-family: var(--font-family-base);
    font-size: var(--font-size-button);
    font-weight: var(--font-weight-semibold);
    line-height: var(--line-height-button);
    color: var(--color-button-primary-text);
    background-color: var(--color-button-primary-bg);
    border: none;
    border-radius: var(--corner-md);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.noticias-carregar-mais__btn:hover {
    background-color: var(--color-button-primary-bg-hover);
}

.noticias-carregar-mais__btn:disabled,
.noticias-carregar-mais__btn--carregando {
    background-color: var(--color-button-primary-bg-disabled);
    color: var(--color-button-primary-text-disabled);
    cursor: not-allowed;
}


/* =============================================================================
   SINGLE — Layout geral
   ============================================================================= */

.noticia-single {
    padding-bottom: var(--spacing-max);
}

/* Grid de 12 colunas */
.noticia-single__grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: var(--spacing-l);
    padding-top: var(--spacing-xl);
    align-items: start;
}

/* Cabeçalho: botão (col 1) + categoria (cols 2–12) */
.noticia-single__cabecalho {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--spacing-l);
    margin-bottom: var(--spacing-xl);
}

.noticia-single__voltar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    border: 1px solid var(--color-border-default);
    border-radius: var(--corner-md);
    background-color: var(--full-white);
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.noticia-single__voltar:hover {
    background-color: var(--color-bg-subtle);
    border-color: var(--color-border-strong);
}

.noticia-single__voltar-icon {
    width: 18px;
    height: 18px;
}

.noticia-single__cabecalho .categoria-header {
    flex: 1;
    margin-bottom: 0;
    padding-bottom: var(--spacing-m);
}

/* Conteúdo principal: cols 2–9 */
.noticia-single__conteudo {
    grid-column: 2 / 10;
    min-width: 0; /* evita que o conteúdo extravase o grid */
    overflow: hidden;
}

.noticia-single__figura {
    margin: var(--spacing-xl) 0;
}

.noticia-single__figura img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    border-radius: var(--corner-md);
}

.noticia-single__legenda {
    margin-top: var(--spacing-s);
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-text-secondary);
}

.noticia-single__titulo {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-h2);
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-m);
}

.noticia-single__subtitulo {
    font-size: var(--font-size-body-large);
    line-height: var(--line-height-body-large);
    color: var(--color-text-secondary);
    margin: 0 0 var(--spacing-l);
}

.noticia-single__meta {
    display: flex;
    align-items: center;
    gap: var(--spacing-l);
    margin-bottom: var(--spacing-l);
}

.noticia-single__data {
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-text-secondary);
}

.noticia-single__fonte {
    font-size: var(--font-size-body-small);
    line-height: var(--line-height-body-small);
    color: var(--color-text-secondary);
}

.noticia-single__texto {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
}

.noticia-single__texto p {
    margin: 0 0 var(--spacing-l);
}

.noticia-single__texto p:last-child {
    margin-bottom: 0;
}

.noticia-single__texto h2,
.noticia-single__texto h3,
.noticia-single__texto h4 {
    font-weight: var(--font-weight-bold);
    color: var(--color-text-primary);
    margin: var(--spacing-xl) 0 var(--spacing-m);
}

.noticia-single__texto h2 { font-size: var(--font-size-h3); line-height: var(--line-height-h3); }
.noticia-single__texto h3 { font-size: var(--font-size-h4); line-height: var(--line-height-h4); }

.noticia-single__compartilhar-rodape {
    display: flex;
    align-items: center;
    gap: var(--spacing-l);
    margin-top: var(--spacing-xxl);
    padding-top: var(--spacing-xl);
    border-top: 1px solid var(--color-border-default);
}

.noticia-single__compartilhar-label {
    display: flex;
    align-items: center;
    gap: var(--spacing-s);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
}

.noticia-single__compartilhar-icon {
    width: 18px;
    height: 18px;
}






/* Sidebar: cols 10–12 */
.noticia-single__sidebar {
    grid-column: 10 / -1;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    position: sticky;
    top: var(--spacing-xl);
}


/* =============================================================================
   COMPARTILHAMENTO SOCIAL
   ============================================================================= */

.noticia-compartilhar {
    display: flex;
    align-items: center;
    gap: var(--spacing-m);
    list-style: none;
    margin: 0;
    padding: 0;
}

.noticia-compartilhar--topo {
    margin-bottom: var(--spacing-l);
}

.noticia-compartilhar__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--color-button-secondary-bg);
    text-decoration: none;
    transition: color 0.15s ease;
}

.noticia-compartilhar__link:hover {
    color: var(--color-button-secondary-bg-hover);
}

.noticia-compartilhar__link svg {
    width: 32px;
    height: 32px;
    display: block;
}

.noticia-compartilhar__link svg * {
    fill: currentColor;
}


/* =============================================================================
   SINGLE — Sidebar
   ============================================================================= */

.noticia-single__sidebar {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    position: sticky;
    top: var(--spacing-xl);
}

.noticia-sidebar__cta {
    /* Reservado para o CTA "Associe-se" — implementar globalmente */
}

.noticia-sidebar__leia-tambem {
    background-color: var(--full-white);
    border: 1px solid var(--color-border-default);
    border-radius: var(--corner-md);
    padding: var(--spacing-xl);
}

.noticia-sidebar__titulo {
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    margin: 0 0 var(--spacing-l);
}

.noticia-sidebar__lista {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-m);
    list-style: none;
    margin: 0;
    padding: 0;
}

.noticia-sidebar__item {
    padding-bottom: var(--spacing-m);
    border-bottom: 1px solid var(--color-border-default);
}

.noticia-sidebar__item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.noticia-sidebar__link {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-text-primary);
    text-decoration: none;
    transition: color 0.15s ease;
}

.noticia-sidebar__link:hover {
    color: var(--color-primary);
}


/* =============================================================================
   RESPONSIVO
   ============================================================================= */

@media (max-width: 1024px) {
    .noticias-categoria__grid {
        grid-template-columns: 1fr;
    }

    .noticias-grid {
        grid-template-columns: 1fr;
    }

    .noticia-single__grid {
        grid-template-columns: 1fr;
    }

    .noticia-single__sidebar {
        position: static;
    }
}

@media (max-width: 600px) {
    .noticia-card__thumb {
        width: 72px;
        height: 72px;
    }
}