/*
Theme Name: Ledwo biegło
Theme URI: https://namir.me
Author: Ledwo biegło
Description: Motyw grupy biegowej Ledwo biegło. Biel, grafit i jedna czerwona kreska: 30 z 10 080 minut tygodnia. Wersja 1.1: wspólna oś etykiet, wpisy „Z trasy”, dyskretne zdjęcia, polskie daty.
Version: 1.1.0
Requires at least: 6.5
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: ledwo-bieglo
Tags: block-theme, full-site-editing, one-column, custom-colors, editor-style
*/

:root,body{
	--lb-mono:var(--wp--preset--font-family--mono);
	--lb-serif:var(--wp--preset--font-family--serif);
	--lb-muted:var(--wp--preset--color--graphite-muted);
	--lb-pulse:var(--wp--preset--color--pulse);
	--lb-rule:var(--wp--preset--color--rule);
	/* jedna oś dla całej strony: wąska kolumna etykiet + treść */
	--lb-rail:minmax(8.5rem,12rem);
	--lb-gap:clamp(1.5rem,4vw,3rem);
	--lb-measure:42rem;
}
body{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
::selection{background:var(--lb-pulse);color:var(--wp--preset--color--paper)}
:where(a,button,input,summary):focus-visible{outline:2px solid var(--wp--preset--color--graphite);outline-offset:2px}

/* etykiety i dane */
.lb-label{font-family:var(--lb-mono);font-size:var(--wp--preset--font-size--label);letter-spacing:.14em;text-transform:uppercase;color:var(--lb-muted);line-height:1.5}
.lb-label.is-pulse{color:var(--lb-pulse)}
.lb-label a{color:inherit;text-decoration:none}
.lb-label a:hover{color:var(--lb-pulse)}
.lb-meta{font-family:var(--lb-mono);font-size:var(--wp--preset--font-size--small);letter-spacing:.12em;text-transform:uppercase;line-height:1.7}
.lb-num{font-family:var(--lb-mono);font-weight:500;font-size:clamp(2.25rem,6vw,3.25rem);letter-spacing:-.02em;line-height:1;margin:0}
.lb-mono{font-family:var(--lb-mono)}

/* znak i teza */
.lb-wordmark{font-family:var(--lb-serif)!important;font-style:italic;font-weight:400;font-size:var(--wp--preset--font-size--wordmark)!important;line-height:.92!important;letter-spacing:-.01em;margin-block:0!important}
.lb-thesis{font-family:var(--lb-serif);font-style:italic;font-size:var(--wp--preset--font-size--display);line-height:1.04;text-wrap:balance}
.lb-lead{font-size:var(--wp--preset--font-size--lead);line-height:1.45;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}

/* oś tygodnia */
.lb-axis{margin:0;color:var(--wp--preset--color--graphite)}
.lb-axis svg{display:block;width:100%;height:auto;overflow:visible}
.lb-axis .ax{fill:currentColor}
.lb-axis .p{fill:var(--lb-pulse)}
.lb-axis text{font-family:var(--lb-mono);font-size:15px;letter-spacing:.14em;fill:var(--lb-muted)}
.lb-axis .pt{fill:var(--lb-pulse);font-size:15px}
.lb-axis.is-small{color:var(--lb-muted)}
@media (max-width:600px){
	/* na telefonie SVG się zmniejsza, więc podpisy rosną w jednostkach osi */
	.lb-axis text,.lb-axis .pt{font-size:30px}
}

/* ---------- układ: oś etykiet ----------
   .lb-split = sekcja na szerokość „wide”: lewa kolumna to etykieta,
   prawa to treść. Wszystkie sekcje, reguły i wpisy dzielą tę samą krawędź. */
.wp-block-group.lb-split,
.wp-block-group.lb-rule-row{display:grid;grid-template-columns:var(--lb-rail) minmax(0,1fr);column-gap:var(--lb-gap);align-items:start}
.wp-block-group.lb-split > *,
.wp-block-group.lb-rule-row > *{margin-block:0}
.lb-split > .lb-label,
.lb-split > .lb-rail{padding-top:.4rem}
.lb-split > .lb-rail > *{margin-block:0 .35rem}
.lb-body > *{margin-block-start:0}
.lb-body > * + *{margin-block-start:1.25rem}
.lb-body > :where(p,ul,ol,blockquote,h2,h3,h4,.lb-text){max-width:var(--lb-measure)}
.lb-body > p.lb-thesis{max-width:52rem}
@media (max-width:781px){
	.wp-block-group.lb-split{grid-template-columns:minmax(0,1fr);row-gap:1rem}
	.lb-split > .lb-label,.lb-split > .lb-rail{padding-top:0}
	.lb-split > .lb-rail{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem}
	.lb-split > .lb-rail > *{margin:0}
	.lb-split > .lb-rail:empty{display:none}
}

/* sekcje */
.lb-hero{padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60)}
.lb-pagehead{padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--40)}
.lb-pagehead h1{margin:0}
.lb-section{padding-top:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);border-top:1px solid var(--lb-rule)}
.lb-section.is-tight{padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)}
.lb-intro{padding-bottom:var(--wp--preset--spacing--50)}
.lb-hero .lb-body > .lb-lead{margin-top:1rem}
.lb-hero .lb-axis{margin-top:1.75rem}
.lb-hero .wp-block-buttons{margin-top:1.75rem}
.lb-panel{background:var(--wp--preset--color--paper-2);padding:clamp(1.5rem,5vw,3rem)!important}
.lb-panel > :first-child{margin-block-start:0}
.lb-steps{gap:clamp(1.5rem,4vw,3rem)!important;margin:0}
.lb-steps .wp-block-column{border-top:3px solid var(--wp--preset--color--graphite);padding-top:1rem}
.lb-steps .wp-block-column > *{margin-block:0 .5rem}
.lb-steps h3{font-family:var(--lb-mono);font-style:normal;font-weight:500;font-size:1.5rem}

