/* OsvaldChlubna 0.15.2 — archivní / badatelský vizuální facelift
   Pouze prezentační vrstva. Nemění strukturu ani data. */

:root {
  --paper: #f8f3e8;
  --paper-2: #eee4d1;
  --paper-deep: #e6dac3;
  --ink-dark: #29251f;
  --ink-blue: #315fae;
  --ink-red: #b72a24;
  --line-faint: rgba(76,61,39,.10);
  --pencil-red: rgba(183,42,36,.58);
  --pencil-blue: rgba(49,95,174,.42);
}

html { background: #e9e1d2; }
body {
  background-color: #eee7da;
  background-image:
    radial-gradient(circle at 18% 23%, rgba(104,79,42,.035) 0 1px, transparent 1.4px),
    radial-gradient(circle at 73% 61%, rgba(104,79,42,.025) 0 1px, transparent 1.3px),
    linear-gradient(90deg, rgba(255,255,255,.22), transparent 30%, rgba(92,68,38,.018) 68%, transparent),
    linear-gradient(#f2ecdf, #ece4d6);
  background-size: 31px 37px, 43px 47px, 100% 100%, 100% 100%;
  color: var(--ink-dark);
}

.site-header,
.sidebar,
.content,
.footer-inner,
.paper {
  border: 1px solid rgba(85,66,39,.08);
}

.site-header {
  /* Koláž headeru je definována v layout.css. Tato vrstva ji nesmí přepisovat. */
  box-shadow: 0 8px 25px rgba(67,52,31,.08);
}

.sidebar {
  background-color: var(--paper-2);
  background-image:
    linear-gradient(90deg, rgba(117,91,52,.035) 1px, transparent 1px),
    radial-gradient(circle at 65% 20%, rgba(91,69,38,.035) 0 1px, transparent 1.2px);
  background-size: 28px 100%, 37px 41px;
  box-shadow: 0 8px 24px rgba(67,52,31,.10), inset 0 0 45px rgba(119,88,44,.025);
}

.content {
  background-color: var(--paper);
  background-image:
    radial-gradient(circle at 16% 17%, rgba(91,69,38,.025) 0 1px, transparent 1.25px),
    radial-gradient(circle at 82% 69%, rgba(91,69,38,.018) 0 1px, transparent 1.2px),
    linear-gradient(90deg, rgba(255,255,255,.28), transparent 42%, rgba(97,73,39,.018));
  background-size: 41px 47px, 53px 59px, 100% 100%;
  box-shadow: 0 8px 28px rgba(67,52,31,.09), inset 0 0 70px rgba(116,87,48,.018);
}

h1, h2, h3 { color: var(--ink-blue); }
h1 { letter-spacing: .015em; }
h2 { margin-top: 2.1rem; }

/* Odkaz jako korektorská čára barevnou tužkou. */
a {
  color: var(--ink-red);
  border-bottom: 0;
  text-decoration-line: underline;
  text-decoration-color: var(--pencil-red);
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
  text-decoration-skip-ink: auto;
}
a:hover {
  color: #8e211d;
  border-bottom: 0;
  text-decoration-thickness: 2px;
}

.nav-list a,
.sidebar-nav a,
.timeline-title a {
  text-decoration: none;
}
.nav-list a:hover,
.nav-list .current-menu-item > a,
.nav-list .current_page_item > a,
.sidebar-nav .abc-group.open .abc-toggle {
  border-bottom: 0;
  text-decoration-line: underline;
  text-decoration-color: var(--pencil-red);
  text-decoration-thickness: 1px;
  text-underline-offset: .25em;
}

/* Fotografie jako archivní kartičky. */
.paper-image,
.header-portrait img,
.misto-card img,
.misto-image img {
  background: #fbf7ed;
  border: 1px solid rgba(69,54,35,.20);
  box-shadow: 0 7px 15px rgba(54,43,29,.18), 0 1px 2px rgba(54,43,29,.14);
}

.osoba-foto,
.header-portrait,
.misto-card {
  position: relative;
}

/* Kovová kancelářská sponka — čistě CSS, bez obrázku. */
.osoba-foto::before,
.header-portrait::before,
.misto-card::before {
  content: "";
  position: absolute;
  z-index: 4;
  width: 13px;
  height: 43px;
  border: 2px solid rgba(83,82,76,.70);
  border-radius: 9px 9px 8px 8px;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.38), 1px 2px 2px rgba(0,0,0,.12);
  transform: rotate(7deg);
  pointer-events: none;
}
.osoba-foto::before { right: 15px; top: -12px; }
.header-portrait::before { right: 13px; top: -11px; }
.misto-card::before { right: 25px; top: 2px; }

/* Druhý drátek sponky. */
.osoba-foto::after,
.header-portrait::after,
.misto-card::after {
  content: "";
  position: absolute;
  z-index: 5;
  width: 7px;
  height: 31px;
  border: 1px solid rgba(83,82,76,.58);
  border-radius: 7px;
  border-bottom-color: transparent;
  transform: rotate(7deg);
  pointer-events: none;
}
.osoba-foto::after { right: 19px; top: -7px; }
.header-portrait::after { right: 17px; top: -6px; }
.misto-card::after { right: 29px; top: 7px; }

/* Mírně nepravidelný dojem vloženého archivního materiálu. */
.osoba-foto .paper-image { transform: rotate(.18deg); }
.header-portrait img { transform: rotate(-.18deg); }
.mista-grid .misto-card:nth-child(odd) img { transform: rotate(-.12deg); }
.mista-grid .misto-card:nth-child(even) img { transform: rotate(.12deg); }

/* Karty a formuláře méně „webové“, více katalogové. */
.misto-card,
.paper {
  background-color: #f8f2e5;
  border-color: rgba(83,65,40,.12);
  border-radius: 0;
}
input[type="search"], input[type="text"], select, textarea {
  background: rgba(255,253,247,.72);
  border-color: rgba(76,61,39,.22);
  color: var(--ink-dark);
}

/* Časová osa jako badatelský záznam, ne aplikace. */
.timeline-vertical::before { background: var(--pencil-blue); opacity: .55; }
.timeline-marker { box-shadow: 0 0 0 2px var(--paper); }
.timeline-date { letter-spacing: .11em; }

/* Zachovat katalogové štítky přes jejich původní --sekce-barva. */
[class*="sekce-"] .catalog-badge,
[class*="sekce-"] .skladba-katalog,
.catalog-badge,
.skladba-katalog {
  background-color: var(--sekce-barva);
}

@media (max-width: 768px) {
  .osoba-foto::before, .osoba-foto::after,
  .header-portrait::before, .header-portrait::after { transform: rotate(5deg) scale(.9); }
}

/* =========================================================
   0.19.3 – KATALOG SKLADEB
   Přehledný badatelský soupis: číslo – název – opus – rok.
========================================================= */
.post-type-archive-skladba .content > h1 {
  margin-bottom: 1.5rem;
}

.skladby-catalog {
  width: 100%;
  max-width: none;
}

.skladby-section-heading {
  display: flex;
  align-items: baseline;
  gap: .65rem;
  margin: 2.2rem 0 .35rem;
  padding: 0 0 .55rem;
  border-bottom: 1px solid rgba(74, 61, 42, .22);
  color: var(--ink-blue);
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .11em;
}

.skladby-section-heading:first-child { margin-top: .4rem; }
.skladby-section-roman { font-weight: 700; }
.skladby-section-title { font-weight: 700; }
.skladby-section-count {
  margin-left: auto;
  color: rgba(45, 40, 33, .58);
  font-size: .78em;
  font-weight: 400;
  text-transform: none;
  letter-spacing: .04em;
}

.skladba-row {
  display: grid;
  grid-template-columns: 4.8rem minmax(0, 1fr) 4.2rem;
  gap: .8rem;
  align-items: baseline;
  padding: .68rem .15rem .7rem 0;
  border-bottom: 1px dotted rgba(74, 61, 42, .19);
}

.skladba-row-katalog {
  display: inline-block;
  justify-self: start;
  min-width: 3.7rem;
  padding: .18rem .42rem .16rem;
  background: var(--sekce-barva, #666);
  color: #fff;
  font-family: var(--font-mono);
  font-size: .79rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .035em;
  text-align: center;
  box-shadow: 1px 1px 0 rgba(0,0,0,.10);
  transform: rotate(-.25deg);
}
.skladba-row-katalog-empty { visibility: hidden; }

.skladba-row-main {
  min-width: 0;
  line-height: 1.48;
}
.skladba-row-title {
  font-weight: 600;
}
.skladba-row-title em {
  font-style: italic;
}
.skladba-row-subtitle,
.skladba-row-opus {
  color: var(--ink-dark);
  font-style: normal;
  font-weight: 400;
}
.skladba-row-opus { white-space: nowrap; }
.skladba-row-year {
  justify-self: end;
  color: var(--ink-dark);
  font-family: var(--font-mono);
  font-size: .88rem;
  font-weight: 700;
  letter-spacing: .035em;
}

@media (max-width: 760px) {
  .skladba-row {
    grid-template-columns: 4.25rem minmax(0, 1fr);
  }
  .skladba-row-year {
    grid-column: 2;
    justify-self: start;
    margin-top: -.35rem;
    opacity: .72;
  }
  .skladby-section-count { display: none; }
}


/* 0.20.1 – autorské verze díla na single skladby */
.skladba-verze { margin: 1.8rem 0 2rem; }
.skladba-verze-list { border-top: 1px solid var(--line-faint); }
.skladba-verze-item { padding: .8rem 0 .85rem; border-bottom: 1px solid var(--line-faint); }
.skladba-verze-head { display:flex; align-items:baseline; gap:1rem; flex-wrap:wrap; }
.skladba-verze-head strong { color: var(--ink-dark); }
.skladba-verze-date { font-family: monospace; font-size:.86em; letter-spacing:.05em; color:#6f6658; }
.skladba-verze-scoring { margin-top:.2rem; }
.skladba-verze-note { margin:.3rem 0 0; color:#625a4e; }
.catalog-method-note{margin:0 0 1.5rem;padding:.85rem 1rem;border-left:3px solid var(--accent);font-size:.9rem;line-height:1.55}