/* M STORY 105.9: native red identity on the complete Pro+ presentation. */
body.vibe-site .header.fixed-top{border-bottom:0!important;box-shadow:none!important}
body.vibe-site .navbar.vcm-header{background:var(--srp-header)!important}
.vcm-header,#vcm-menu{--vcm-accent:#fff}
body.vibe-site .navbar.vcm-header .logo-top{object-fit:contain!important;width:108px!important;height:66px!important;padding:5px 0!important}
body.vibe-site .navbar.vcm-header :is(.nav-link,.vibe-header-chat,.vibe-global-search-trigger,.fa-brands,.vcm-header-actions button){color:#fff!important}
body.vibe-site .navbar.vcm-header :is(.vibe-header-dedication,.vibe-header-chat,.vibe-global-search-trigger){background:transparent!important;border:0!important;box-shadow:none!important}
body.vibe-site .home-now-playing .home-live-actions{gap:20px!important;justify-content:flex-start!important}
body.vibe-site .home-now-playing .vibe-live-actions{display:flex!important;gap:20px!important;justify-content:flex-start!important;width:max-content;max-width:100%;flex-wrap:wrap}
body.vibe-site .home-now-playing .vibe-live-share{margin-left:0!important}
body.vibe-site .home-now-playing .live{display:inline-flex!important;align-items:center;gap:8px;width:fit-content!important;line-height:1.2;transform:none!important}
body.vibe-site .home-now-playing .live::before{position:static!important;inset:auto!important;transform:none!important;flex:0 0 7px;margin:0}
body.vibe-site .vibe-live-programs{max-width:520px!important;width:100%;min-width:0}
body.vibe-site .vibe-live-progress{max-width:520px!important}
body.vibe-site .vibe-live-progress>span{background:var(--vibe-player-gradient)!important}
body.vibe-site #vibe-floating-player .vibe-player-play{background:#fff!important;color:#ff0a0c!important;border-color:#fff!important}
body.vibe-site .home-now-playing-cover-play{background:var(--vibe-player-gradient)!important;color:#fff!important}
body.vibe-site .home-top-played-header::before,body.vibe-site .vibe-player-live>span,body.vibe-site .dc-bar-inner>.title::before{display:none!important}
body.vibe-site .home-image-list .item .top{overflow:hidden;border-radius:18px;background:transparent}
body.vibe-site .home-image-list img{object-fit:contain!important;width:100%;aspect-ratio:600/340;height:auto!important}
body.vibe-site .home-featured-artists-grid:empty{display:none}
body.vibe-site .vibe-chat-header,body.vibe-site .vibe-chat-send,body.vibe-site .vibe-chat-join button{background:var(--vibe-player-gradient)!important;color:#fff!important}
body.vibe-site .vibe-chat-header :is(h2,p,b,button,.vibe-chat-brand-icon){color:#fff!important}
body.vibe-site .footer{background:#000000!important}
body.vibe-site .footer ul.social li a{color:#fff!important}
body.vibe-site .sv-window .sv-bar{background:var(--vibe-player-gradient)!important;color:#fff}
body.vibe-site .vad-block{--vad-blue:#b90013;--vad-purple:#ff0a0c}
body.vibe-site .vad-home{background:linear-gradient(120deg,#ff0a0c06,#b9001309),var(--vad-soft)}
body.vibe-site .vad-card{background:#341218}
body.vibe-site .vad-portrait{background:linear-gradient(125deg,#35171a,#792028)}
body.vibe-site .vad-card-actions button{background:#fff!important;color:#b90013!important}
body.vibe-site .vad-meter span{background:var(--vibe-player-gradient)!important}
body.vibe-site .home-widgets-wpr>.home-played-list{display:none!important}
body.vibe-site .srp-image-fallback{object-fit:contain!important;background:#f4f4f5}
@media(max-width:767px){body.vibe-site .home-now-playing .home-live-actions{gap:12px!important;flex-wrap:wrap}body.vibe-site .vibe-live-programs{max-width:100%!important}body.vibe-site .home-image-list .item .top{border-radius:14px}}
@media(min-width:768px){body.vibe-site .home-played-list.srp-native-mobile-history{display:none!important}}
/* Align the mobile header with the dedication ticker's native 72 px offset. */
@media(max-width:991.98px){body.vibe-site .navbar.vcm-header,body.vibe-site .navbar.vcm-header>.navbar-padding{height:72px!important;min-height:72px!important}}

html body.vibe-site .dc-bar-wpr{top:72px!important}

/* M Story: clean live banner; history remains available in the player/music page. */
body.vibe-site .home-now-playing .home-top-played,body.vibe-site .home-now-playing .songtitle[hidden]{display:none!important}
@media(min-width:992px){body.vibe-site .home-now-playing .ctr{grid-template-columns:clamp(160px,17vw,240px) minmax(0,1fr)!important}}

/* Full client artwork: never crop a portrait poster to a landscape banner. */
body.vibe-site .home-image-list .item .top{position:relative!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;display:block!important;padding:10px!important;box-sizing:border-box;background:#050505!important;border:1px solid #ffffff10;border-radius:18px!important}
body.vibe-site .home-image-list img{position:absolute!important;inset:10px!important;width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;display:block;border-radius:9px}
body.vibe-site .home-image-list .item:hover,body.vibe-site .home-image-list .item .top:hover{transform:none!important}
/* Homepage block visibility remains controlled by the native CMS setting. */
@media(max-width:767px){body.vibe-site .home-image-list .item .top{padding:9px!important;border-radius:15px!important}}
/* M Story: the reference Vibe landscape cards and cover navigation, client-only. */
html:has(body.vibe-site.page-home){overflow-x:clip}
body.vibe-site.page-home .header.fixed-top{position:absolute!important;top:12px!important;left:0!important;right:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.vibe-site.page-home .header.fixed-top::before,body.vibe-site.page-home .header.fixed-top::after{display:none!important}
body.vibe-site.page-home .navbar.vcm-header{background:transparent!important;border:0!important;box-shadow:none!important}
body.vibe-site.page-home .home-widgets-wpr{margin-top:0!important}
body.vibe-site.page-home .home-now-playing{padding-top:144px!important;padding-bottom:48px!important;min-height:520px!important}
body.vibe-site.page-home .home-now-playing>.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,3,8,.76) 0,rgba(5,3,8,.24) 110px,transparent 235px);pointer-events:none}
body.vibe-site.page-home .navbar.vcm-header :is(.nav-link,.vibe-global-search-trigger,.vibe-header-community-action,.vcm-mobile-tools button){color:#fff!important;text-shadow:none!important}
body.vibe-site.page-home .navbar.vcm-header .vibe-header-community--desktop{background:#ffffff09!important;border-color:#ffffff25!important}
body.vibe-site.page-home .navbar.vcm-header .nav-link:hover,body.vibe-site.page-home .navbar.vcm-header .nav-link[aria-expanded=true]{background:#ffffff1a!important}
html body.vibe-site.page-home .dc-bar-wpr{position:relative!important;inset:auto!important;top:auto!important;z-index:1!important;margin:0!important;padding-inline:32px;box-shadow:none!important}
body.vibe-site.page-home .dc-bar-inner{max-width:1200px}
body.vibe-site .home-image-slider .glide__track{padding:12px 0 20px!important;overflow:hidden}
body.vibe-site .home-image-list .item .top{aspect-ratio:16/9!important;border-radius:24px!important}
body.vibe-site .home-image-list img{object-fit:contain!important;object-position:center!important;border-radius:14px!important}
body.vibe-site .home-image-slider .glide__arrows{display:none!important}
@media(min-width:1180px){body.vibe-site.page-home .dc-bar-wpr{padding-inline:56px}}
@media(max-width:991.98px){body.vibe-site.page-home .header.fixed-top{top:8px!important}body.vibe-site.page-home .home-now-playing{padding-top:112px!important}}
@media(max-width:767px){body.vibe-site.page-home .home-now-playing{padding-top:132px!important;min-height:0!important}body.vibe-site.page-home .dc-bar-wpr{padding-inline:18px}body.vibe-site .home-image-list .item .top{border-radius:20px!important}}
@media(prefers-reduced-motion:reduce){body.vibe-site.page-home .header{transition:none!important}}

/* Enlarge the header logo without enlarging the menu or cropping the lettering.
   The source canvas includes broad blank margins above and below the logo. */
body.vibe-site .navbar.vcm-header :is(.logo-top,.mobile-logo){width:144px!important;height:62px!important;min-height:62px!important;max-height:62px!important;max-width:144px!important;object-fit:cover!important;object-position:center!important;padding:0!important;margin:0!important;transform:none!important;display:block}
body.vibe-site .navbar.vcm-header .navbar-brand{padding-block:0!important;flex-shrink:0}
@media(max-width:767px){body.vibe-site .navbar.vcm-header :is(.logo-top,.mobile-logo){width:124px!important;max-width:124px!important;height:58px!important;min-height:58px!important;max-height:58px!important}}