/* reguły (Zasady, Dołącz) — ta sama oś co sekcje */
.lb-rule-row{padding-block:1.25rem;border-top:1px solid var(--lb-rule)}
.lb-rule-row h3{font-family:var(--lb-mono);font-style:normal;font-size:var(--wp--preset--font-size--label);letter-spacing:.14em;text-transform:uppercase;color:var(--lb-muted);padding-top:.35rem}
.lb-rule-row > p{max-width:var(--lb-measure)}
@media (max-width:600px){.wp-block-group.lb-rule-row{grid-template-columns:minmax(0,1fr);row-gap:.35rem}}

/* cytaty */
.wp-block-quote.lb-quote{margin:0;padding:0}
.wp-block-quote.lb-quote p{margin:0}
.wp-block-quote.lb-quote cite{display:block;margin-top:.75rem;font-family:var(--lb-mono);font-style:normal;font-size:var(--wp--preset--font-size--label);letter-spacing:.14em;text-transform:uppercase;color:var(--lb-muted)}

/* przyciski i linki-akcje */
.wp-block-button.is-style-outline > .wp-block-button__link{background:transparent;color:var(--wp--preset--color--graphite);border:1px solid var(--wp--preset--color--graphite);border-radius:0}
.wp-block-button.is-style-outline > .wp-block-button__link:hover{background:var(--wp--preset--color--graphite);color:var(--wp--preset--color--paper)}
.lb-more{font-family:var(--lb-mono);font-size:var(--wp--preset--font-size--small);letter-spacing:.06em}
.lb-more a{text-underline-offset:.25em;text-decoration-thickness:1px}

/* ---------- zdjęcia: dyskretnie ----------
   Bez pełnej szerokości, bez ramek. Lekko wyciszony kolor, żeby
   zdjęcie nie przekrzykiwało czerwonej kreski. Podpis zwykłym zdaniem. */
.lb-photo{margin-inline:0}
.lb-photo img{display:block;width:100%;height:auto;filter:saturate(.78) contrast(.98)}
.lb-photo figcaption,
.lb-photo .wp-element-caption{margin:.6rem 0 0;font-size:var(--wp--preset--font-size--small);line-height:1.5;color:var(--lb-muted);text-align:left}
.lb-photo.is-narrow{max-width:24rem}
/* węższe zdjęcie dosunięte do prawej krawędzi tekstu, nie do krawędzi strony */
.lb-photo.is-offset{margin-left:max(0px,calc(var(--lb-measure) - 24rem));margin-right:0}
.lb-body > .lb-photo,
.wp-block-post-content > .lb-photo{max-width:var(--lb-measure)}
.lb-body > .lb-photo.is-narrow,
.wp-block-post-content > .lb-photo.is-narrow{max-width:24rem}
.wp-block-post-content > .lb-photo{margin-block:2rem}
@media (max-width:600px){.lb-body > .lb-photo.is-narrow,.wp-block-post-content > .lb-photo.is-narrow{max-width:none}.lb-photo.is-offset{margin-left:0}}

