/*
Theme Name: StoneTime
Theme URI: https://www.stone-time.de
Author: Robert · StoneTime
Description: Block-Theme im StoneTime-Maker-Division-Look. Startseite, Header, Footer, Blog- und News-Vorlagen sind komplett im Website-Editor per Klicken und Ziehen bearbeitbar. Fertige Abschnitte (Hero, Maker News, Patreon, Partner …) und Bausteine für Beiträge (Projekt-Steckbrief, Einordnung, Quellen, Warnkasten) als Vorlagen. Schriften lokal eingebunden.
Version: 2.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stonetime
Tags: block-patterns, full-site-editing, dark, blog, news, custom-colors, editor-style, wide-blocks
*/

:root{
	--st-cut:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
	--st-cut-sm:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
	--st-lines:repeating-linear-gradient(135deg,rgba(163,209,58,.045) 0 1px,transparent 1px 22px);
}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
:where(.wp-site-blocks) :focus-visible{outline:2px solid var(--wp--preset--color--accent);outline-offset:2px}
img{max-width:100%;height:auto}
.wp-block-image img:not([src]),.wp-block-image img[src=""]{display:none}

/* ---------- Abschnitte ---------- */
.is-style-st-section{padding-top:var(--wp--preset--spacing--60)!important;padding-bottom:var(--wp--preset--spacing--60)!important;border-bottom:1px solid var(--wp--preset--color--line)}
.is-style-st-section-lines{padding-top:var(--wp--preset--spacing--60)!important;padding-bottom:var(--wp--preset--spacing--60)!important;border-bottom:1px solid var(--wp--preset--color--line);background-color:var(--wp--preset--color--base-alt);background-image:var(--st-lines)}
.is-style-st-pagehead{padding-top:clamp(40px,6vw,72px)!important;padding-bottom:clamp(36px,5vw,56px)!important;border-bottom:1px solid var(--wp--preset--color--line);background-image:var(--st-lines)}
.is-style-st-pagehead h1{text-transform:uppercase}
.is-style-st-section > * + *,.is-style-st-section-lines > * + *{margin-block-start:36px}

