/* ==========================================================================
 * formicarium.it · mkdocs-adapter.css
 *
 * Adapter MkDocs Material: mappa le var Material alle var bacheca
 * (definite in style.css, caricato PRIMA di questo file).
 *
 * Tutto il design viene da style.css. Qui SOLO override engine-specific:
 *  - var Material → var bacheca (palette, font)
 *  - nasconde sidebar Material (per layout = bacheca)
 *  - nasconde tabs Material (per non duplicare topnav)
 *  - resta md-content centrato e wide
 * ========================================================================== */

/* === Mappa Material → bacheca (light + dark) ============================ */
[data-md-color-scheme="default"] {
  --md-default-bg-color:       var(--bg-page);
  --md-default-fg-color:       var(--txt);
  --md-default-fg-color--light: var(--txt-dim);
  --md-primary-fg-color:       var(--dark-2);
  --md-primary-bg-color:       var(--cream);
  --md-accent-fg-color:        var(--rust);
  --md-typeset-a-color:        var(--gold-dark);
  --md-typeset-color:          var(--txt);
  --md-code-bg-color:          var(--bg-card-alt);
  --md-code-fg-color:          var(--txt);
}
[data-md-color-scheme="slate"] {
  --md-default-bg-color:       var(--bg-page);
  --md-default-fg-color:       var(--txt);
  --md-default-fg-color--light: var(--txt-dim);
  --md-primary-fg-color:       var(--dark-2);
  --md-primary-bg-color:       var(--cream);
  --md-accent-fg-color:        var(--gold);
  --md-typeset-a-color:        var(--gold-soft);
  --md-typeset-color:          var(--txt);
  --md-code-bg-color:          var(--bg-card-alt);
  --md-code-fg-color:          var(--txt);
}

/* === Tipografia condivisa ============================================== */
.md-typeset {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
}
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4 {
  font-family: var(--font-display);
  color: var(--txt);
  letter-spacing: -0.005em;
}
.md-typeset h1 {
  color: var(--gold-dark);
  border-bottom: 1px solid var(--gold);
  padding-bottom: 0.3em;
}
[data-color-scheme="slate"] .md-typeset h1,
html[data-color-scheme="slate"] .md-typeset h1 {
  color: var(--gold);
}
.md-typeset a:not(.md-button):not(.md-tag) {
  color: var(--gold-dark);
  text-decoration: underline;
  text-decoration-color: rgba(204, 179, 97, 0.3);
}
[data-color-scheme="slate"] .md-typeset a:not(.md-button):not(.md-tag),
html[data-color-scheme="slate"] .md-typeset a:not(.md-button):not(.md-tag) {
  color: var(--gold-soft);
}
.md-typeset a:hover:not(.md-button):not(.md-tag) {
  color: var(--rust);
  text-decoration-color: var(--rust);
}

/* === Header Material (md-header) — NASCOSTO ============================ */
/* Le 3 superfici usano UNA SOLA topnav (.site-banner). Header Material e
   tabs sono ridondanti → nascondi del tutto. */
.md-header,
.md-tabs {
  display: none !important;
}

/* === Sidebar Material — NASCOSTE (layout = bacheca/phpBB) =============== */
.md-sidebar--primary,
.md-sidebar--secondary {
  display: none !important;
}

/* === Content layout = bacheca (max 1180px centrato, no sheet) ========== */
.md-grid { max-width: var(--maxw-content); }
.md-main__inner {
  background: transparent;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}
.md-content { margin: 0 auto !important; max-width: var(--maxw-content); }
.md-content__inner {
  max-width: var(--maxw-content);
  margin: 0 auto;
  padding: 24px 16px 36px;
}

/* === Topnav RESET TOTALE: Material wrappa announce in div.md-typeset che
   applica text-transform, list-style, margin/padding, font-weight ai
   descendant. Resettiamo tutto per la nostra .site-banner. */
