/* Vibe podcasts: attach the timeline to the expanded mobile bottom menu. */
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded {
    --podcast-dock-left:max(20px,env(safe-area-inset-left));
    --podcast-dock-right:max(20px,env(safe-area-inset-right));
    grid-template-rows:48px minmax(64px,1fr) auto 80px 78px auto;
    row-gap:0;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-play {
    grid-row:4;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek {
    grid-row:5;
    grid-column:1/-1;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    grid-template-rows:30px 44px;
    gap:0 12px;
    width:calc(100% + var(--podcast-dock-left) + var(--podcast-dock-right));
    max-width:100vw;
    height:78px;
    box-sizing:border-box;
    padding:4px var(--podcast-dock-right) 0 var(--podcast-dock-left);
    border-radius:0;
    background:rgba(4,7,20,.92);
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-timeline {
    display:contents;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek input {
    grid-row:1;
    grid-column:1/-1;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-times {
    grid-row:2;
    grid-column:2;
    align-self:center;
    padding-bottom:0;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek button {
    grid-row:2;
}
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek [data-podcast-skip="-15"] { grid-column:1; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek [data-podcast-skip="15"] { grid-column:3; }
body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-actions {
    width:calc(100% + var(--podcast-dock-left) + var(--podcast-dock-right));
    border-top:0;
    border-radius:0;
}
@media (orientation:landscape) and (max-height:500px) {
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded {
        grid-template-rows:40px minmax(32px,1fr) 56px 78px auto;
        row-gap:0;
    }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-artwork-wrap { grid-row:2/4; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-player-play { grid-row:3; }
    body.vibe-site .vibe-floating-player.is-podcast.is-mobile-expanded .vibe-podcast-seek { grid-row:4; grid-column:1/-1; }
}