/**
 * Wiki institucional — Cara Core
 * Camada sobre wiki.css: aparência sóbria, próxima de wikis de referência
 * (fundo neutro, topo plano, hierarquia tipográfica, pouca cor decorativa).
 */

/* -------------------------------------------------------------------------
   Tokens (alinha à identidade cc-i-* e leitura prolongada)
   ------------------------------------------------------------------------- */
:root {
  --wiki-inst-surface: #ffffff;
  --wiki-inst-canvas: #f6f8fa;
  --wiki-inst-border: #c8ccd1;
  --wiki-inst-border-strong: #a2a9b1;
  --wiki-inst-text: #203246;
  --wiki-inst-muted: #5d6f82;
  --wiki-inst-accent: #0a6b85;
  --wiki-inst-accent-soft: #eaf3f6;
  --wiki-inst-link: #0a6b85;
  --wiki-inst-link-hover: #064a5c;
  --wiki-inst-header-bg: #f8f9fa;
  --wiki-inst-nav-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}

[data-theme="dark"] {
  --wiki-inst-surface: #161b22;
  --wiki-inst-canvas: #0d1117;
  --wiki-inst-border: #30363d;
  --wiki-inst-border-strong: #484f58;
  --wiki-inst-text: #e6edf3;
  --wiki-inst-muted: #8b949e;
  --wiki-inst-accent: #58a6b8;
  --wiki-inst-accent-soft: #21262d;
  --wiki-inst-link: #58a6b8;
  --wiki-inst-link-hover: #79c0d0;
  --wiki-inst-header-bg: #161b22;
  --wiki-inst-nav-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}

/* -------------------------------------------------------------------------
   Base: sem gradiente de fundo
   ------------------------------------------------------------------------- */
body {
  background: var(--wiki-inst-canvas) !important;
  color: var(--wiki-inst-text);
}

/* -------------------------------------------------------------------------
   Barra superior: estilo “site de documentação”, não banner colorido
   ------------------------------------------------------------------------- */
nav.wiki-nav.navbar-dark {
  background: var(--wiki-inst-header-bg) !important;
  background-image: none !important;
  box-shadow: var(--wiki-inst-nav-shadow);
  border-bottom: 1px solid var(--wiki-inst-border);
}

nav.wiki-nav.navbar-dark::after {
  display: none !important;
}

nav.wiki-nav .navbar-brand,
nav.wiki-nav .nav-link {
  color: var(--wiki-inst-text) !important;
}

nav.wiki-nav .nav-link:hover,
nav.wiki-nav .nav-link:focus {
  color: var(--wiki-inst-accent) !important;
}

nav.wiki-nav .navbar-brand {
  font-weight: 600;
  letter-spacing: 0.01em;
}

/* Ícone do menu (navbar-dark usa traço claro) */
nav.wiki-nav.navbar-dark .navbar-toggler {
  border-color: var(--wiki-inst-border);
}
nav.wiki-nav.navbar-dark .navbar-toggler-icon {
  filter: invert(0.25);
}

html[data-theme="dark"] nav.wiki-nav.navbar-dark .navbar-toggler-icon {
  filter: invert(0.9);
}

/* Botão tema: discreto, sem animação exagerada */
.theme-toggle-btn {
  background: var(--wiki-inst-surface) !important;
  border: 1px solid var(--wiki-inst-border) !important;
  color: var(--wiki-inst-text) !important;
  border-radius: 8px !important;
  transform: none !important;
}
.theme-toggle-btn:hover {
  background: var(--wiki-inst-accent-soft) !important;
  border-color: var(--wiki-inst-border-strong) !important;
  transform: none !important;
}
.theme-toggle-btn:focus {
  outline: 2px solid var(--wiki-inst-accent);
  outline-offset: 2px;
}

/* -------------------------------------------------------------------------
   Breadcrumb
   ------------------------------------------------------------------------- */