.md-banner,
.md-banner__inner,
.md-banner__inner.md-typeset {
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}
/* RESET aggressivo per ogni discendente della nostra topnav */
.md-banner .site-banner,
.md-banner__inner .site-banner,
.md-banner .site-banner *,
.md-banner__inner .site-banner * {
  text-transform: none !important;
  font-variant: normal !important;
  letter-spacing: normal !important;
}
.md-banner .site-banner ul,
.md-banner__inner .site-banner ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 auto !important;
}
.md-banner .site-banner li,
.md-banner__inner .site-banner li {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
  display: list-item;
}
.md-banner .site-banner li::before,
.md-banner__inner .site-banner li::before,
.md-banner .site-banner li::marker,
.md-banner__inner .site-banner li::marker {
  content: none !important;
  display: none !important;
}
.md-banner .site-banner a,
.md-banner__inner .site-banner a {
  text-decoration: none !important;
}
/* Re-impose i color della topnav (style.css ha già i giusti selettori,
   ma Material a:not(.md-button) sovrascrive) */
.md-banner .site-banner .topnav__primary > li > a,
.md-banner__inner .site-banner .topnav__primary > li > a {
  color: var(--cream) !important;
}
.md-banner .site-banner .topnav__primary > li > a.is-active,
.md-banner__inner .site-banner .topnav__primary > li > a.is-active {
  color: var(--gold) !important;
}
.md-banner .site-banner .topnav__utility > li > a,
.md-banner__inner .site-banner .topnav__utility > li > a {
  color: var(--gold-soft) !important;
}
.md-banner .site-banner .topnav__utility .topnav__utility--primary,
.md-banner__inner .site-banner .topnav__utility .topnav__utility--primary {
  color: var(--cream) !important;
}
/* Summary "+ Nuovo topic" reset Material details/summary chevron */
.md-banner .site-banner details.topnav__newtopic > summary::before,
.md-banner__inner .site-banner details.topnav__newtopic > summary::before,
.md-banner .site-banner details.topnav__newtopic > summary::after,
.md-banner__inner .site-banner details.topnav__newtopic > summary::after {
  content: none !important;
  display: none !important;
}
.md-banner .site-banner details > summary,
.md-banner__inner .site-banner details > summary {
  margin: 0 !important;
  padding: 11px 16px !important;
  background: rgba(204, 179, 97, 0.06) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
  list-style: none !important;
}
/* Header Material era già nascosto; non serve fix qui. */

/* === Code blocks / admonitions ========================================= */
.md-typeset code {
  background: var(--bg-card-alt);
  color: var(--txt);
  border: 1px solid var(--bdr-soft);
  padding: 2px 5px;
  border-radius: 3px;
}
.md-typeset pre code { border: none; }
.md-typeset .admonition,
.md-typeset details.admonition {
  background: var(--bg-card-alt);
  border-left: 4px solid var(--gold);
  color: var(--txt);
}

/* === Search Material — visibile come il resto del sito (dark coordinated) */
.md-search__form {
  background: var(--bg-card-alt);
  border: 1px solid var(--bdr);
}
.md-search__input {
  color: var(--txt);
}
.md-search__input::placeholder { color: var(--txt-muted); }

/* === Headerlink (pilcrow ¶) — disattivato ===============================
 * Material aggiunge un anchor `<a class="headerlink">¶` accanto a ogni
 * heading per il deep-link. Il glifo ¶ confonde gli utenti (sembra un
 * "a capo" o un errore di rendering). Lo nascondiamo del tutto: le guide
 * sono pagine a sezione singola dove il permalink coincide con l'URL. */
.md-typeset .headerlink {
  display: none !important;
}

/* === Link :visited — coerenti col default state ========================
 * Material non definisce a:visited → il browser applica il colore UA
 * default (viola/grigio scuro) e i link visitati appaiono "spenti".
 * Mantieni lo stesso colore del default per leggibilità della lista. */
.md-typeset a:visited {
  color: var(--md-typeset-a-color);
}