/* ============================================================================
 * ycm.docs.css — override-uri YCM pentru docs viewer (/ycm/docs/view/*).
 * Fișier PARALEL (NU patch pe core.css — vezi docs/AI-context.md regula 16).
 * Încărcat NECONDIȚIONAT în _head.html.twig DUPĂ core.css → disponibil în
 * dev/prod/test (spre deosebire de core.css, care în prod e înlocuit de
 * core.min.css unde aceste reguli n-ar exista).
 * ========================================================================== */

/* Code blocks lizibili pe tema dark a app-ului — tema vendor punea pre/code pe
   fundal închis (navy/violet) cu text slab. Light bg + text dark, GitHub-like. */
.docs-markdown-body pre {
  background-color: rgba(0, 0, 0, 0.04) !important;
  color: #24292e !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
  padding: 12px 16px !important;
  overflow-x: auto;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.875em;
  line-height: 1.45;
}

.docs-markdown-body pre code {
  background-color: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  border: 0 !important;
  font-size: inherit;
}

.docs-markdown-body code {
  background-color: #eef0f3 !important;
  color: #24292e !important;
  padding: 2px 6px !important;
  border-radius: 3px;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 0.875em;
}

/* Tabele — separare clară între coloane. Fără asta, celulele generate de
   CommonMark (markdown `| col | col |`) iau padding minim → „Route path" și
   „Route name" par aceeași coloană la scroll. Nu putem pune clase pe `<td>`
   (markdown le generează fără hook; raw HTML e strip-uit de html_input:strip),
   deci separarea vine dintr-un selector CSS. */
.docs-markdown-body table {
  display: block;              /* bloc scrollabil orizontal → nu forțează lățimea paginii pe mobile */
  width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
  margin: 1rem 0;
}

.docs-markdown-body th,
.docs-markdown-body td {
  padding: 0.45rem 2rem 0.45rem 0;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #eef0f4;
  white-space: nowrap;         /* „Data" pe un rând (nu se rupe în 4); tabelul scrollează în card */
}