/*
  Linkwise brand overrides — carregar DEPOIS do CSS compilado do Clenzia
  (theme/clenzia/css/bootstrap.css + app.css).

  $primary (Ink Blue #123C5C) e $secondary (Signal Amber #E2762B) já vêm
  corretos do CSS compilado (Landing/src/assets/scss/_variables.scss,
  spec_02 seção 2). Terciária e quaternária NÃO entram no $theme-colors do
  Bootstrap (uso é só nos badges de categoria do blog) — ficam só aqui.
*/

:root {
  --lw-tertiary: #1E9E8C;   /* Circuit Teal  — categoria "Inteligência Artificial" */
  --lw-quaternary: #7C5CBF; /* Plum Violet   — categoria "Engenharia de Software" */
  --lw-neutral: #6B7280;    /* cinza neutro  — categoria "Diversos", sem categoria e valores desconhecidos */
}

/* Badges de categoria — usados na listagem do blog e na tela de post (spec_01 seção 5).
   Categorização real via Category/Post.IDCategory (spec_03) — classes mapeadas pelo
   slug real (Category.DSSlug) em BlogController.GetCategoriaBadgeClass. */
.badge-categoria {
  color: #fff;
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.badge-categoria-inteligencia-artificial {
  background: var(--lw-tertiary);
}

.badge-categoria-engenharia-software {
  background: var(--lw-quaternary);
}

.badge-categoria-diversos,
.badge-categoria-default {
  background: var(--lw-neutral);
}

/* Hero da Home — substitui o fundo padrão do template Clenzia (aponta para asset
   inexistente no projeto) por imagem própria de IA/tecnologia, com overlay escuro
   para manter contraste do texto branco (title/badges/descrição) do slider. */
.digital-hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('/image/slides/linkwise-inteligencia-artificial.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Spinner de loading — usado por blog-Post.js (startLoadingButton) no lugar do fa-spin do FontAwesome */
.lw-spin {
  display: inline-block;
  animation: lw-spin 1s linear infinite;
}
@keyframes lw-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* Tipografia do corpo do post (DSTextoPost) — HTML livre vindo do banco, sem classes próprias.
   Reskin visual da tela de post (spec_02 item 2): título, blockquote, imagens e parágrafos. */
.post-prose {
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--bs-body-color);
}
.post-prose h2,
.post-prose h3 {
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.post-prose p {
  margin-bottom: 1.25rem;
}
.post-prose img {
  max-width: 100%;
  height: auto;
  border-radius: .75rem;
  margin: 1.5rem 0;
}
.post-prose blockquote {
  margin: 2rem 0;
  padding: 1rem 1.5rem;
  border-left: 4px solid var(--bs-secondary);
  background: var(--bs-primary-bg-subtle);
  font-style: italic;
  border-radius: 0 .5rem .5rem 0;
}