/* Luka Peters, https://lukapeters.com */
/* Template-Mod und CSS-Anpassungen mit ChatGPT 5.2 thinking */


/* =========================================================
   Theme Overrides (Custom)
   ========================================================= */
:root {
  --bg-dark: #252627;
  --accent: #ff7f19;
  --text-on-dark: #fff;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-on-dark);
}

/* Textfarben auf Dark */
.gh-article-title,
.gh-copyright,
.gh-head-link,
.gh-portal-close,
.gh-head-logo,
.gh-card-date,
.gh-article-date,
.gh-navigation-link,
figcaption > * {
  color: var(--text-on-dark);
}

/* Optional selektiver (statt global h1/h2/h3). Wenn du global willst: wieder h1,h2,h3 oben ergänzen. */
:where(.gh-content, .gh-article, .gh-main, .page-template, .post-template) h1,
:where(.gh-content, .gh-article, .gh-main, .page-template, .post-template) h2,
:where(.gh-content, .gh-article, .gh-main, .page-template, .post-template) h3 {
  color: var(--text-on-dark);
}

/* Header-Icons konsistent */
.gh-head :is(.gh-icon-btn, .gh-search, .gh-head-link) {
  color: var(--text-on-dark);
}

/* Card-Text auf hellen Card-Flächen */
.gh-card-excerpt,
.gh-card-title,
.has-classic-feed .gh-card-excerpt {
  color: #000;
}

/* Artikel-Bilder */
.gh-article-image img {
  width: 77%;
}

/* Page Canvas: Wide Modifier */
.page-template .gh-canvas.gh-canvas--wide > * {
  grid-column: 2 / span 9 !important;
}
@media (max-width: 991px) {
  .page-template .gh-canvas.gh-canvas--wide > * { grid-column: 3 / span 10 !important; }
}
@media (max-width: 767px) {
  .page-template .gh-canvas.gh-canvas--wide > * { grid-column: 1 / span 12 !important; }
}

/* Mobile Navigation: geöffnet = orange, Links/Burger weiß */
@media (max-width: 991px) {
  .is-head-open #gh-head { background-color: var(--accent) !important; }
  .is-head-open #gh-head .nav a { color: var(--text-on-dark) !important; }

  .is-head-open #gh-head .gh-burger { color: var(--text-on-dark) !important; }
  .is-head-open #gh-head .gh-burger::before,
  .is-head-open #gh-head .gh-burger::after { background-color: var(--text-on-dark) !important; }
}

/* Pages/Posts: Burger sichtbar auf dunklem Header */
.page-template .gh-burger,
.post-template .gh-burger { color: var(--text-on-dark) !important; }

.page-template .gh-burger::before,
.page-template .gh-burger::after,
.post-template .gh-burger::before,
.post-template .gh-burger::after { background-color: var(--text-on-dark) !important; }

/* Footer: Links lesbar machen */
.gh-foot,
.gh-foot a,
.gh-foot-menu a,
.gh-copyright a {
  color: #fff !important;
}

/* Optional: Hover/Fokus */
.gh-foot a:hover,
.gh-foot a:focus-visible {
  opacity: .85;
  text-decoration: underline;
}

.gh-foot a:visited { color: #fff !important; }