/* TLM Tune In audio mode — v1.9.49 */
:root { --tlm-audio-red:#ee2028; --tlm-audio-gold:#d3ae45; --tlm-home-ticker-h:55px; }
html.tlm-audio-open, html.tlm-audio-open body { overflow:hidden !important; }

/*
 * Homepage first-screen composition.
 * The theme header overlays the hero. Reserve enough room for it, keep Tune In
 * fully visible, then let the main hero copy breathe vertically. The theme's
 * red ticker follows the hero, so shortening the hero by exactly the ticker
 * height places that ticker at the bottom edge of the first viewport.
 */
body.tlm-home-audio-layout .hero {
  align-items:flex-start !important;
  height:calc(100svh - var(--tlm-home-ticker-h)) !important;
  min-height:calc(100svh - var(--tlm-home-ticker-h)) !important;
}
body.admin-bar.tlm-home-audio-layout .hero {
  height:calc(100svh - var(--tlm-home-ticker-h) - 32px) !important;
  min-height:calc(100svh - var(--tlm-home-ticker-h) - 32px) !important;
}
body.tlm-home-audio-layout .hero .hero-inner {
  padding-top:clamp(122px,13vh,136px) !important;
  padding-bottom:138px !important;
}
body.tlm-home-audio-layout .hero .kicker {
  margin-top:0;
}
body.tlm-home-audio-layout .ticker {
  height:var(--tlm-home-ticker-h) !important;
}

/*
 * The original theme supplied ticker markup but no animation.  Duplicate the
 * message once in JS and move exactly one copy-width for a seamless marquee.
 */
body.tlm-home-audio-layout .ticker.tlm-ticker--scrolling .ticker-track {
  --tlm-ticker-gap:28px;
  gap:var(--tlm-ticker-gap) !important;
  width:max-content;
  min-width:max-content;
  will-change:transform;
  animation:tlm-home-ticker-marquee var(--tlm-ticker-duration, 28s) linear infinite;
}
body.tlm-home-audio-layout .ticker .tlm-ticker-copy {
  display:flex;
  align-items:center;
  gap:var(--tlm-ticker-gap, 28px);
  min-width:max-content;
  white-space:nowrap;
}
@keyframes tlm-home-ticker-marquee {
  from { transform:translate3d(0,0,0); }
  to { transform:translate3d(calc(-50% - 14px),0,0); }
}
@media (hover:hover) and (pointer:fine) {
  body.tlm-home-audio-layout .ticker.tlm-ticker--scrolling:hover .ticker-track {
    animation-play-state:paused;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.tlm-home-audio-layout .ticker.tlm-ticker--scrolling .ticker-track {
    animation-duration:70s;
  }
}

.tlm-home-tune-in {
  width:min(330px,100%);
  min-height:62px;
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 clamp(30px,4.2vh,42px);
  padding:10px 15px;
  border:1px solid rgba(211,174,69,.7);
  background:rgba(5,5,5,.72);
  color:#fff;
  box-shadow:0 14px 42px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  cursor:pointer;
  text-align:left;
  font-family:Inter,Arial,sans-serif;
}
.tlm-home-tune-in__icon {
  width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  background:var(--tlm-audio-red);font-size:13px;padding-left:2px;flex:0 0 38px;
}
.tlm-home-tune-in > span:nth-child(2){display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.tlm-home-tune-in small{font-size:8px;letter-spacing:1.6px;color:#a7a39b;font-weight:800}
.tlm-home-tune-in strong{font-size:15px;letter-spacing:1.2px;font-weight:900}
.tlm-home-tune-in b{font-size:19px;color:var(--tlm-audio-gold)}
.tlm-home-tune-in:hover{border-color:var(--tlm-audio-gold);transform:translateY(-1px)}

.tlm-audio-app[hidden], .tlm-audio-mini[hidden] { display:none !important; }
.tlm-audio-app { position:fixed; inset:0; z-index:100200; font-family:Inter,Arial,sans-serif; color:#fff; }
.tlm-audio-app__backdrop { position:absolute; inset:0; background:rgba(0,0,0,.78); backdrop-filter:blur(12px); }
.tlm-audio-app__sheet {
  position:absolute; inset:max(18px,env(safe-area-inset-top,0px)) max(18px,env(safe-area-inset-right,0px)) max(18px,env(safe-area-inset-bottom,0px)) max(18px,env(safe-area-inset-left,0px));
  max-width:1180px; margin:auto; background:#090909; border:1px solid rgba(255,255,255,.14); box-shadow:0 30px 100px rgba(0,0,0,.7); display:flex; flex-direction:column; overflow:hidden;
}
.tlm-audio-app__header { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:14px 18px 14px 24px; border-bottom:1px solid rgba(255,255,255,.1); background:linear-gradient(90deg,#0a0a0a,#130807); }
.tlm-audio-app__header>div{display:flex;flex-direction:column;gap:2px}
.tlm-audio-app__header span{font-size:8px;letter-spacing:1.8px;color:var(--tlm-audio-red);font-weight:900}
.tlm-audio-app__header strong{font-size:24px;line-height:1;font-weight:900;letter-spacing:.02em}
.tlm-audio-app__close{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);background:#111;color:#fff;font-size:25px;cursor:pointer}
.tlm-audio-app__body{display:grid;grid-template-columns:minmax(330px,.85fr) minmax(420px,1.15fr);min-height:0;flex:1}

.tlm-audio-browser{min-height:0;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;background:#0c0c0c}
.tlm-audio-browser__heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 20px 12px}
.tlm-audio-browser__heading>div{display:flex;flex-direction:column;gap:3px}
.tlm-audio-browser__heading span{font-size:8px;letter-spacing:1.5px;color:#777;font-weight:800}
.tlm-audio-browser__heading strong{font-size:16px}
.tlm-audio-browser__heading button{border:1px solid #333;background:#111;color:#bbb;padding:8px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.tlm-audio-search{padding:0 20px 12px}
.tlm-audio-search input{width:100%;height:42px;border:1px solid #2d2d2d;background:#080808;color:#fff;padding:0 12px;outline:none}
.tlm-audio-search input:focus{border-color:var(--tlm-audio-gold)}
.tlm-audio-catalog-status{padding:0 20px 10px;color:#777;font-size:10px}
.tlm-audio-catalog{overflow:auto;padding:0 10px 18px;min-height:0}
.tlm-audio-item{width:100%;display:grid;grid-template-columns:62px minmax(0,1fr) 42px;gap:12px;align-items:center;padding:9px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#fff;text-align:left;cursor:pointer}
.tlm-audio-item:hover,.tlm-audio-item.is-active{background:#151515}
.tlm-audio-item.is-active{box-shadow:inset 3px 0 0 var(--tlm-audio-red)}
.tlm-audio-item.is-disabled{opacity:.55;cursor:default}
.tlm-audio-item__art{width:62px;height:62px;background:#161616 center/cover no-repeat;display:grid;place-items:center;color:var(--tlm-audio-gold);font-size:12px;font-weight:900}
.tlm-audio-item__copy{min-width:0;display:flex;flex-direction:column;gap:3px}
.tlm-audio-item__copy small{font-size:8px;letter-spacing:1.1px;color:#999;font-weight:900}
.tlm-audio-item__copy strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlm-audio-item__copy>span{font-size:10px;color:#8f8b84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlm-audio-item__action{font-size:12px;text-align:center;color:#bbb;font-weight:900}
.tlm-audio-live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tlm-audio-red);box-shadow:0 0 0 4px rgba(238,32,40,.14);margin-right:6px}
.tlm-audio-empty{padding:30px 12px;color:#777;text-align:center;font-size:12px}

.tlm-audio-player{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px clamp(24px,5vw,64px);min-height:0;background:radial-gradient(circle at 50% 25%,rgba(80,20,20,.22),transparent 47%),#080808}
.tlm-audio-artwork{width:min(36vh,310px);aspect-ratio:1;background:linear-gradient(135deg,#1e1e1e,#090909) center/cover no-repeat;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5);display:grid;place-items:center;margin-bottom:24px}
.tlm-audio-artwork span{font-family:Georgia,serif;font-style:italic;font-size:clamp(42px,7vw,82px);font-weight:800;color:var(--tlm-audio-gold)}
.tlm-audio-now{text-align:center;max-width:620px}
.tlm-audio-now>span{display:block;font-size:8px;letter-spacing:1.8px;color:var(--tlm-audio-red);font-weight:900;margin-bottom:6px}
.tlm-audio-now strong{display:block;font-size:clamp(20px,3vw,34px);line-height:1.08;margin-bottom:7px}
.tlm-audio-now small{display:block;color:#9c9891;font-size:12px}
.tlm-audio-progress{width:100%;max-width:620px;margin-top:25px}
.tlm-audio-progress input{width:100%;accent-color:var(--tlm-audio-red)}
.tlm-audio-progress>div{display:flex;justify-content:space-between;color:#777;font-size:9px;margin-top:5px}
.tlm-audio-progress.is-live input{opacity:.3;pointer-events:none}
.tlm-audio-progress.is-live>div span:last-child{color:var(--tlm-audio-red);font-weight:900}
.tlm-audio-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px}
.tlm-audio-controls button{width:48px;height:48px;border:1px solid #2b2b2b;background:#111;color:#fff;display:grid;place-items:center;cursor:pointer;position:relative}
.tlm-audio-controls button:disabled{opacity:.3;cursor:default}
.tlm-audio-controls .tlm-audio-play{width:70px;height:70px;border-radius:50%;background:var(--tlm-audio-red);border-color:var(--tlm-audio-red);font-size:21px}
.tlm-audio-controls button small{position:absolute;font-size:7px;font-weight:900;bottom:8px}
.tlm-audio-controls button span{font-size:20px;transform:translateY(-3px)}
.tlm-audio-message{min-height:32px;max-width:620px;margin-top:18px;text-align:center;font-size:10px;line-height:1.45;color:#777}
.tlm-audio-message[data-kind="warning"]{color:#e4b23d}.tlm-audio-message[data-kind="info"]{color:#aaa}

.tlm-audio-mini{position:fixed;z-index:100150;left:18px;bottom:max(18px,calc(env(safe-area-inset-bottom,0px) + 12px));display:flex;align-items:stretch;min-width:300px;max-width:min(520px,calc(100vw - 36px));height:58px;border:1px solid rgba(255,255,255,.14);background:rgba(8,8,8,.96);box-shadow:0 14px 40px rgba(0,0,0,.5);backdrop-filter:blur(14px);font-family:Inter,Arial,sans-serif}
.tlm-audio-mini__main{flex:1;min-width:0;border:0;background:transparent;color:#fff;display:flex;gap:10px;align-items:center;text-align:left;padding:7px 12px;cursor:pointer}
.tlm-audio-mini__main>span:last-child{min-width:0;display:flex;flex-direction:column}
.tlm-audio-mini__main small{font-size:7px;letter-spacing:1px;color:#888;font-weight:800}
.tlm-audio-mini__main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tlm-audio-mini__pulse{width:10px;height:10px;border-radius:50%;background:#777;flex:0 0 10px}
.tlm-audio-mini.is-playing .tlm-audio-mini__pulse{background:var(--tlm-audio-red);box-shadow:0 0 0 5px rgba(238,32,40,.12)}
.tlm-audio-mini>button:not(.tlm-audio-mini__main){width:48px;border:0;border-left:1px solid #252525;background:#0f0f0f;color:#fff;font-size:14px;cursor:pointer}


@media(min-width:821px) and (max-width:1400px){
  body.tlm-home-audio-layout .hero .hero-inner{
    padding-top:clamp(124px,13vh,138px) !important;
  }
  .tlm-home-tune-in{margin-bottom:34px}
}
@media(max-width:820px){
  body.admin-bar.tlm-home-audio-layout .hero{
    height:calc(100svh - var(--tlm-home-ticker-h) - 46px) !important;
    min-height:calc(100svh - var(--tlm-home-ticker-h) - 46px) !important;
  }
  body.tlm-home-audio-layout .hero .hero-inner{
    padding-top:calc(122px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom:132px !important;
  }
  .tlm-home-tune-in{margin-bottom:26px;min-height:56px;width:min(300px,100%)}
  .tlm-audio-app__sheet{inset:0;margin:0;border:0}
  .tlm-audio-app__header{padding-top:max(14px,env(safe-area-inset-top,0px));min-height:74px}
  .tlm-audio-app__body{display:flex;flex-direction:column;overflow:auto}
  .tlm-audio-browser{order:2;border-right:0;border-top:1px solid rgba(255,255,255,.1);min-height:360px;overflow:visible}
  .tlm-audio-catalog{max-height:none;overflow:visible}
  .tlm-audio-player{order:1;min-height:auto;padding:22px 20px 28px}
  .tlm-audio-artwork{width:min(52vw,230px);margin-bottom:18px}
  .tlm-audio-controls{gap:9px}.tlm-audio-controls button{width:44px;height:44px}.tlm-audio-controls .tlm-audio-play{width:64px;height:64px}
  .tlm-audio-mini{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom,0px));max-width:none;min-width:0}
}

@media(max-width:570px){
  body.tlm-home-audio-layout .hero .hero-inner{
    padding-top:calc(116px + env(safe-area-inset-top, 0px)) !important;
    padding-bottom:126px !important;
  }
  .tlm-home-tune-in{width:100%;max-width:270px;margin-bottom:24px}
  .tlm-home-tune-in__icon{width:34px;height:34px;flex-basis:34px}
  .tlm-audio-app__header strong{font-size:21px}
  .tlm-audio-player{padding-left:16px;padding-right:16px}
  .tlm-audio-artwork{width:min(49vw,190px)}
  .tlm-audio-now strong{font-size:21px}
  .tlm-audio-item{grid-template-columns:54px minmax(0,1fr) 34px;padding-left:6px;padding-right:6px}
  .tlm-audio-item__art{width:54px;height:54px}
  .tlm-audio-browser__heading,.tlm-audio-search{padding-left:16px;padding-right:16px}
}

@media(max-height:760px) and (min-width:821px){
  body.tlm-home-audio-layout .hero .hero-inner{padding-top:118px !important;padding-bottom:116px !important}
  .tlm-home-tune-in{min-height:54px;margin-bottom:22px}
  body.tlm-home-audio-layout .hero h1{font-size:clamp(64px,8.2vw,112px);margin-top:12px;margin-bottom:20px}
  body.tlm-home-audio-layout .hero-copy{font-size:16px;line-height:1.4}
  body.tlm-home-audio-layout .hero-actions{margin-top:20px}
}