.wiki-breadcrumb {
  background: transparent !important;
  border-bottom: 1px solid var(--wiki-inst-border);
  border-radius: 0 !important;
  padding: 10px 0 !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] .wiki-breadcrumb {
  border: none !important;
  border-bottom: 1px solid var(--wiki-inst-border) !important;
}

/* -------------------------------------------------------------------------
   Caixa de conteúdo principal
   ------------------------------------------------------------------------- */
.wiki-content {
  box-shadow: none !important;
  border: 1px solid var(--wiki-inst-border);
  border-radius: 4px;
  background: var(--wiki-inst-surface) !important;
}

/* Cabeçalho de página (home e internas): sem gradiente */
.wiki-header {
  background: var(--wiki-inst-header-bg) !important;
  background-image: none !important;
  color: var(--wiki-inst-text) !important;
  border-bottom: 1px solid var(--wiki-inst-border);
  border-radius: 0 !important;
  margin: -30px -30px 24px -30px !important;
  padding: 20px 24px !important;
}

.wiki-header h1 {
  color: var(--wiki-inst-text) !important;
  font-size: 1.65rem;
  font-weight: 600;
}

.wiki-header::after {
  display: none !important;
}

.wiki-home-subtitle {
  color: var(--wiki-inst-muted) !important;
}

/* Atalhos da home: botões neutros (não semáforo) */
.wiki-quick-actions .btn {
  border-radius: 4px !important;
  font-weight: 500;
  background: var(--wiki-inst-surface) !important;
  border: 1px solid var(--wiki-inst-border) !important;
  color: var(--wiki-inst-text) !important;
}
.wiki-quick-actions .btn:hover {
  background: var(--wiki-inst-accent-soft) !important;
  border-color: var(--wiki-inst-accent) !important;
  color: var(--wiki-inst-accent) !important;
}
.wiki-quick-actions .btn-success,
.wiki-quick-actions .btn-primary,
.wiki-quick-actions .btn-dark {
  background: var(--wiki-inst-surface) !important;
  border-color: var(--wiki-inst-border) !important;
  color: var(--wiki-inst-text) !important;
}

/* -------------------------------------------------------------------------
   Sidebar
   ------------------------------------------------------------------------- */
.wiki-sidebar {
  box-shadow: none !important;
  border: 1px solid var(--wiki-inst-border);
  border-radius: 4px;
  background: var(--wiki-inst-surface) !important;
}