/* ---------- Karten ---------- */
.is-style-st-card,.is-style-st-card-accent{background:var(--wp--preset--color--card);border:1px solid #2a2e22;padding:28px;clip-path:var(--st-cut)}
.is-style-st-card-accent{border-color:var(--wp--preset--color--accent)}
.is-style-st-card > :first-child,.is-style-st-card-accent > :first-child{margin-top:0}
.is-style-st-card.has-background,.is-style-st-card-accent.has-background{padding:28px}
.wp-block-columns.is-style-st-equal > .wp-block-column{display:flex;flex-direction:column}
.wp-block-columns.is-style-st-equal > .wp-block-column > .is-style-st-card,.wp-block-columns.is-style-st-equal > .wp-block-column > .is-style-st-card-accent{flex-grow:1}

/* ---------- Text-Stile ---------- */
.is-style-st-kicker{font-family:var(--wp--preset--font-family--mono);font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--accent)}
.is-style-st-label{font-family:var(--wp--preset--font-family--mono);font-size:12px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--wp--preset--color--muted)}
.is-style-st-lead{font-size:var(--wp--preset--font-size--large)!important;color:var(--wp--preset--color--contrast-soft);max-width:640px}
.is-style-st-title{text-transform:uppercase}
.is-style-st-warnung{padding:20px 24px;background:#1f1410;border:1px solid var(--wp--preset--color--youtube);color:#f0d2cc;clip-path:var(--st-cut)}
.is-style-st-warnung strong{color:#fff}
.is-style-st-hinweis{padding:20px 24px;background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--accent);color:var(--wp--preset--color--contrast);clip-path:var(--st-cut)}
.is-style-st-big-number{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:30px!important;line-height:1.1;color:var(--wp--preset--color--contrast)}

/* ---------- Buttons ---------- */
.wp-block-button__link{clip-path:var(--st-cut-sm)}
.wp-block-button.is-style-st-youtube .wp-block-button__link{background:var(--wp--preset--color--youtube);color:#fff}
.wp-block-button.is-style-st-youtube .wp-block-button__link:hover{background:#e83a3a;color:#fff}
.wp-block-button.is-style-st-ghost .wp-block-button__link{background:var(--wp--preset--color--card);color:var(--wp--preset--color--contrast);box-shadow:inset 0 0 0 1px var(--wp--preset--color--line-strong)}
.wp-block-button.is-style-st-ghost .wp-block-button__link:hover{color:var(--wp--preset--color--accent)}
.wp-block-button.is-style-st-outline .wp-block-button__link{background:transparent;color:var(--wp--preset--color--accent);box-shadow:inset 0 0 0 1px var(--wp--preset--color--accent)}

/* ---------- Listen ---------- */
.wp-block-list.is-style-st-links{list-style:none;padding:0;margin-top:8px}
.wp-block-list.is-style-st-links li{padding:5px 0}
.wp-block-list.is-style-st-links a{color:var(--wp--preset--color--contrast-soft)}
.wp-block-list.is-style-st-links a:hover{color:var(--wp--preset--color--accent)}
.wp-block-list.is-style-st-arrows{list-style:none;padding:14px 0 0;border-top:1px solid var(--wp--preset--color--line);color:#b3b8a6;font-size:15px}
.wp-block-list.is-style-st-arrows li{padding:4px 0}
.wp-block-list.is-style-st-arrows li::before{content:'▸ ';color:var(--wp--preset--color--accent)}
.wp-block-list.is-style-st-tags{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.wp-block-list.is-style-st-tags li{padding:8px 14px;border:1px solid #2a2e22;background:var(--wp--preset--color--card);font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:15px}
.wp-block-list.is-style-st-numbered{list-style:none;padding:0;counter-reset:st;display:flex;flex-direction:column;gap:12px}
.wp-block-list.is-style-st-numbered li{counter-increment:st;display:flex;gap:14px;align-items:center;padding:14px;background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);font-weight:500}
.wp-block-list.is-style-st-numbered li::before{content:counter(st,decimal-leading-zero);font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:22px;color:var(--wp--preset--color--accent);min-width:34px}
.wp-block-list.is-style-st-numbered a{color:var(--wp--preset--color--contrast)}
.wp-block-list.is-style-st-numbered a:hover{color:var(--wp--preset--color--accent)}

/* ---------- Bilder ---------- */
.wp-block-image.is-style-st-cut img{clip-path:var(--st-cut);border:1px solid #2a2e22}
.wp-block-post-featured-image img{display:block}

/* ---------- Header ---------- */
.st-status{border-bottom:1px solid var(--wp--preset--color--line);background:var(--wp--preset--color--base-alt);font-family:var(--wp--preset--font-family--mono);font-size:12px;letter-spacing:.08em;color:var(--wp--preset--color--muted);text-transform:uppercase;min-height:34px}
.st-status p{margin:0}
.st-status p:first-child::before{content:'';display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--wp--preset--color--accent);vertical-align:middle}
.st-header{border-bottom:1px solid var(--wp--preset--color--line)}
.st-header .wp-block-navigation a:hover{color:var(--wp--preset--color--accent)}
.st-header .wp-block-navigation .current-menu-item > a{color:var(--wp--preset--color--accent)}
.st-header .wp-block-navigation__responsive-container.is-menu-open{background:var(--wp--preset--color--base)!important;color:var(--wp--preset--color--contrast)!important;padding:24px}
.st-header .wp-block-navigation__responsive-container-open,.st-header .wp-block-navigation__responsive-container-close{color:var(--wp--preset--color--contrast)}
.st-nav-highlight a{color:var(--wp--preset--color--accent)!important}

/* ---------- Hero ---------- */
.st-hero{position:relative;overflow:hidden;background-image:var(--st-lines);border-bottom:1px solid var(--wp--preset--color--line);padding-top:clamp(56px,8vw,96px)!important;padding-bottom:clamp(64px,8vw,104px)!important}
.st-hero::before,.st-hero::after{content:'';position:absolute;pointer-events:none;z-index:0}
.st-hero::before{left:-60px;top:40px;width:260px;height:180px;background:#1d2414;clip-path:polygon(20% 0,100% 0,80% 40%,100% 70%,40% 100%,0 60%)}
.st-hero::after{right:-40px;bottom:30px;width:300px;height:220px;background:#1a2112;clip-path:polygon(30% 0,100% 10%,100% 100%,10% 100%,0 50%)}
.st-hero > *{position:relative;z-index:1}
.st-hero h1{text-transform:uppercase;line-height:1.02}
.st-hero h1 mark{background:none;color:var(--wp--preset--color--accent)}
.st-stats .wp-block-column p{margin:0}
.st-stats .is-style-st-label{margin-top:4px}

/* ---------- Abschnitts-Kopf ---------- */
.st-headrow{align-items:flex-end!important}
.st-headrow h2{margin-top:6px}

/* ---------- Abfrage-Raster (Blog/News) ---------- */
.st-grid .wp-block-post{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);display:flex;flex-direction:column}
.st-grid .wp-block-post:hover{border-color:var(--wp--preset--color--line-strong)}
.st-grid .wp-block-post-featured-image{margin:0;aspect-ratio:16/9;background:var(--wp--preset--color--card-alt);overflow:hidden}
.st-grid .wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.st-grid .st-card-body{padding:18px 20px 22px;flex-grow:1}
.st-grid .st-card-body > *{margin:0}
.st-grid .st-card-body > * + *{margin-top:8px}
.st-grid .wp-block-post-title{font-size:20px;line-height:1.3}
.st-grid .wp-block-post-title a{color:var(--wp--preset--color--contrast)}
.st-grid .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.st-grid .wp-block-post-excerpt{font-size:15px;color:#b3b8a6}
.st-grid .wp-block-post-excerpt__more-text{display:none}

.st-newsfeed .wp-block-post{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);padding:18px}
.st-newsfeed .wp-block-post:hover{border-color:var(--wp--preset--color--line-strong)}
.st-newsfeed .wp-block-post-template{display:flex;flex-direction:column;gap:14px}
.st-newsfeed .wp-block-post .wp-block-columns{margin:0}
.st-newsfeed .wp-block-post-featured-image{margin:0}
.st-newsfeed .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover}
.st-newsfeed .wp-block-post-title{font-size:21px;line-height:1.3;margin:6px 0}
.st-newsfeed .wp-block-post-title a{color:var(--wp--preset--color--contrast)}
.st-newsfeed .wp-block-post-title a:hover{color:var(--wp--preset--color--accent)}
.st-newsfeed .wp-block-post-excerpt{font-size:15px;color:#b3b8a6;margin:0}
.st-newsfeed .wp-block-post-excerpt__more-text{display:none}
.st-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center}
.st-meta > *{margin:0!important}
.st-meta .wp-block-post-terms a{display:inline-block;padding:2px 8px;border:1px solid var(--wp--preset--color--accent);color:var(--wp--preset--color--accent)}

.wp-block-query-pagination{margin-top:32px;gap:8px;font-family:var(--wp--preset--font-family--display);font-weight:600}
.wp-block-query-pagination a,.wp-block-query-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--wp--preset--color--line-strong);color:var(--wp--preset--color--contrast)}
.wp-block-query-pagination .page-numbers.current{background:var(--wp--preset--color--accent);border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--base)}

/* ---------- Artikel ---------- */
.st-article-meta .wp-block-post-terms a{display:inline-block;padding:3px 10px;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);font-weight:500}
.st-prose{font-size:18px;line-height:1.75;color:#c9cebc}
.st-prose h2{text-transform:uppercase;font-size:30px;margin-top:48px;scroll-margin-top:24px}
.st-prose h3{font-size:22px;margin-top:32px}
.st-prose a{text-decoration:underline;text-underline-offset:3px}
.st-prose strong{color:var(--wp--preset--color--contrast)}
.st-prose code{font-family:var(--wp--preset--font-family--mono);font-size:15px;background:var(--wp--preset--color--card-alt);border:1px solid #2a2e22;padding:1px 6px;color:#d6efa0}
.st-prose pre code{background:none;border:0;padding:0}
.st-prose .wp-block-code{border-left:3px solid var(--wp--preset--color--accent)!important;overflow-x:auto}
.st-prose table{border-collapse:collapse;background:var(--wp--preset--color--card);font-size:15px}
.st-prose .wp-block-table td,.st-prose .wp-block-table th{border:1px solid var(--wp--preset--color--line);padding:10px 14px}
.st-prose .wp-block-table th{font-family:var(--wp--preset--font-family--mono);font-size:12px;letter-spacing:.1em;color:var(--wp--preset--color--muted);font-weight:500;text-transform:uppercase;text-align:left}
.st-prose .wp-block-table thead{border-bottom:2px solid var(--wp--preset--color--line-strong)}
.st-sticky{position:sticky;top:24px}
.st-toc ol{list-style:none;padding:0;margin:8px 0 0;counter-reset:toc}
.st-toc li{counter-increment:toc;padding:5px 0}
.st-toc li::before{content:counter(toc,decimal-leading-zero) ' · ';color:var(--wp--preset--color--muted);font-family:var(--wp--preset--font-family--mono);font-size:13px}
.st-toc a{color:var(--wp--preset--color--contrast)}
.st-toc a:hover{color:var(--wp--preset--color--accent)}
.wp-block-post-author{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);padding:24px;align-items:center}
.wp-block-post-author__avatar img{border-radius:50%}
.wp-block-post-author__name{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:20px}
.wp-block-post-author__bio{font-size:15px;color:#b3b8a6}
.wp-block-post-navigation-link a{font-family:var(--wp--preset--font-family--display);font-weight:600}
.st-spec p{margin:0}

/* ---------- Kommentare ---------- */
.wp-block-comments .st-comment{background:var(--wp--preset--color--card);border:1px solid var(--wp--preset--color--line);padding:18px;margin-bottom:14px}
.wp-block-comment-author-name{font-family:var(--wp--preset--font-family--display);font-weight:700}
.wp-block-comment-date{font-family:var(--wp--preset--font-family--mono);font-size:12px}
.wp-block-comment-date a{color:var(--wp--preset--color--muted)}
.wp-block-comments-title{text-transform:uppercase;font-size:26px}

/* ---------- Formulare ---------- */
.st-form,.comment-form{display:flex;flex-direction:column;gap:20px}
.st-form p{margin:0}
.st-form label,.comment-form label{display:block;font-family:var(--wp--preset--font-family--mono);font-size:12px;letter-spacing:.12em;color:var(--wp--preset--color--muted);text-transform:uppercase;margin-bottom:8px}
.st-form input[type=text],.st-form input[type=email],.st-form select,.st-form textarea,
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea,
.wp-block-search__input{width:100%;min-height:48px;padding:12px 14px;background:var(--wp--preset--color--base);border:1px solid var(--wp--preset--color--line-strong);color:var(--wp--preset--color--contrast);font-family:var(--wp--preset--font-family--body);font-size:16px;border-radius:0;box-sizing:border-box}
.st-form textarea,.comment-form textarea{min-height:180px;resize:vertical}
.st-form__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.st-check{display:flex!important;gap:12px;align-items:flex-start;font-family:var(--wp--preset--font-family--body)!important;font-size:14px!important;letter-spacing:0!important;text-transform:none!important;color:#b3b8a6!important;cursor:pointer}
.st-check input{width:22px;height:22px;margin:2px 0 0;accent-color:var(--wp--preset--color--accent);flex-shrink:0}
.st-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.st-notice{padding:16px 20px;border:1px solid var(--wp--preset--color--accent);background:var(--wp--preset--color--card);color:var(--wp--preset--color--contrast)}
.st-notice--error{border-color:var(--wp--preset--color--youtube);background:#1f1410}
.st-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:0;cursor:pointer;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);font-family:var(--wp--preset--font-family--display);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase;clip-path:var(--st-cut-sm)}
.st-btn:hover{background:var(--wp--preset--color--accent-light)}
.comment-form .submit,.wp-block-search__button{min-height:48px;padding:0 22px;border:0;cursor:pointer;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);font-family:var(--wp--preset--font-family--display);font-weight:600;letter-spacing:.08em;text-transform:uppercase;border-radius:0}

/* ---------- Footer ---------- */
.st-footer{border-top:2px solid var(--wp--preset--color--accent);background:#080907}
.st-footer h2,.st-footer h3{font-family:var(--wp--preset--font-family--mono)!important;font-weight:400!important;font-size:12px!important;letter-spacing:.14em;color:var(--wp--preset--color--muted);text-transform:uppercase;margin:0}
.st-footer-legal a{color:var(--wp--preset--color--contrast)!important;font-weight:500}
.st-footer-bottom{border-top:1px solid var(--wp--preset--color--line);padding-top:22px!important;font-family:var(--wp--preset--font-family--mono);font-size:12px;color:var(--wp--preset--color--muted)}
.st-footer-bottom p{margin:0}

/* ---------- 404 ---------- */
.st-404 h1{font-size:clamp(64px,10vw,120px);color:var(--wp--preset--color--accent)}

/* ---------- Mobil ---------- */
@media (max-width:781px){
	.st-hide-mobile{display:none!important}
	.st-sticky{position:static}
	.st-newsfeed .wp-block-post .wp-block-column:first-child{max-width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html{scroll-behavior:smooth}

/* ---------- Abstände Grundgerüst ---------- */
.st-status{padding-top:7px!important;padding-bottom:7px!important}
.st-header{padding-top:16px!important;padding-bottom:16px!important}
.st-footer{padding-top:72px!important;padding-bottom:36px!important}
.st-footer > .wp-block-columns{margin-bottom:40px}
.st-body{padding-top:clamp(36px,5vw,56px)!important;padding-bottom:clamp(56px,7vw,80px)!important}
.st-stats{gap:12px 36px!important;margin-top:28px!important}
.st-stats > .wp-block-group > *{margin:0}
.st-hero-logo img{max-width:440px;width:100%}
.st-newsfeed .st-news-img:not(:has(img)){display:none}
.st-sticky > * + *{margin-top:20px}
.st-toc{margin:0}
.wp-block-post-author{margin-top:40px}
.wp-block-comments{margin-top:48px}
.wp-block-post-featured-image.is-style-st-cut img{clip-path:var(--st-cut)}
.is-style-st-pagehead > * + *{margin-block-start:16px}
.is-style-st-card .wp-block-embed,.is-style-st-card-accent .wp-block-embed{margin-top:0}

/* ---------- Feinschliff ---------- */
.is-layout-constrained > .is-style-st-lead{margin-left:max(0px,calc((100% - 1240px) / 2))!important;margin-right:auto!important}
.single .is-style-st-pagehead h1{text-transform:none}
.st-meta .wp-block-post-terms{display:flex;flex-wrap:wrap;gap:6px}
.st-meta .wp-block-post-terms__separator{display:none}