/*
Theme Name: Johannes Kopf
Theme URI: https://www.johanneskopf.at
Author: Johannes Kopf
Description: Block-Theme für johanneskopf.at – einspaltig, ruhig, mit Dunkelmodus.
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: jk
*/

/* ---------- Farben (hell / dunkel) ---------- */
:root{
  --jk-bg:#fbfbfa;--jk-ink:#121314;--jk-ink-2:#25282c;--jk-ink-3:#40444a;--jk-mute:#6a6e74;
  --jk-line:#e2e4e7;--jk-line-strong:#121314;--jk-soft:#f1f2f3;--jk-soft-blue:#eef1f7;--jk-field:#ffffff;
  --jk-accent:oklch(0.48 0.14 258);--jk-accent-text:oklch(0.48 0.14 258);--jk-labour:oklch(0.62 0.17 30);
  --jk-footer:#121314;--jk-header:rgba(251,251,250,.92);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --jk-bg:#111315;--jk-ink:#eceef0;--jk-ink-2:#d4d7db;--jk-ink-3:#b0b5bc;--jk-mute:#8f959e;
    --jk-line:#2b2f34;--jk-line-strong:#d4d7db;--jk-soft:#1b1e22;--jk-soft-blue:#1b1e22;--jk-field:#1a1d20;
    --jk-accent-text:oklch(0.76 0.11 258);--jk-footer:#1d2024;--jk-header:rgba(17,19,21,.88);color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --jk-bg:#111315;--jk-ink:#eceef0;--jk-ink-2:#d4d7db;--jk-ink-3:#b0b5bc;--jk-mute:#8f959e;
  --jk-line:#2b2f34;--jk-line-strong:#d4d7db;--jk-soft:#1b1e22;--jk-soft-blue:#1b1e22;--jk-field:#1a1d20;
  --jk-accent-text:oklch(0.76 0.11 258);--jk-footer:#1d2024;--jk-header:rgba(17,19,21,.88);color-scheme:dark;
}

/* ---------- Kopfzeile ---------- */
.wp-site-blocks>header.wp-block-template-part{position:sticky;top:0;z-index:50}
.admin-bar .wp-site-blocks>header.wp-block-template-part{top:32px}
@media (max-width:782px){.admin-bar .wp-site-blocks>header.wp-block-template-part{top:46px}}
/* Unschärfe auf Pseudo-Element: backdrop-filter direkt am Header würde das Handy-Menü (position:fixed) im Header einsperren */
.jk-header{position:relative;isolation:isolate;border-bottom:1px solid var(--jk-line)}
.jk-header::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--jk-header);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.jk-header .wp-block-navigation-item__content{padding:8px 12px;border-radius:6px}
.jk-header .current-menu-item>.wp-block-navigation-item__content{background:var(--jk-soft);font-weight:600}
.jk-nav-labour .wp-block-navigation-item__label::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--jk-labour);margin-right:7px;vertical-align:1px}

/* ---------- Metadaten in Mono ---------- */
.jk-meta,.jk-meta a{font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--jk-mute)}
.jk-label{font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--jk-mute)}

/* ---------- Beitragsliste (ohne Bilder) ---------- */
.jk-list .wp-block-post{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 32px;padding:26px 0;border-bottom:1px solid var(--jk-line);transition:background .15s}
.jk-list .wp-block-post:hover{background:var(--jk-soft)}
.jk-list .wp-block-post-template>.wp-block-post{margin-block-start:0}
.jk-list .wp-block-post-title a{text-decoration:none}
@media (max-width:640px){
  .jk-list .wp-block-post{grid-template-columns:1fr;gap:6px;padding:18px 0}
  .jk-list .wp-block-post>.wp-block-group:first-child{flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:12px!important;padding-top:0!important}
  .jk-list .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}
}
.jk-rule-strong{border-top:2px solid var(--jk-line-strong);padding-top:16px}

