/* Estilos personalizados para o Manual de Git e GitHub */

/* Tipografia geral */
body {
  font-size: 1.05rem;
  line-height: 1.7;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
  color: #24292f;
  font-weight: 600;
}

/* Links */
a {
  color: #0969da;
}

a:hover {
  text-decoration: underline;
}

/* Blocos de código */
pre {
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 1rem;
}

code {
  font-family: 'SF Mono', 'Menlo', 'Monaco', 'Consolas', monospace;
  font-size: 0.9em;
}

/* Código inline */
p code, li code, td code {
  background-color: #f6f8fa;
  padding: 0.2em 0.4em;
  border-radius: 4px;
  font-size: 0.85em;
}

/* Tabelas */
table {
  width: 100%;
  margin: 1.5rem 0;
  border-collapse: collapse;
}

th {
  background-color: #f6f8fa;
  font-weight: 600;
  text-align: left;
  padding: 0.75rem;
  border-bottom: 2px solid #d0d7de;
}

td {
  padding: 0.75rem;
  border-bottom: 1px solid #d0d7de;
}

tr:hover {
  background-color: #f6f8fa;
}

/* Callouts personalizados */
.callout-tip {
  border-left-color: #2da44e;
}

.callout-warning {
  border-left-color: #d29922;
}

.callout-note {
  border-left-color: #0969da;
}

/* Panel tabset */
.panel-tabset .nav-link {
  color: #57606a;
}

.panel-tabset .nav-link.active {
  color: #0969da;
  border-bottom-color: #0969da;
}

/* Sidebar */
.sidebar-title {
  font-weight: 700;
}

/* Diagramas mermaid */
.mermaid {
  text-align: center;
  margin: 2rem 0;
}

/* Listas de definição */
dt {
  font-weight: 600;
  color: #24292f;
  margin-top: 1rem;
}

dd {
  margin-left: 1.5rem;
  margin-bottom: 0.5rem;
}

/* Footer */
.page-footer {
  border-top: 1px solid #d0d7de;
  padding-top: 1rem;
  margin-top: 2rem;
  font-size: 0.9rem;
  color: #57606a;
}

/* Responsividade */
@media (max-width: 768px) {
  body {
    font-size: 1rem;
  }
  
  pre {
    font-size: 0.85rem;
    overflow-x: auto;
  }
  
  table {
    font-size: 0.9rem;
  }
}

/* Tema escuro - ajustes */
[data-bs-theme="dark"] {
  --bs-body-bg: #0d1117;
  --bs-body-color: #c9d1d9;
}

[data-bs-theme="dark"] h1,
[data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3,
[data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5,
[data-bs-theme="dark"] h6 {
  color: #c9d1d9;
}

[data-bs-theme="dark"] pre {
  background-color: #161b22;
  border-color: #30363d;
}

[data-bs-theme="dark"] code {
  background-color: #161b22;
}

[data-bs-theme="dark"] th {
  background-color: #161b22;
  border-color: #30363d;
}

[data-bs-theme="dark"] td {
  border-color: #30363d;
}

[data-bs-theme="dark"] tr:hover {
  background-color: #161b22;
}

[data-bs-theme="dark"] dt {
  color: #c9d1d9;
}

/* Mermaid - fundo transparente */
.mermaid svg {
  background-color: transparent !important;
}

[data-bs-theme="dark"] .mermaid svg {
  background-color: transparent !important;
}