/* nagłówek i stopka */
.lb-header{padding-block:1.25rem;border-bottom:1px solid var(--lb-rule)}
.lb-footer{padding-block:var(--wp--preset--spacing--50);border-top:1px solid var(--lb-rule);margin-top:var(--wp--preset--spacing--60)}
.lb-footer .lb-axis{margin-bottom:1.5rem}
.wp-block-navigation a{text-decoration:none}
.wp-block-navigation .current-menu-item > a,
.wp-block-navigation a[aria-current]{color:var(--lb-pulse)}

/* ---------- wpisy „Z trasy” ---------- */
.lb-post-list{margin:0}
.lb-post-list .wp-block-post-template{margin:0;padding:0}
.lb-post-list .wp-block-post{padding-block:1.5rem;border-top:1px solid var(--lb-rule)}
.lb-post-list .wp-block-post:first-child{border-top:0;padding-top:0}
.lb-entry-row{display:grid!important;grid-template-columns:minmax(0,1fr) 9.5rem;gap:1.5rem 2rem;align-items:start}
.lb-entry-row > *{margin:0!important}
.lb-entry-row > .wp-block-group:only-child{grid-column:1/-1}
.lb-entry-row > .wp-block-group > *{margin-block:0 .4rem}
.lb-entry-row .wp-block-post-title{font-style:italic;font-size:var(--wp--preset--font-size--title);margin:.15rem 0 .4rem}
.lb-entry-row .wp-block-post-title a{text-decoration:none}
.lb-entry-row .wp-block-post-title a:hover{color:var(--lb-pulse)}
.lb-entry-row .wp-block-post-excerpt{color:var(--lb-muted);max-width:36rem}
.lb-entry-row .wp-block-post-excerpt__excerpt{margin:0}
.lb-entry-row .wp-block-post-featured-image{margin:0;grid-column:2;grid-row:1}
.lb-entry-row .wp-block-post-featured-image img{filter:saturate(.78) contrast(.98);aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}
@media (max-width:600px){
	.lb-entry-row{grid-template-columns:minmax(0,1fr) 6rem;column-gap:1rem}
	.lb-entry-row .wp-block-post-title{font-size:var(--wp--preset--font-size--lead)}
}
.wp-block-query-pagination{margin-top:2rem;font-family:var(--lb-mono);font-size:var(--wp--preset--font-size--small);letter-spacing:.06em}

/* pojedynczy wpis: etykiety po lewej, tekst po prawej */
.lb-entry{padding-top:var(--wp--preset--spacing--60)}
.lb-entry .lb-rail{position:sticky;top:2rem}
.lb-entry .lb-body > .wp-block-post-title{margin:0 0 1.75rem}
.lb-entry .wp-block-post-content > *{max-width:var(--lb-measure)}
.lb-entry .wp-block-post-content > .lb-axis{margin-block:2rem}
.lb-entry .wp-block-post-terms a{color:inherit;text-decoration:none}
.lb-entry .wp-block-post-terms a:hover{color:var(--lb-pulse)}
.lb-postnav{margin-top:var(--wp--preset--spacing--60);padding-top:1.25rem;border-top:1px solid var(--lb-rule);display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;max-width:var(--lb-measure)}
.lb-postnav > *{margin:0}
.lb-postnav .post-navigation-link__label{display:block;font-family:var(--lb-mono);font-size:var(--wp--preset--font-size--label);letter-spacing:.14em;text-transform:uppercase;color:var(--lb-muted)}
.lb-postnav a{text-decoration:none;font-family:var(--lb-serif);font-style:italic;font-size:var(--wp--preset--font-size--lead)}
.lb-postnav a:hover{color:var(--lb-pulse)}
.lb-postnav .post-navigation-link-next{text-align:right;margin-left:auto}
@media (max-width:781px){.lb-entry .lb-rail{position:static}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}