.dca-unmute-host { position: relative; }
.dca-unmute-host .dca-tap-unmute {
    position: absolute; top: 14px; left: 14px; z-index: 20;
    min-height: 44px; padding: 10px 16px; margin: 0;
    border: 1px solid rgba(255,255,255,.85); border-radius: 6px;
    color: #fff; background: rgba(0,0,0,.82);
    font: 600 15px/1.3 system-ui, sans-serif;
    text-transform: none; letter-spacing: normal; cursor: pointer;
    pointer-events: auto; opacity: 1;
}
.dca-unmute-host .dca-tap-unmute[hidden] { display: none !important; }
.dca-unmute-host .dca-tap-unmute:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) {
    .dca-unmute-host .dca-tap-unmute { top: 8px; left: 8px; padding: 9px 12px; font-size: 14px; }
}

/* Use actual media state even when player initialization leaves stale UI classes. */
.dca-unmute-host.dca-media-playing .vjs-big-play-button,
.dca-unmute-host.dca-media-playing .mejs-overlay-play {
    display: none !important;
}

.dca-unmute-host .dca-tap-unmute { display: inline-flex; align-items: center; gap: 8px; }
.dca-tap-unmute .dca-unmute-icon { width: 20px; height: 20px; flex: 0 0 20px; }