/* Kahane Chai look for the audio list, single audio page, archives and categories.
   Applies inside any element / the body that has the class .kc-skin. Turn off: add_filter( 'afw_skin', '__return_false' ); */
.kc-skin{--afw-accent:#ffde00;--afw-bar:#000;--afw-ref:#000;--afw-bw:6px;--afw-gap:4px;--afw-style:center;--afw-wave-h:64px;--afw-border:#000;--afw-muted:#000;--afw-radius:0}

/* list */
.kc-skin.afm-list,.kc-skin .afm-list{display:grid;gap:22px;margin:0 0 30px}
.kc-skin .afm-item.afw-has{display:block;padding:0;border:0;border-radius:0;background:none}
.kc-skin .afm-item.afw-has .afm-thumb,
.kc-skin .afm-item.afw-has .afm-title,
.kc-skin .afm-item.afw-has .afm-meta{display:none}
.kc-skin .afm-item.afw-has .afm-body{display:block;padding:0}

/* members-only items (and the no-JavaScript fallback) use the same box */
.kc-skin .afm-item:not(.afw-has){display:block;background:#fff;border:4px solid #000;border-radius:0;padding:18px 22px}
.kc-skin .afm-item:not(.afw-has) .afm-title,.kc-skin .afm-item:not(.afw-has) .afm-title a{font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#000;text-decoration:none}
.kc-skin .afm-item:not(.afw-has) .afm-thumb{display:none}
.kc-skin .afm-meta{font-family:'Space Mono',ui-monospace,monospace;font-size:13px;opacity:1;color:#000}
.kc-skin .afm-meta a{color:#000;font-weight:700;text-decoration:underline}

/* player box */
.kc-skin .afw-player--full,
.kc-skin .afw-player--full.afw-player--row{display:block;background:#fff;border:4px solid #000;border-radius:0;padding:18px 22px;margin:0}
.kc-skin .afw-wrap{margin:0}
.kc-skin .afw-head{display:flex;align-items:center;gap:16px;margin:0 0 10px}
.kc-skin .afw-play{width:56px;height:56px;background:#ffde00;color:#000;border:3px solid #000;box-shadow:none}
.kc-skin .afw-play svg{width:24px;height:24px}
.kc-skin .afw-info{display:flex;min-width:0}
.kc-skin .afw-player--row .afw-info{display:flex}
.kc-skin .afw-info:empty,.kc-skin .afw-name:empty{display:none}
.kc-skin .afw-sub{display:none}
.kc-skin .afw-name{font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:14px;line-height:1.35;letter-spacing:.06em;text-transform:uppercase;color:#000}
.kc-skin .afw-name a{color:#000;text-decoration:none}
.kc-skin .afw-name a:hover{text-decoration:underline;text-underline-offset:4px}
.kc-skin .afw-wave,.kc-skin .afw-player--row .afw-wave{height:64px;background:transparent;border-radius:0;overflow:visible;margin:0 0 30px;width:100%}
.kc-skin .afw-badge-t{top:auto;bottom:-26px;transform:none;background:none;color:#000;padding:0;font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:12px}
.kc-skin .afw-wave .afw-cur{color:#000}

/* extra controls: shown on the single page, hidden in the compact list */
.kc-skin .afw-player--row .afw-tools{display:none}
.kc-skin .afw-tools{margin:0;padding-top:16px;border-top:3px solid #000;gap:10px}
.kc-skin .afw-tools button,.kc-skin .afw-dl{background:#fff;color:#000;border:2px solid #000;border-radius:0;padding:8px 12px;font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.kc-skin .afw-tools button:hover,.kc-skin .afw-dl:hover{background:#ffde00;color:#000}
.kc-skin .afw-dl{background:#ffde00;text-decoration:none}
.kc-skin .afw-dl:hover{background:#000;color:#ffde00}
.kc-skin .afw-dl:hover svg{fill:#ffde00}
.kc-skin .afw-volwrap svg,.kc-skin .afw-dl svg{fill:#000}
.kc-skin .afw-vol{accent-color:#000}

/* members-only message */
.kc-skin .afw-locked{border:4px solid #000;border-radius:0;background:#fff;color:#000;font-family:'Space Mono',ui-monospace,monospace}
.kc-skin .afw-lock-join,.kc-skin .afw-lock-login{border:2px solid #000;border-radius:0;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:.04em;text-decoration:none;color:#000;background:#fff;padding:8px 12px}
.kc-skin .afw-lock-join{background:#ffde00}

/* pagination */
.kc-skin .afm-pagination,.afm-list.kc-skin + .afm-pagination{margin:34px 0 10px}
.afm-list.kc-skin + .afm-pagination ul,.kc-skin .afm-pagination ul{gap:8px}
.afm-list.kc-skin + .afm-pagination a,.afm-list.kc-skin + .afm-pagination span,
.kc-skin .afm-pagination a,.kc-skin .afm-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border:3px solid #000;border-radius:0;background:#fff;color:#000;font-family:'Space Mono',ui-monospace,monospace;font-weight:700;font-size:14px;text-decoration:none}
.afm-list.kc-skin + .afm-pagination a:hover,.kc-skin .afm-pagination a:hover{background:#000;color:#ffde00}
.afm-list.kc-skin + .afm-pagination .current,.kc-skin .afm-pagination .current{background:#ffde00;color:#000}
.afm-list.kc-skin + .afm-pagination .dots,.kc-skin .afm-pagination .dots{border-color:transparent;background:none}

/* page titles on single audio / archive / category pages */
body.kc-skin.single-audio_file h1,body.kc-skin.post-type-archive-audio_file h1,body.kc-skin.tax-audio_category h1{font-family:'Anton','Impact',sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(34px,4.6vw,58px);line-height:1.05;color:#000;margin:0 0 22px}
body.kc-skin.single-audio_file .afm-single{margin:0}

@media(max-width:767px){
 .kc-skin .afw-player--full,.kc-skin .afw-player--full.afw-player--row{padding:14px}
 .kc-skin .afw-play{width:48px;height:48px}
 .kc-skin .afw-name{font-size:13px}
 .kc-skin .afm-pagination a,.kc-skin .afm-pagination span,.afm-list.kc-skin + .afm-pagination a,.afm-list.kc-skin + .afm-pagination span{min-width:40px;height:40px;padding:0 10px}
}

/* breathing room on single audio / archive / category pages */
body.kc-skin.single-audio_file main,body.kc-skin.single-audio_file .site-main,
body.kc-skin.post-type-archive-audio_file main,body.kc-skin.post-type-archive-audio_file .site-main,
body.kc-skin.tax-audio_category main,body.kc-skin.tax-audio_category .site-main{padding:64px clamp(20px,3vw,48px) 88px;box-sizing:border-box}
body.kc-skin.single-audio_file .afm-single,body.kc-skin.single-audio_file .afw-player--full{margin-bottom:0}
@media(max-width:767px){
 body.kc-skin.single-audio_file main,body.kc-skin.single-audio_file .site-main,
 body.kc-skin.post-type-archive-audio_file main,body.kc-skin.post-type-archive-audio_file .site-main,
 body.kc-skin.tax-audio_category main,body.kc-skin.tax-audio_category .site-main{padding:40px 16px 56px}
}
