/*
Theme Name: LG Langen
Theme URI: https://lg-langen.de
Author: LG Langen
Description: Block-Theme der Leichtathletikgemeinschaft Langen (SSG Langen 1889 und TV 1862 Langen). Vereinsrot, Läufer-Signet, Tempolinien.
Version: 1.0.0
Requires at least: 6.4
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: lg-langen
*/

/* Tempolinien unter dem Hero */
.lg-lane{position:relative;height:16px;overflow:hidden;margin:0!important}
.lg-lane::before{content:"";position:absolute;inset:0 -60px;background:repeating-linear-gradient(115deg,var(--wp--preset--color--rot) 0 34px,transparent 34px 46px);-webkit-mask-image:linear-gradient(90deg,#000 45%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.1));mask-image:linear-gradient(90deg,#000 45%,rgba(0,0,0,.35) 80%,rgba(0,0,0,.1));animation:lg-sprint .9s cubic-bezier(.2,.8,.2,1) both,lg-run 2.4s linear .9s infinite}
.lg-lane::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--wp--preset--color--rot)}
@keyframes lg-sprint{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes lg-run{from{transform:translateX(0)}to{transform:translateX(50.76px)}}
@media (prefers-reduced-motion:reduce){.lg-lane::before{animation:none}}

/* Kopfzeile */
.lg-header{position:sticky;top:0;z-index:50}
.admin-bar .lg-header{top:32px}
@media (max-width:782px){.admin-bar .lg-header{top:46px}}
.lg-header .wp-block-navigation .wp-block-navigation-item.lg-nav-button>a{background:var(--wp--preset--color--rot);color:#fff;border-radius:8px;padding:.55em 1em}
.lg-header .wp-block-navigation .wp-block-navigation-item.lg-nav-button>a:hover{background:var(--wp--preset--color--rot-dunkel)}

/* Karten */
.lg-card{border:1px solid var(--wp--preset--color--linie);border-radius:12px;transition:border-color .15s}
.lg-card:hover{border-color:var(--wp--preset--color--rot)}
.lg-eyebrow{font-weight:700!important;letter-spacing:.14em;text-transform:uppercase}
.lg-redline{border-top:4px solid var(--wp--preset--color--rot);padding-top:12px}

/* Beitragskarten */
.lg-posts .wp-block-post-featured-image img{aspect-ratio:16/10;object-fit:cover;border-radius:10px}
.lg-posts .wp-block-post-title a{text-decoration:none}

/* Partner */
.lg-partners .wp-block-image{background:#fff;border:1px solid var(--wp--preset--color--linie);border-radius:10px;padding:18px;display:flex;align-items:center;justify-content:center;min-height:96px;margin:0}
.lg-partners .wp-block-image img{max-height:56px;width:auto}
.lg-partners .wp-block-image a:hover img{transform:translateY(-2px)}
.lg-partner-cta{border:1px dashed var(--wp--preset--color--rot);border-radius:10px;min-height:96px}

/* Personen */
.lg-person .wp-block-image img{border-radius:50%;aspect-ratio:1;object-fit:cover;transition:transform .2s}
.lg-person .wp-block-image a:hover img{transform:scale(1.06)}
.lg-qual{color:var(--wp--preset--color--rot)}

/* Trainingsplan */
.lg-plan table td{vertical-align:top}
.lg-plan table td:first-child{font-family:var(--wp--preset--font-family--display);font-weight:700;font-size:1.1rem;white-space:nowrap}
.lg-badge{display:inline-block;font-size:.72rem;font-weight:700;background:var(--wp--preset--color--rot-hell);color:var(--wp--preset--color--rot);padding:2px 8px;border-radius:99px}

/* Personen (Trainerteam, Vorstand) */
.lg-people{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:18px}
.lg-person{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center}
.lg-person strong{display:block;line-height:1.2}
.lg-person span{display:block;font-size:.88rem;color:var(--wp--preset--color--grau);line-height:1.3}
.lg-person .lg-qual{font-size:.74rem;font-weight:600;color:var(--wp--preset--color--rot);margin-top:3px}
.lg-photo{position:relative;display:block;width:64px;height:64px;border-radius:50%;overflow:hidden}
.lg-photo svg{width:100%;height:100%;display:block;transition:transform .2s}
.lg-photo:hover svg{transform:scale(1.06)}
.lg-photo .lg-mail-ico{position:absolute;inset:0;display:grid;place-items:center;background:rgba(227,30,36,.82);color:#fff;font-size:1.3rem;opacity:0;transition:opacity .15s}
.lg-photo:hover .lg-mail-ico,.lg-photo:focus-visible .lg-mail-ico{opacity:1}
.lg-board-title{margin-top:28px!important}

/* Trainingsplan */
.lg-plan-note{padding:14px 16px;border-radius:10px;background:var(--wp--preset--color--rot-hell);margin:16px 0}
.lg-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.lg-chip{font:600 .95rem var(--wp--preset--font-family--body);padding:8px 14px;border-radius:99px;border:1px solid var(--wp--preset--color--linie);background:#fff;color:var(--wp--preset--color--tinte);cursor:pointer}
.lg-chip[aria-pressed="true"]{background:var(--wp--preset--color--tinte);color:#fff;border-color:var(--wp--preset--color--tinte)}
.lg-days{display:grid;gap:26px}
.lg-day h3{display:flex;gap:10px;align-items:center;margin:0 0 8px}
.lg-today{font:700 .72rem var(--wp--preset--font-family--body);background:var(--wp--preset--color--rot);color:#fff;padding:3px 8px;border-radius:99px;letter-spacing:.06em;text-transform:uppercase}
.lg-slot{display:grid;grid-template-columns:120px minmax(0,1fr) minmax(0,.8fr);gap:14px;padding:12px 0;border-top:1px solid var(--wp--preset--color--linie);align-items:baseline}
.lg-slot[hidden],.lg-day[hidden]{display:none}
.lg-t{font:700 1.15rem var(--wp--preset--font-family--display);font-variant-numeric:tabular-nums}
.lg-slot strong{display:block}
.lg-sub{display:block;color:var(--wp--preset--color--grau);font-size:.9rem}
.lg-slot .lg-badge{margin-left:6px;vertical-align:2px}
@media (max-width:640px){.lg-slot{grid-template-columns:84px minmax(0,1fr)}.lg-where{grid-column:2}}

/* Listen Heute / Termine */
.lg-rows{display:grid}
.lg-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;padding:12px 0;border-top:1px solid var(--wp--preset--color--linie)}
.lg-row p{margin:2px 0 0;color:var(--wp--preset--color--grau);font-size:.92rem}
.lg-row a{color:inherit;text-decoration:none}
.lg-when{font:800 1.3rem/1 var(--wp--preset--font-family--display);color:var(--wp--preset--color--rot)}
.lg-when small{display:block;font:600 .72rem var(--wp--preset--font-family--body);color:var(--wp--preset--color--grau);margin-top:4px;text-transform:uppercase}
.lg-empty{color:var(--wp--preset--color--grau)}

/* Beitragsbilder ohne Beitragsbild */
.lg-fallback-image{margin:0}
.lg-posts .lg-fallback-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;display:block}
.lg-noimg{display:block;aspect-ratio:16/10;border-radius:10px;background:repeating-linear-gradient(115deg,var(--wp--preset--color--rot-hell) 0 22px,#fff 22px 30px)}
.single .lg-fallback-image{display:none}

/* Kategorien */
.lg-catnav{display:flex;flex-wrap:wrap;gap:8px}
.lg-catnav a{font-weight:600;padding:7px 14px;border-radius:99px;border:1px solid var(--wp--preset--color--linie);color:var(--wp--preset--color--tinte);text-decoration:none}
.lg-catnav a:hover{border-color:var(--wp--preset--color--rot)}

/* Verein */
.lg-teamfoto img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 75%}
@media (max-width:600px){.lg-teamfoto img{aspect-ratio:4/3}}
.lg-club{display:flex;gap:18px;align-items:center;padding:22px}
.lg-club-logo{flex:none;background:#fff;border-radius:10px;padding:6px;margin:0}
.lg-step-n{font:800 2.4rem/1 var(--wp--preset--font-family--display);color:var(--wp--preset--color--rot);margin:0}
.lg-downloads ul{columns:2;gap:24px}
@media (max-width:600px){.lg-downloads ul{columns:1}}

/* Feinschliff */
.lg-card h3 a{color:inherit;text-decoration:none}
.lg-card h3 a::after{content:" →";color:var(--wp--preset--color--rot)}
.lg-posts .wp-block-post-terms a,.single .wp-block-post-terms a{text-decoration:none}
.lg-posts .wp-block-post-terms a:not(:first-child),.lg-posts .wp-block-post-terms .wp-block-post-terms__separator{display:none}
.lg-posts .wp-block-post-title a{color:var(--wp--preset--color--tinte)}
.lg-posts .wp-block-post-title a:hover{color:var(--wp--preset--color--rot)}
.lg-partners .lg-partner-cta .wp-block-image{background:none;border:0;padding:0;min-height:0}
.lg-partners .lg-partner-cta p{white-space:nowrap}
.lg-downloads .wp-block-file__embed{display:none}
.lg-downloads .wp-block-file{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 8px}
.lg-downloads .wp-block-file__button{font-size:.8rem;padding:4px 10px}