/* Glass compact audio player (scoped) - light theme */
:root{ --mlm-mini-bottom: 88px; }
.mlm-glass-player{--glass-stroke: rgba(0,0,0,0.10);--glass-shadow:0 10px 28px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.7);--radius:16px;--fg:#111;--fg-dim:rgba(17,17,17,0.65);--track:rgba(0,0,0,0.12);--accent1:#ff8c00;--accent2:#ff6a00;font-family:ui-rounded,"Vazirmatn",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}
.mlm-glass-player *{box-sizing:border-box}
.mlm-glass-player .player-shell{width:min(520px,100%);position:relative;overflow:hidden;padding:12px;background:rgba(255,255,255,0.9);border:1px solid var(--glass-stroke);border-radius:20px;box-shadow:var(--glass-shadow);backdrop-filter:blur(14px);color:var(--fg);direction:rtl;margin:12px auto}
.mlm-glass-player audio{display:none !important}
.mlm-glass-player svg{vertical-align:middle}

.mlm-glass-player .top-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.mlm-glass-player .chip{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:12px;background:rgba(255,255,255,0.85);border:1px solid var(--glass-stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);color:var(--fg)}
.mlm-glass-player .chip .text{display:flex;flex-direction:column;gap:2px;min-width:0}
.mlm-glass-player .chip .product{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlm-glass-player .chip .hint{color:var(--fg-dim)}
.mlm-glass-player .chip .seller{font-size:11px;color:var(--fg-dim)}
.mlm-glass-player .chip-btn{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,0.95);border:1px solid var(--glass-stroke);padding:4px}
.mlm-glass-player .chip-btn svg{width:18px;height:18px;fill:#111}
.mlm-glass-player .top-actions{display:flex;align-items:center;gap:8px}

.mlm-glass-player .controls{display:flex;align-items:center;gap:8px;padding:8px;border-radius:14px;background:rgba(255,255,255,0.8);border:1px solid rgba(0,0,0,0.10)}
.mlm-glass-player .btn-ctl{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;cursor:pointer;background:linear-gradient(145deg, rgba(0,0,0,0.04), rgba(0,0,0,0.02));border:1px solid rgba(0,0,0,0.12);transition:transform .08s ease, background .2s ease}
.mlm-glass-player .btn-ctl:active{transform:scale(.97)}
.mlm-glass-player .btn-ctl svg{width:18px;height:18px;fill:#111;display:block}
.mlm-glass-player .controls-left{display:flex;align-items:center;gap:8px}
.mlm-glass-player .controls-right{display:flex;align-items:center;gap:10px;min-width:0;flex:1;justify-content:flex-end}

.mlm-glass-player .eq{display:flex;align-items:flex-end;gap:3px;width:42px;height:32px;padding:3px 4px;border-radius:10px;background:rgba(0,0,0,0.05);border:1px solid var(--glass-stroke)}
.mlm-glass-player .eq span{flex:1;height:30%;border-radius:3px;background:linear-gradient(180deg,var(--accent1),var(--accent2));transform-origin:bottom center;transform:scaleY(0.2)}

.mlm-glass-player .progress{display:flex;align-items:center;gap:8px;min-width:160px;width:60%;max-width:420px}
.mlm-glass-player .bar{position:relative;height:8px;flex:1;border-radius:999px;background:var(--track);overflow:hidden;cursor:pointer;box-shadow:inset 0 1px 2px rgba(0,0,0,0.3)}
.mlm-glass-player .bar-fill{position:absolute;inset:0;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent1),var(--accent2))}
.mlm-glass-player .bar-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid rgba(0,0,0,0.25);box-shadow:0 4px 10px rgba(0,0,0,0.12);left:0%}

.mlm-glass-player .time{font-size:12px;color:var(--fg-dim);min-width:72px;text-align:center}