/* ---------- Chips / Schlagworte ---------- */
.jk-chips a,.wp-block-tag-cloud.jk-chips a{display:inline-block;padding:6px 11px;border:1px solid var(--jk-line);border-radius:6px;font-size:13px!important;font-weight:500;text-decoration:none;margin:0 6px 6px 0;color:var(--jk-ink)}
.wp-block-post-terms.jk-chips{font-size:13px;font-weight:600}
.wp-block-post-terms.jk-chips a{color:var(--jk-accent-text)}
.wp-block-post-terms.jk-chips .wp-block-post-terms__separator{display:none}

/* ---------- Bilder ---------- */
.wp-block-post-featured-image img,.wp-block-image img,.wp-block-cover{border-radius:6px}

/* ---------- Inhalte im Beitrag ---------- */
.jk-content h2,.jk-content h3,.jk-content h5{font-size:27px;line-height:1.2;font-weight:700;letter-spacing:-0.02em;margin-top:1.6em;color:var(--jk-ink)}
.is-style-jk-strich{list-style:none;padding-left:0}
.is-style-jk-strich li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px}
.is-style-jk-strich li::before{content:"—";color:var(--jk-accent-text);font-weight:700}
.is-style-jk-hinweis{background:var(--jk-soft);border-radius:6px;padding:14px 18px;font-style:italic;color:var(--jk-ink-3);font-size:17px}
.is-style-jk-architektur{font-size:14px;line-height:1.5;color:var(--jk-mute)}
.is-style-jk-auszeichnung{font-size:13px;font-weight:600;color:var(--jk-accent-text)}
.is-style-jk-auszeichnung::before{content:"★ "}
.wp-element-caption,figcaption{font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--jk-mute)}

/* ---------- Stationen ---------- */
.is-style-jk-stationen table{border-collapse:collapse;width:100%}
.is-style-jk-stationen td{border:0;border-bottom:1px solid var(--jk-line);padding:18px 0;vertical-align:top}
.is-style-jk-stationen td:first-child{width:140px;font-family:var(--wp--preset--font-family--mono);font-size:14px;color:var(--jk-mute)}
.is-style-jk-stationen td:last-child{font-size:18px;font-weight:600}
.is-style-jk-stationen thead{display:none}

/* ---------- Formulare ---------- */
input[type=text],input[type=email],input[type=search],textarea{background:var(--jk-field);color:var(--jk-ink);border:1px solid var(--jk-line);border-radius:6px;padding:12px 14px;font:inherit;font-size:15px}
.wp-block-search__button,input[type=submit],button.jk-btn{background:var(--jk-accent);color:#fff;border:0;border-radius:6px;padding:12px 20px;font-weight:600;cursor:pointer}

/* ---------- Robo Gallery (Feinschliff, Klassen ggf. anpassen) ---------- */
.robo-gallery-wrap img,.rbs-img img{border-radius:6px}

/* ---------- Dunkelmodus-Schalter ---------- */
.jk-theme-toggle{background:none;border:0;color:inherit;font:inherit;font-size:13px;cursor:pointer;padding:0}

a{text-underline-offset:3px}
/*header weg auf mobile*/
@media (max-width: 720px) {
  body.home .wp-block-cover.alignfull { display: none; }
}

/* ---------- Handy-Menü (Overlay) ---------- */
.jk-header .wp-block-navigation__responsive-container-open{padding:10px;margin:-10px 0}
.jk-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--jk-bg)!important;color:var(--jk-ink)!important;padding:20px clamp(20px,4vw,40px) 40px;--navigation-layout-justification-setting:flex-start;--navigation-layout-justify:flex-start;--navigation-layout-align:flex-start}
.jk-header .wp-block-navigation__responsive-container-close{padding:10px;margin:-10px}
.jk-header .is-menu-open .wp-block-navigation__responsive-container-content{align-items:flex-start!important;padding-top:56px}
.jk-header .is-menu-open .wp-block-navigation__container{align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;width:100%}
.jk-header .is-menu-open .wp-block-navigation-item{width:100%;align-items:flex-start!important;border-bottom:1px solid var(--jk-line)}
.jk-header .is-menu-open .wp-block-navigation-item__content{font-size:24px;font-weight:600;padding:14px 0!important;display:block;width:100%;text-align:left}
.jk-header .is-menu-open .current-menu-item>.wp-block-navigation-item__content{background:none}