.wiki-sidebar h4 {
  color: var(--wiki-inst-text) !important;
  border-bottom: 1px solid var(--wiki-inst-border) !important;
  padding-bottom: 8px;
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.wiki-menu a {
  color: var(--wiki-inst-link) !important;
  border-radius: 2px;
}
.wiki-menu a:hover,
.wiki-menu a.active {
  background: var(--wiki-inst-accent-soft) !important;
  color: var(--wiki-inst-link-hover) !important;
  transform: none !important;
}

/* -------------------------------------------------------------------------
   Cabeçalhos de projeto / cards: uma família visual, sem arco-íris
   ------------------------------------------------------------------------- */
.project-header,
.project-header.hub,
.project-header.seed,
.project-header.reino,
.project-header.area51,
.project-header.python-training,
.project-header.pdv,
.project-header.ete,
.project-header.ink,
.project-header.python,
.project-header.python-tool,
.project-header.git-tool,
.project-header.vscode-tool,
.project-header.github-tool {
  background: var(--wiki-inst-header-bg) !important;
  background-image: none !important;
  color: var(--wiki-inst-text) !important;
  border-bottom: 1px solid var(--wiki-inst-border);
  padding: 16px 20px !important;
}

.project-header h1,
.project-header h3 {
  color: var(--wiki-inst-text) !important;
  font-weight: 600;
}

.project-card {
  box-shadow: none !important;
  border: 1px solid var(--wiki-inst-border);
}
.project-card:hover {
  transform: none !important;
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
   Trilhas (track cards): cabeçalhos discretos
   ------------------------------------------------------------------------- */
.track-header {
  color: var(--wiki-inst-text) !important;
  background: var(--wiki-inst-header-bg) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--wiki-inst-border);
}

.track-header.track-cliente,
.track-header.track-estagiario,
.track-header.track-socio {
  background: var(--wiki-inst-header-bg) !important;
  background-image: none !important;
  border-left: 4px solid var(--wiki-inst-accent);
}

.track-card {
  box-shadow: none !important;
}

/* -------------------------------------------------------------------------
   Alertas e caixas especiais: fundo plano, borda esquerda
   ------------------------------------------------------------------------- */
.alert-beginner,
.alert-intermediate,
.alert-advanced {
  background: var(--wiki-inst-surface) !important;
  background-image: none !important;
  border: 1px solid var(--wiki-inst-border);
  border-left-width: 4px;
}

.alert-beginner {
  border-left-color: #198754;
}
.alert-intermediate {
  border-left-color: #b8860b;
}
.alert-advanced {
  border-left-color: #b02a37;
}

.leigos-section,
.estagiario-section {
  background: var(--wiki-inst-accent-soft) !important;
  background-image: none !important;
  border: 1px solid var(--wiki-inst-border);
  border-left: 4px solid var(--wiki-inst-accent);
}

/* -------------------------------------------------------------------------
   Botão wiki legado
   ------------------------------------------------------------------------- */
.btn-wiki {
  background: var(--wiki-inst-accent) !important;
  background-image: none !important;
  border-radius: 4px;
  color: #fff !important;
}
.btn-wiki:hover {
  transform: none !important;
  filter: brightness(0.95);
}

/* -------------------------------------------------------------------------
   Listas e timeline
   ------------------------------------------------------------------------- */
.feature-list li:before {
  color: var(--wiki-inst-muted) !important;
  content: "•";
}

/* -------------------------------------------------------------------------
   Links no conteúdo (alinhar institucional)
   ------------------------------------------------------------------------- */
.wiki-content a:not(.btn):not(.nav-link):not(.navbar-brand),
.wiki-sidebar a {
  color: var(--wiki-inst-link) !important;
}
.wiki-content a:not(.btn):not(.nav-link):not(.navbar-brand):hover,
.wiki-sidebar a:hover {
  color: var(--wiki-inst-link-hover) !important;
}

/* -------------------------------------------------------------------------
   Animação de entrada: opcional e leve
   ------------------------------------------------------------------------- */
.wiki-content,
.project-card {
  animation: none !important;
}

/* -------------------------------------------------------------------------
   Scrollbar neutra
   ------------------------------------------------------------------------- */
::-webkit-scrollbar-thumb {
  background: var(--wiki-inst-border-strong) !important;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--wiki-inst-muted) !important;
}

/* -------------------------------------------------------------------------
   Rodapé
   ------------------------------------------------------------------------- */
.wiki-footer {
  background: var(--wiki-inst-header-bg) !important;
  border-top: 1px solid var(--wiki-inst-border);
  color: var(--wiki-inst-muted) !important;
}

/* -------------------------------------------------------------------------
   wiki-unified: títulos que usavam --primary-color
   ------------------------------------------------------------------------- */
.feature-header h4,
.module-header h5,
.glossary-term h3,
.glossary-letter {
  color: var(--wiki-inst-text) !important;
}

/* -------------------------------------------------------------------------
   Glossário (glossario.css): alfabeto e letras sem “botão primário” em massa
   ------------------------------------------------------------------------- */
.glossary-alphabet a {
  background: var(--wiki-inst-surface) !important;
  border: 1px solid var(--wiki-inst-border) !important;
  color: var(--wiki-inst-link) !important;
  font-weight: 600;
}
.glossary-alphabet a:hover {
  background: var(--wiki-inst-accent-soft) !important;
  border-color: var(--wiki-inst-accent) !important;
  color: var(--wiki-inst-accent) !important;
}

.glossary-letter {
  border-bottom-color: var(--wiki-inst-border-strong) !important;
}

.glossary-term {
  box-shadow: none !important;
  border-color: var(--wiki-inst-border) !important;
  background: var(--wiki-inst-surface) !important;
}