/* 1.84.2: Uncode artwork overlays without placing buttons inside links */
.djrnt-preview-card,.djrnt-preview-wrapper{position:relative!important;isolation:isolate}
.djrnt-preview-wrapper{display:block;width:100%;height:100%}
.djrnt-preview-card>.djrnt-preview-btn{position:absolute!important;z-index:100!important;top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;width:42px!important;height:42px!important;min-width:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid #fff!important;border-radius:50%!important;background:#ff0967!important;color:#fff!important;box-shadow:0 3px 14px rgba(0,0,0,.35)!important;font-size:17px!important;line-height:1!important;cursor:pointer!important;opacity:1!important;visibility:visible!important;transform:none!important;padding:0!important;appearance:none!important;transition:background .15s ease!important}
.djrnt-preview-card>.djrnt-preview-btn:hover{background:#cf0052!important}
.djrnt-preview-card>.djrnt-preview-btn:focus-visible{outline:3px solid #fff!important;outline-offset:3px!important}
.djrnt-preview-card>.djrnt-preview-btn.is-playing{background:#17141e!important}
@media(max-width:600px){.djrnt-preview-card>.djrnt-preview-btn{width:38px!important;height:38px!important;min-width:38px!important;top:9px!important;right:9px!important}}

/* 1.84.5: position above Uncode overlay and its full-card link. */
.t-entry-visual-cont.djrnt-preview-card{position:relative!important;isolation:auto!important}
.t-entry-visual-cont.djrnt-preview-card>.djrnt-preview-btn{z-index:2147483000!important;pointer-events:auto!important}
.t-entry-visual-cont.djrnt-preview-card .t-entry-visual-overlay{pointer-events:none}

/* 1.84.6: preview controls remain above Uncode's visual and carousel overlays. */
.djrnt-preview-card{position:relative!important;overflow:visible!important}
.djrnt-preview-card > .djrnt-preview-btn{display:flex!important;visibility:visible!important;opacity:1!important;z-index:2147483000!important;pointer-events:auto!important;position:absolute!important;top:12px!important;right:12px!important}
.djrnt-preview-btn.is-loading{cursor:progress!important}
.djrnt-preview-btn.is-unavailable{background:#333!important}
@media(hover:hover){.djrnt-preview-card > .djrnt-preview-btn{opacity:0!important;transition:opacity .18s ease,background .18s ease!important}.djrnt-preview-card:hover > .djrnt-preview-btn,.djrnt-preview-card:focus-within > .djrnt-preview-btn,.djrnt-preview-card > .djrnt-preview-btn.is-playing{opacity:1!important}}
@media(hover:none){.djrnt-preview-card > .djrnt-preview-btn{opacity:1!important}}

/* v1.84.9 Option B + C: compact branded pill with circular progress. */
.djrnt-preview-card > .djrnt-preview-btn{--djrnt-preview-progress:0%;width:auto!important;min-width:126px!important;height:42px!important;padding:4px 13px 4px 5px!important;border:1px solid rgba(255,255,255,.75)!important;border-radius:999px!important;gap:9px!important;justify-content:flex-start!important;white-space:nowrap!important;background:rgba(13,10,19,.89)!important;box-shadow:0 5px 20px rgba(0,0,0,.42),0 0 13px rgba(255,9,103,.36)!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;letter-spacing:.045em!important;line-height:1!important;transition:opacity .18s ease,background .18s ease,box-shadow .18s ease!important}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#ff0967;font-size:13px;font-weight:700;box-shadow:inset 0 0 0 2px #ff0967}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-caption{color:#fff;display:inline-block}
.djrnt-preview-card > .djrnt-preview-btn.is-playing .djrnt-preview-icon{background:conic-gradient(#ff0967 var(--djrnt-preview-progress),rgba(255,255,255,.24) 0);box-shadow:none;position:relative;isolation:isolate}
.djrnt-preview-card > .djrnt-preview-btn.is-playing .djrnt-preview-icon::before{content:'';position:absolute;inset:3px;background:#161019;border-radius:50%;z-index:-1}
.djrnt-preview-card > .djrnt-preview-btn.is-playing{background:rgba(13,10,19,.95)!important}
.djrnt-preview-card > .djrnt-preview-btn:hover{background:rgba(34,15,30,.96)!important;box-shadow:0 5px 22px rgba(0,0,0,.48),0 0 18px rgba(255,9,103,.56)!important}
.djrnt-preview-card > .djrnt-preview-btn.is-loading .djrnt-preview-icon{background:#aa1657}
.djrnt-preview-card > .djrnt-preview-btn.is-unavailable .djrnt-preview-icon{background:#555}
@media(max-width:600px){.djrnt-preview-card > .djrnt-preview-btn{min-width:112px!important;height:40px!important;top:9px!important;right:9px!important;padding:4px 10px 4px 4px!important;gap:7px!important;font-size:10px!important}.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{width:30px;height:30px;min-width:30px}}
@media(prefers-reduced-motion:reduce){.djrnt-preview-card > .djrnt-preview-btn{transition:none!important}}

/* v1.85.1: smaller 15-second preview pill, retaining progress ring */
.djrnt-preview-card > .djrnt-preview-btn{min-width:96px!important;height:32px!important;padding:3px 9px 3px 3px!important;gap:6px!important;font-size:9px!important;top:10px!important;right:10px!important;letter-spacing:.02em!important}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{width:25px!important;height:25px!important;min-width:25px!important;font-size:11px!important}
@media(max-width:600px){.djrnt-preview-card > .djrnt-preview-btn{min-width:92px!important;height:31px!important;top:7px!important;right:7px!important;padding:3px 8px 3px 3px!important;gap:5px!important;font-size:9px!important}.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{width:24px!important;height:24px!important;min-width:24px!important}}

/* v1.85.3 — icon-only compact preview button, retains progress ring. */
.djrnt-preview-card > .djrnt-preview-btn{
 width:36px!important;min-width:36px!important;height:36px!important;
 padding:2px!important;gap:0!important;justify-content:center!important;
 border-radius:50%!important;
}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-caption{display:none!important}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{
 width:30px!important;height:30px!important;min-width:30px!important;
}
@media(max-width:600px){
 .djrnt-preview-card > .djrnt-preview-btn{
  width:36px!important;min-width:36px!important;height:36px!important;
  padding:2px!important;
 }
}

/* v1.85.8 — flat provider identity; no pink glow. */
.djrnt-preview-card > .djrnt-preview-btn,
.djrnt-preview-card > .djrnt-preview-btn:hover{
 box-shadow:none!important;filter:none!important;
 background:rgba(12,13,18,.92)!important;border:1px solid rgba(255,255,255,.72)!important;
}
.djrnt-preview-card > .djrnt-preview-btn .djrnt-preview-icon{
 box-shadow:none!important;background:#202027!important;position:relative;
 font-size:0!important;
}
.djrnt-preview-card > .djrnt-preview-btn[data-djrnt-provider] .djrnt-preview-icon::after{
 content:'';display:block;width:18px;height:18px;background-color:#fff;
 mask-size:contain;mask-position:center;mask-repeat:no-repeat;
 -webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;
}
/* Provider marks are local SVG masks; no remote logo requests. */
.djrnt-preview-card > .djrnt-preview-btn[data-djrnt-provider="html5"] .djrnt-preview-icon::after{
 mask-image:url('icons/audio.svg');-webkit-mask-image:url('icons/audio.svg');
}
.djrnt-preview-card > .djrnt-preview-btn[data-djrnt-provider="soundcloud"] .djrnt-preview-icon::after{
 mask-image:url('icons/soundcloud.svg');-webkit-mask-image:url('icons/soundcloud.svg');
}
.djrnt-preview-card > .djrnt-preview-btn[data-djrnt-provider="mixcloud"] .djrnt-preview-icon::after{
 mask-image:url('icons/mixcloud.svg');-webkit-mask-image:url('icons/mixcloud.svg');
}
.djrnt-preview-card > .djrnt-preview-btn.is-playing .djrnt-preview-icon{
 background:conic-gradient(#ff0967 var(--djrnt-preview-progress),rgba(255,255,255,.25) 0)!important;
}
.djrnt-preview-card > .djrnt-preview-btn.is-playing .djrnt-preview-icon::before{
 content:'';position:absolute;inset:3px;border-radius:50%;background:#161019;z-index:0;
}
.djrnt-preview-card > .djrnt-preview-btn.is-playing .djrnt-preview-icon::after{position:relative;z-index:1}
.djrnt-preview-card > .djrnt-preview-btn.is-loading .djrnt-preview-icon::after,
.djrnt-preview-card > .djrnt-preview-btn.is-unavailable .djrnt-preview-icon::after{display:none}
.djrnt-preview-card > .djrnt-preview-btn.is-loading .djrnt-preview-icon,
.djrnt-preview-card > .djrnt-preview-btn.is-unavailable .djrnt-preview-icon{font-size:14px!important;color:#fff}

/* v1.85.9: keep provider controls visible even without hover, including Owl Carousel. */
.djrnt-preview-card > .djrnt-preview-btn,
.djrnt-preview-card:hover > .djrnt-preview-btn,
.djrnt-preview-card:focus-within > .djrnt-preview-btn{
 opacity:1!important;visibility:visible!important;transform:none!important;
 box-shadow:none!important;filter:none!important;
}