/* ============================================
   Lythtlorn Wiki - eigenes Farbschema
   Überschreibt nur die CSS-Variablen der pmwiki-responsive-Skin
   (siehe pub/skins/pmwiki-responsive/skin.css :root) - Layout/Struktur
   bleiben unangetastet, nur Farben/Schrift ändern sich.
   Gleiche Palette wie Hauptseite + Forum (grün-heraldisch, Gold auf Wald).
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Cinzel:wght@400;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap');

:root {
  --pm-color: #c8bfa8;                 /* Fließtext = --ink */
  --pm-bgcolor: #080c0a;               /* Seiten-Hintergrund = --void */
  --pm-overlay-bgcolor: rgba(0, 0, 0, .5);
  --pm-frame-bgcolor: #0f2318;         /* = --void-panel-2 */
  --pm-wikibody-bgcolor: #0d1510;      /* = --void-panel */
  --pm-dropdown-bgcolor: #0d1510;
  --pm-bordercolor: #1a2e1f;           /* = --line */
  --pm-markuptable-bordercolor: #3a6b45;
  --pm-scrolltable-bordercolor: #c9a84c;
  --pm-sidehead-linkcolor: #e8c97a;    /* = --ember-soft */
  --pm-sidebar-linkcolor: #7a7060;     /* = --ink-dim */
  --pm-sidebar-linkhover: #c9a84c;     /* = --ember */
  --pm-note-color: #4e9962;
  --pm-diffbox-bordercolor: #3a6b45;
  --pm-difftime-bgcolor: #0f2318;
  --pm-diffadd-bgcolor: #234d2a;
  --pm-diffdel-bgcolor: #4d2a23;
  --pm-simpletable-bordercolor: #1a2e1f;
  --pm-simpletable-th-bgcolor: #0f2318;
  --pm-simpletable-zebra-bgcolor: #0d1510;
  --pm-dropdown-shadowcolor: rgba(0,0,0,0.85);
}

/* Skin setzt keine generelle Link-Farbe (nur Sidebar/Menüs) -
   für den Fließtext holen wir das hier nach. */
#wikitext a, #wikimid a {
  color: #c9a84c;
}
#wikitext a:hover, #wikimid a:hover {
  color: #e8c97a;
}
#wikitext a:visited {
  color: #8b4a2e;
}

body, #bodywrap {
  font-family: 'EB Garamond', Georgia, serif;
}
h1, h2, h3 {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  color: #c8bfa8;
}
#wikititle, .pagetitle {
  font-family: 'Cinzel', serif;
}

/* Code-/Markup-Blöcke */
pre, code {
  font-family: 'JetBrains Mono', 'Lucida Console', monospace;
  background: #0f2318;
  border: 1px solid #1a2e1f;
}

#wikihead {
  background: #0f2318;
  border-bottom: 1px solid #1a2e1f;
}
#wikihead a { color: #c9a84c; }
#wikihead a:hover { color: #e8c97a; }
#wikihead-searchquery {
  background: #0d1510;
  color: #c8bfa8;
  border: 1px solid #1a2e1f;
}
#wikihead-searchsubmitbtn {
  background: #c9a84c;
  color: #080c0a;
  border: 1px solid #c9a84c;
  font-family: 'Cinzel', serif;
  cursor: pointer;
}
#wikihead-searchsubmitbtn:hover { background: #e8c97a; }

/* PmWikis eigenes Logo oben - brauchen wir nicht, haben ja schon
   #lythtlorn-header mit unserem eigenen Branding. */
#wikilogo { display: none; }

/* Hinweiskästen, wie sie in euren Seiten per (:div class="...":) genutzt
   werden - vorher komplett unstyled (nur nackter Text ohne Box/Rahmen). */
.info-box, .warning-box, .welcome-box {
  border: 1px solid #1a2e1f;
  border-left: 3px solid #c9a84c;
  background: #0d1510;
  padding: 1rem 1.3rem;
  margin: 1.2rem 0;
  border-radius: 4px;
}
.warning-box {
  border-left-color: #8b4a2e;
}
.welcome-box {
  border-left-color: #4e9962;
}

/* --- Lythtlorn-Header (identisch zum Forum-Header, siehe mybb-lythtlorn/lythtlorn-theme.css) --- */
/* Sticky: Header bleibt beim Scrollen oben stehen */
#lythtlorn-header {
    position: sticky;
    top: 0;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1rem 1.5rem;
    background: #0f2318;
    border-bottom: 1px solid #c9a84c;
}
#lythtlorn-header .brand {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-family: 'Cinzel Decorative', serif;
    font-size: 1.3rem;
    color: #c9a84c;
    text-decoration: none;
    letter-spacing: 0.03em;
}
#lythtlorn-header .brand img {
    height: 32px;
    width: 32px;
    object-fit: contain;
}
#lythtlorn-header .brand:hover { color: #e8c97a; }
#lythtlorn-header nav { display: flex; gap: 1.5rem; }
#lythtlorn-header nav a {
    font-family: 'Cinzel', serif;
    font-size: 0.72rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7a7060;
    text-decoration: none;
}
#lythtlorn-header nav a:hover { color: #c9a84c; }