/**
 * Typography & Metadata Accessibility Styles (WCAG AA & AAA)
 * Task ID: AUD-A11Y-001
 *
 * Garante contraste superior a 4.5:1 (ou 7:1) em textos secundários de metadados:
 * .post-meta, data de publicação, autor, categoria e tempo de leitura,
 * preservando hierarquia visual harmônica sem competir com os títulos.
 */

/* ==========================================================================
   Metadados Secundários Universais (.post-meta, data, autor, leitura)
   ========================================================================== */
.post-meta,
.card-post-meta,
.gl-meta,
.entry-meta,
.gl-content-card__footer,
.gl-radio-editorial-card__meta,
.gl-episode-meta {
  color: var(--post-meta-color, #475569);
  font-family: var(--font-sans, Inter, ui-sans-serif, system-ui, sans-serif);
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

/* ==========================================================================
   1. Home & Cards de Artigos
   ========================================================================== */
.card-post-footer,
.gl-platform-card__footer,
.gl-content-card__footer {
  color: var(--post-meta-color, #475569);
  font-size: 0.8rem;
}

.card-post-meta,
.gl-card .gl-meta,
.gl-side-story .gl-meta,
.gl-study-item__meta,
.gl-editorial-side-list .gl-card .gl-meta,
.gl-editorial-row .gl-card .gl-meta {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--post-meta-color, #475569) !important;
  font-size: 0.8125rem;
  font-weight: 500;
}

.card-post-meta svg,
.card-post-meta .gl-icon,
.gl-meta svg,
.gl-meta .gl-icon,
.gl-content-card__footer svg {
  color: var(--post-meta-icon-color, #64748b);
  opacity: 0.95;
}

/* Preservação da Hierarquia Visual: Título expressivo vs Metadado equilibrado */
.card-post-title,
.gl-card__title,
.gl-platform-card__title,
.gl-side-story h2,
.gl-study-item h3 {
  color: var(--text-primary, #101828);
  font-weight: 750;
}

/* ==========================================================================
   2. Cabeçalho do Artigo Único (Single Post Byline & Header)
   ========================================================================== */
.single-post .entry-header .entry-meta,
.post-date,
.entry-date,
time.published {
  color: var(--post-meta-color, #475569);
  font-size: 0.8125rem;
  font-weight: 500;
}

.entry-meta .author,
.entry-meta .byline {
  color: var(--text-primary, #101828);
  font-weight: 650;
  letter-spacing: -0.01em;
}

.reading-time,
.card-post-meta-time {
  color: var(--post-meta-color, #475569);
  font-weight: 500;
}

.gl-reading-related__meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.gl-reading-related__meta small {
  color: var(--post-meta-color, #475569);
  font-size: 0.78rem;
  font-weight: 500;
}

/* ==========================================================================
   3. Breadcrumbs & Navegação Secundária
   ========================================================================== */
.gl-breadcrumb,
.gl-breadcrumb a {
  color: var(--post-meta-color, #475569);
  font-size: 0.78rem;
}

.gl-breadcrumb a:hover {
  color: var(--nav-brand-main, #4930c9);
}

/* Hierarchy & Card Heading Normalization (AUD-SEO-001) */
.card-title,
h3.card-title {
  color: var(--text-primary, #101828);
  font-weight: 750;
  letter-spacing: -0.015em;
}

.card-title.text-sm,
h3.card-title.text-sm {
  font-size: 0.95rem;
  line-height: 1.4;
  font-weight: 700;
}