/* Lumen — Teledyski. Kolory z motywu Lumen (zmienne z fallbackami). */
.tel-hero__intro{max-width:720px;margin:10px auto 0;opacity:.9}
.tel-hero__meta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:6px}
/* Niższa belka z tytułem (o ok. połowę względem motywu) */
.page-hero.tel-hero{padding:clamp(22px,3.5vw,40px) 0}
.page-hero.tel-hero h1{font-size:clamp(1.7rem,3.6vw,2.6rem);margin:6px 0 0;line-height:1.15}
.section.tel-single{padding-top:clamp(20px,3vw,34px)}
.section.tel-archive{padding-top:clamp(24px,3.5vw,40px)}

.tel-archive__bar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:26px}
.tel-archive__count{color:var(--muted,#6e5e60);font-size:.95rem}
.tel-search{flex:1 1 280px;max-width:420px}
.tel-search__input{width:100%;padding:12px 16px;border:1px solid var(--line,#e8ddd2);border-radius:999px;font:inherit;background:#fff}
.tel-search__input:focus{outline:2px solid var(--gold-500,#c9a227);outline-offset:1px}
.tel-none,.tel-empty{text-align:center;color:var(--muted,#6e5e60);padding:30px 0}

.tel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:26px 22px}
.tel-card{min-width:0}
.tel-card__thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:var(--radius-sm,12px);overflow:hidden;background:var(--wine-900,#5a1620);box-shadow:var(--shadow,0 18px 40px -24px rgba(90,22,32,.45))}
.tel-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.tel-card__thumb:hover .tel-card__img{transform:scale(1.05)}
.tel-card__play{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:rgba(90,22,32,.82);opacity:.9;transition:opacity .2s,transform .2s}
.tel-card__play::after{content:"";position:absolute;left:21px;top:16px;border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent #fff}
.tel-card__thumb:hover .tel-card__play{opacity:1;transform:scale(1.08);background:var(--gold-500,#c9a227)}
.tel-card__dur{position:absolute;right:8px;bottom:8px;background:rgba(0,0,0,.78);color:#fff;font-size:.78rem;padding:2px 7px;border-radius:6px;font-variant-numeric:tabular-nums}
.tel-card__title{font-size:1.05rem;line-height:1.35;margin:12px 2px 0;font-family:var(--font-head,Georgia,serif)}
.tel-card__title a{color:var(--ink,#2a1c1e);text-decoration:none}
.tel-card__title a:hover{color:var(--wine-700,#7a2532)}
.tel-more{text-align:center;margin-top:30px}

.tel-single__wrap{max-width:960px}
.tel-player{position:relative;aspect-ratio:16/9;border-radius:var(--radius,18px);overflow:hidden;background:#000;box-shadow:var(--shadow,0 18px 40px -24px rgba(90,22,32,.45))}
.tel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.tel-listen{margin:30px 0 10px;text-align:center}
.tel-listen__title{font-size:1.25rem;margin:0 0 14px}
.tel-listen__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tel-listen__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:999px;background:var(--brand,#333);color:#fff !important;font-weight:600;text-decoration:none;transition:transform .15s,filter .15s}
.tel-listen__btn::before{content:"♪"}
.tel-listen__btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.tel-listen__btn--spotify{color:#04210f !important}
.tel-listen__btn--youtube::before{content:"▶"}
.tel-listen__btn--coffee{background:var(--gold-500,#c9a227);color:#3a2c05 !important}
.tel-listen__btn--coffee::before{content:"☕"}

.tel-spotify{margin:18px auto 0;max-width:640px}
.tel-spotify iframe{width:100%;border:0;border-radius:12px}

.tel-share{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:24px 0;font-size:.92rem;color:var(--muted,#6e5e60)}
.tel-share a,.tel-share button{padding:6px 14px;border:1px solid var(--line,#e8ddd2);border-radius:999px;background:#fff;color:var(--ink,#2a1c1e);font:inherit;cursor:pointer;text-decoration:none}
.tel-share a:hover,.tel-share button:hover{border-color:var(--wine-700,#7a2532);color:var(--wine-700,#7a2532)}

.tel-content,.tel-desc{margin-top:26px}
.tel-desc{white-space:normal;color:var(--muted,#6e5e60);border-top:1px solid var(--line,#e8ddd2);padding-top:20px}
.tel-comments{margin-top:46px;border-top:1px solid var(--line,#e8ddd2);padding-top:30px}
.tel-comments textarea,.tel-comments input[type=text],.tel-comments input[type=email],.tel-comments input[type=url]{width:100%;padding:10px 12px;border:1px solid var(--line,#e8ddd2);border-radius:10px;font:inherit}
.tel-comments .comment-list{list-style:none;padding:0}
.tel-comments .comment-body{padding:14px 0;border-bottom:1px solid var(--line,#e8ddd2)}
.tel-comments input[type=submit]{background:var(--wine-700,#7a2532);color:#fff;border:0;border-radius:999px;padding:11px 24px;font:inherit;font-weight:600;cursor:pointer}
.tel-related__title{text-align:center;margin:0 0 28px}

@media (max-width:600px){
  .tel-grid{grid-template-columns:1fr 1fr;gap:18px 12px}
  .tel-card__title{font-size:.95rem}
  .tel-card__play{width:42px;height:42px;margin:-21px 0 0 -21px}
  .tel-card__play::after{left:16px;top:12px;border-width:9px 0 9px 14px}
}

/* Znaczki serwisów na kartach + filtry */
.tel-card__srv{display:flex;gap:6px;flex-wrap:wrap;margin:8px 2px 0}
.tel-srv{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 5px;border-radius:999px;font-size:.78rem;font-weight:600;line-height:1.3;text-decoration:none;border:1px solid transparent;transition:transform .15s,filter .15s}
.tel-srv:hover{transform:translateY(-1px);filter:brightness(1.05)}
.tel-srv--spotify{color:#1DB954;background:#e9f9ef;border-color:#c5efd4}
.tel-srv--spotify span{color:#0f6b31}
.tel-srv--apple{color:#FA243C;background:#fdecee;border-color:#f8cdd3}
.tel-srv--apple span{color:#a3122a}
.tel-srv--youtube{color:#FF0000;background:#fdeaea;border-color:#f8cccc}
.tel-srv--youtube span{color:#b00000}
.tel-filter{display:flex;gap:8px;flex-wrap:wrap}
.tel-filter__btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border:1px solid var(--line,#e8ddd2);border-radius:999px;background:#fff;color:var(--ink,#2a1c1e);font:inherit;font-size:.9rem;cursor:pointer}
.tel-filter__btn small{opacity:.6}
.tel-filter__btn--spotify svg{color:#1DB954}
.tel-filter__btn--apple svg{color:#FA243C}
.tel-filter__btn.is-on{background:var(--wine-700,#7a2532);border-color:var(--wine-700,#7a2532);color:#fff}
.tel-filter__btn.is-on svg{color:#fff}
@media (max-width:600px){.tel-srv span{display:none}.tel-srv{padding:4px}.tel-srv svg{width:18px;height:18px}}
.tel-sort{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--muted,#6e5e60)}
.tel-sort__select{padding:9px 12px;border:1px solid var(--line,#e8ddd2);border-radius:999px;background:#fff;font:inherit;color:var(--ink,#2a1c1e)}
.tel-filter__sep{width:1px;align-self:stretch;background:var(--line,#e8ddd2);margin:2px 4px}

/* Przycisk „Amen” */
.tel-amen{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:26px 0 6px}
.tel-amen__btn{display:inline-flex;align-items:center;gap:10px;padding:12px 26px;border-radius:999px;border:2px solid var(--gold-500,#c9a227);background:#fff;color:var(--wine-900,#5a1620);font:inherit;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .15s,background .2s,color .2s,box-shadow .2s}
.tel-amen__btn:hover{background:var(--gold-500,#c9a227);color:#3a2c05;box-shadow:var(--shadow,0 18px 40px -24px rgba(90,22,32,.45))}
.tel-amen__emoji{font-size:1.35rem;line-height:1}
.tel-amen__btn.is-done{background:var(--wine-700,#7a2532);border-color:var(--wine-700,#7a2532);color:#fff;cursor:default;box-shadow:none}
.tel-amen__btn.is-pop{animation:telPop .45s ease}
@keyframes telPop{0%{transform:scale(1)}40%{transform:scale(1.12)}100%{transform:scale(1)}}
.tel-amen__count{color:var(--muted,#6e5e60);font-size:.95rem}
.tel-card__amen{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.78rem;font-weight:600;background:#fbf5e3;color:#7a5c0c;border:1px solid #efe0b0}
@media (prefers-reduced-motion:reduce){.tel-amen__btn.is-pop{animation:none}}