.mlm-glass-player .like{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:12px;background:linear-gradient(145deg, rgba(0,0,0,0.04), rgba(0,0,0,0.02));border:1px solid rgba(0,0,0,0.12);cursor:pointer}
.mlm-glass-player .like svg{width:16px;height:16px;transition:fill .2s ease, transform .15s}
.mlm-glass-player .like svg path{fill:transparent;stroke:#ff6b81;stroke-width:2px}
.mlm-glass-player .like.active svg path{fill:#ff6b81}
.mlm-glass-player .like.active svg{transform:scale(1.07)}
.mlm-glass-player .like .count{font-size:12px;color:#111;min-width:1.5em;text-align:center}

@media (max-width:560px){
  .mlm-glass-player .player-shell{padding:10px}
  .mlm-glass-player .btn-ctl{width:30px;height:30px;border-radius:10px}
  .mlm-glass-player .btn-ctl svg{width:16px;height:16px}
  .mlm-glass-player .chip{padding:5px 8px}
  .mlm-glass-player .chip .product{font-size:12px}
  .mlm-glass-player .chip .seller{font-size:10px}
  .mlm-glass-player .chip-btn{width:28px;height:28px}
  .mlm-glass-player .eq{width:30px;height:14px}
  .mlm-glass-player .progress{width:58%}
  .mlm-glass-player .time{display:none}
}
.mlm-glass-player + .mejs-container,.mlm-glass-player ~ .mejs-container{display:none !important}

/* Icon visibility controlled also by data-attrs to avoid CSS conflicts */
.mlm-glass-player .btn-ctl.play-pause .icon-pause{display:none !important}
.mlm-glass-player .btn-ctl.play-pause[data-playing="1"] .icon-pause{display:block !important}
.mlm-glass-player .btn-ctl.play-pause[data-playing="1"] .icon-play{display:none !important}
.mlm-glass-player .btn-ctl.mute-btn .icon-mute{display:none !important}
.mlm-glass-player .btn-ctl.mute-btn[data-muted="1"] .icon-mute{display:block !important}
.mlm-glass-player .btn-ctl.mute-btn[data-muted="1"] .icon-volume{display:none !important}

/* Ensure download icon lines are black even if stroke used */
.mlm-glass-player .chip-btn svg path{stroke:#111}

/* Hide any mejs container that might get injected nearby */
.mlm-glass-player .mejs-container{display:none !important}

/* Global mini sticky progress for mobile */
.mlm-mini-sticky{position:fixed;left:12px;right:12px;bottom:calc(var(--mlm-mini-bottom,88px) + env(safe-area-inset-bottom,0px)) !important;z-index:9999;display:none}
.mlm-mini-sticky.on{display:block}
/* container */
.mlm-mini-sticky .mini-wrap{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:14px;background:rgba(255,255,255,0.95);border:1px solid rgba(0,0,0,0.12);box-shadow:0 6px 18px rgba(0,0,0,0.08)}
/* play/pause */
.mlm-mini-sticky .mini-pp{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(0,0,0,0.12);background:linear-gradient(145deg,rgba(0,0,0,0.04),rgba(0,0,0,0.02));cursor:pointer}
.mlm-mini-sticky .mini-pp .mini-ic{display:block}
.mlm-mini-sticky .mini-pp .mini-play{width:0;height:0;border-left:12px solid #111;border-top:7px solid transparent;border-bottom:7px solid transparent}
.mlm-mini-sticky .mini-pp .mini-pause{position:relative;width:12px;height:14px}
.mlm-mini-sticky .mini-pp .mini-pause::before,.mlm-mini-sticky .mini-pp .mini-pause::after{content:"";position:absolute;top:0;width:4px;height:14px;background:#111}
.mlm-mini-sticky .mini-pp .mini-pause::before{left:0}.mlm-mini-sticky .mini-pp .mini-pause::after{right:0}
.mlm-mini-sticky[data-playing="1"] .mini-pp .mini-play{display:none}
.mlm-mini-sticky[data-playing="0"] .mini-pp .mini-pause{display:none}
/* progress */
.mlm-mini-sticky .mini-progress{flex:1;min-width:120px;height:8px;border-radius:999px;background:rgba(0,0,0,0.12);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2)}
.mlm-mini-sticky .mini-fill{height:100%;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#ff8c00,#ff6a00)}
/* time */
.mlm-mini-sticky .mini-time{font-size:12px;color:#555;min-width:70px;text-align:center}
/* buttons */
.mlm-mini-sticky .mini-like{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(0,0,0,0.12);background:linear-gradient(145deg,rgba(0,0,0,0.04),rgba(0,0,0,0.02));cursor:pointer}
/* hide removed controls (mute/speed) if present by legacy) */
.mlm-mini-sticky .mini-speed,.mlm-mini-sticky .mini-mute{display:none !important}
/* like */
.mlm-mini-sticky .mini-like{display:inline-flex !important;align-items:center;gap:6px;height:30px;padding:0 12px !important;min-width:64px !important;width:auto !important;grid-auto-flow:column}
.mlm-mini-sticky .mini-like .mini-heart{width:18px;height:18px;border-radius:2px}
.mlm-mini-sticky .mini-like .mini-heart{background:conic-gradient(#ff6b81,#ff8aa0);mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 21s-6.716-4.77-9.192-7.246C.974 11.92.5 10.61.5 9.25.5 6.35 2.85 4 5.75 4c1.61 0 3.2.72 4.25 1.86C11.8 4.72 13.39 4 15 4c2.9 0 5.25 2.35 5.25 5.25 0 1.36-.474 2.67-2.308 4.504C18.716 16.23 12 21 12 21z"/></svg>') center/contain no-repeat}
.mlm-mini-sticky .mini-like .mini-like-count{font-size:12px;color:#111}

/* --- Adjust sticky like button width so heart doesn't overflow --- */
.mlm-mini-sticky .mini-like{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;min-width:48px;width:auto}
.mlm-mini-sticky .mini-like .mini-heart{width:16px;height:16px}
@media (min-width:561px){.mlm-mini-sticky{display:none !important}}