/* ============================================================
   KRIT – Institut pro krizovou komunikaci
   Obsidian Publish stylesheet — metodiky.krit.institute
   ------------------------------------------------------------
   Inspirace: help.obsidian.md (minimalistický override).
   Necháváme Obsidian default theme (Inter, čistá typografie)
   a děláme jen drobné brand tweaky.
   ============================================================ */

/* ---------- 1. Brand barvy ---------- */
.published-container {
  /* Obsidian default Inter používá se automaticky — žádný @import */

  /* Brand */
  --krit-dark: #0b122a;
  --krit-grey-light: #f0f0f0;
  --krit-grey-dark: #bebebe;

  /* Čitelnější šířka sloupce */
  --line-width: 46rem;
  --line-width-adaptive: 46rem;
  --file-line-width: 46rem;

  /* Větší logo (Obsidian help má 25px, my chceme dominantnější) */
  --logo-height: 64px;
  --logo-max-height: 80px;
  --logo-radius: 0;
}

/* ---------- 2. Logo — různé varianty pro light/dark ----------
   Skryjeme původní <img> (které vybírá Site options → Logo)
   a vykreslíme správnou variantu jako background-image podle režimu.
   Soubory jsou v Knowledge/Methodologies/ — oba musí být PUBLIKOVANÉ. */

.site-body-left-column-site-logo,
.site-header-logo {
  display: block;
  width: 220px;
  height: 64px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}

.site-body-left-column-site-logo {
  margin-bottom: 24px;
}

.site-header-logo {
  display: flex;
  align-items: center;
}

/* Skryj <img>, které Publish renderuje z Site options */
.site-body-left-column-site-logo img,
.site-header-logo img {
  display: none;
}

/* Light mode logo */
.theme-light .site-body-left-column-site-logo,
.theme-light .site-header-logo {
  background-image: url('Knowledge/Methodologies/Page logotype/KRIT Light.png');
}

/* Dark mode logo */
.theme-dark .site-body-left-column-site-logo,
.theme-dark .site-header-logo {
  background-image: url('Knowledge/Methodologies/Page logotype/KRIT Dark.png');
}

/* ---------- 3. Skrytí názvu stránky (page header) ----------
   H1 v markdownu duplikuje název souboru — schováme generovaný.
   Alternativa: GUI toggle Site options → "Hide page title". */
.published-container .page-header-title {
  display: none;
}

/* Skrytí site name (jen logo, jako na help.obsidian.md) */
.site-body-left-column-site-name {
  display: none;
}

/* ---------- 4. Žádné podtržení / border-bottom u nadpisů ---------- */
.published-container .markdown-preview-view h1,
.published-container .markdown-preview-view h2,
.published-container .markdown-preview-view h3,
.published-container .markdown-preview-view h4,
.published-container .markdown-preview-view h5,
.published-container .markdown-preview-view h6 {
  border: none;
  border-bottom: none;
  padding-bottom: 0;
}

/* Drobné doladění hierarchie nadpisů (Obsidian default je trochu malý) */
.published-container .markdown-preview-view h1 {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0.4em;
  margin-bottom: 0.6em;
}

.published-container .markdown-preview-view h2 {
  font-size: 1.55em;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.published-container .markdown-preview-view h3 {
  font-size: 1.2em;
  font-weight: 600;
  margin-top: 1.6em;
}

/* ---------- 5. Odkazy v textu ----------
   Nepřebíjíme nic — necháváme Obsidian default (purpurová z --text-accent),
   stejně jako help.obsidian.md. Unresolved linky zůstanou tlumené. */

/* ---------- 6. Callouts ---------- */
.published-container .markdown-preview-view .callout {
  border-radius: 6px;
}

.published-container .markdown-preview-view .callout-title {
  font-weight: 700;
}

/* ---------- 7. Code ---------- */
.published-container {
  --code-border-width: 1px;
}

/* ---------- 8. Tabulky (jako Obsidian help) ---------- */
.published-container {
  --table-row-alt-background: var(--background-primary-alt);
  --table-row-alt-background-hover: var(--background-primary-alt);
}

/* ---------- 9. Active nav item — brand color ---------- */
.published-container .nav-file-title.is-active {
  background: var(--krit-grey-light);
  font-weight: 600;
}

/* ---------- 10. Dark mode — KRIT very dark blue jako bg ---------- */
.theme-dark .published-container {
  --color-base-00: #0b122a;
  --krit-grey-light: #1a2140;
  --krit-grey-dark: #4a5169;
}

.theme-dark .published-container .nav-file-title.is-active {
  background: #1a2140;
}

/* Logo invert pro tmavý mód (pokud je logo tmavé na světlém pozadí) */
.theme-dark .site-body-left-column-site-logo,
.theme-dark .site-header-logo {
  /* Pokud máš černé logo na průhledném pozadí, odkomentuj:
     filter: invert(1) hue-rotate(180deg); */
}

/* ============================================================
   MOBILE — adaptace podle help.obsidian.md vzoru
   ============================================================ */

/* Site name v headeru — schovat NA VŠECH ÚROVNÍCH selektorů */
.site-header-text,
.site-header-name,
.site-body-left-column-site-name,
.published-container .site-header-text,
.published-container .site-header-name {
  display: none !important;
}

/* Mobile breakpoint — Obsidian help používá 750px */
@media screen and (max-width: 750px) {
  /* Header — menší, kompaktnější */
  .published-container.has-navigation .site-header {
    padding: 0 5%;
    height: 60px;
    gap: 1rem;
  }

  /* Hamburger menu ikona — úplně vpravo (margin-left: auto tlačí k okraji) */
  .published-container.has-navigation .site-header .clickable-icon {
    order: 3;
    margin-left: auto;
    margin-right: 0;
    padding: 0;
  }

  /* Logo nesmí růst přes svou definovanou šířku */
  .published-container.has-navigation .site-header .site-header-logo,
  .published-container.has-navigation .site-header .site-body-left-column-site-logo {
    flex: 0 0 auto;
  }

  .published-container.has-navigation .site-header .clickable-icon svg {
    stroke-width: 2;
    stroke: var(--text-muted);
    transform: scaleX(1.35);
  }

  /* Logo na mobile — height 46, šířka proporčně (aspect 280:80) */
  .site-body-left-column-site-logo,
  .site-header-logo {
    width: 161px;
    height: 46px;
  }

  /* Sidebar — bez animace pro plynulejší toggle */
  .published-container.has-navigation .site-body-left-column {
    transition: none;
    padding-top: 10px;
  }
}