/* WMDM embed hooks. Self-contained: both themes drop styles-m. */
.wmdm-embed-btn{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:0 14px;height:40px;border-radius:20px;border:1px solid currentColor;font-size:13px;font-weight:600;line-height:1;text-decoration:none;color:inherit;opacity:.85}
.wmdm-embed-btn:hover{opacity:1;text-decoration:none}
/* Default icon box — 14px reads right at this button's 12-13px font-size. Used by every
   .wmdm-embed-btn context: the MUSEO PDP pill and the legacy PDP button below (in its
   .wmdm-embed-btn-row chip, under the Add to Cart button). */
.wmdm-embed-btn svg{width:14px;height:14px;flex:0 0 auto}
.wmdm-embed-btn--museo{height:32px;padding:0 12px;font-size:12px;margin:0 0 0 8px;align-self:flex-start}
/* Legacy PDP: moved under the buy stack (2026-09-02, Mikas: listings lose the playlist tray
   entirely; PDP Embed goes "under add to cart"). `.wmdm-embed-btn-row` is inserted directly after
   the add-to-cart form (wmdm-embed.js), so it always lands right under the full-width Add to Cart
   button — never inside the buy stack, so it can't affect the form's own layout or submit. A
   compact, left-aligned, outlined chip (32px tall, under the 40px cap) so it reads as a quiet
   secondary share action, not a third primary control competing with Add to Cart. Muted palette:
   border/background reuse the existing --border-light/--border pair, text colour reuses this
   file's own established "quiet" grey (`.wmdm-embed-hint`, `.wmdm-embed-status` below) — never
   var(--accent) or the teal Add to Cart uses. */
.wmdm-embed-btn-row{display:flex;justify-content:flex-start;margin-top:14px}
.wmdm-embed-btn-row .wmdm-embed-btn{height:32px;margin:0;padding:0 12px;border-radius:16px;border:1px solid var(--border-light,#f0f0f2);background:rgba(255,255,255,.04);color:#6f6c63;font-size:12px;font-weight:600;opacity:1;transition:background-color .2s,border-color .2s,color .2s}
.wmdm-embed-btn-row .wmdm-embed-btn:hover{background:rgba(255,255,255,.08);border-color:var(--border,#e8e8ec);color:var(--text,#111);text-decoration:none}
/* Category toolbar — small quiet text link next to Play All / the filters, same muted grey as the
   PDP button above. Opens the playlist builder for the current site in a new tab. */
.wmdm-embed-toolbar-link{color:#6f6c63;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;margin-left:4px}
.wmdm-embed-toolbar-link:hover{color:#111;text-decoration:underline}
.wmdm-embed-toolbar-link:focus-visible{outline:2px solid var(--accent,#7c5cff);outline-offset:2px;border-radius:2px}
.wmdm-embed-pill{position:fixed;right:16px;bottom:96px;z-index:900;display:flex;align-items:center;gap:10px;background:#1d1c18;color:#fff;border-radius:22px;padding:9px 12px 9px 16px;font:600 13px/1 -apple-system,system-ui,sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.wmdm-embed-pill[hidden]{display:none}
.wmdm-embed-pill-count{background:#7c5cff;border-radius:10px;padding:3px 8px;font-size:11px}
.wmdm-embed-pill-open{color:#fff;text-decoration:underline}
.wmdm-embed-pill-clear{background:transparent;border:0;color:#fff;opacity:.7;font-size:16px;cursor:pointer}
.wmdm-embed-modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.wmdm-embed-box{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;color:#1d1c18;border-radius:14px;padding:20px 22px;font:14px/1.45 -apple-system,system-ui,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.wmdm-embed-box h3{margin:0 0 6px;font-size:17px}
.wmdm-embed-box label{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#6f6c63;margin:12px 0 4px}
.wmdm-embed-box select,.wmdm-embed-box textarea{width:100%;box-sizing:border-box;border:1px solid #d6d3ca;border-radius:8px;padding:8px 10px;font:inherit;background:#faf9f5;color:#1d1c18}
.wmdm-embed-code{font:11px/1.4 ui-monospace,Menlo,monospace}
.wmdm-embed-themes{display:inline-flex;border:1px solid #d6d3ca;border-radius:9px;overflow:hidden;margin-top:8px}
.wmdm-embed-theme{border:0;background:#fff;padding:6px 12px;font:inherit;cursor:pointer}.wmdm-embed-theme.is-on{background:#1d1c18;color:#fff}
.wmdm-embed-row{display:flex;gap:10px;margin-top:10px}
.wmdm-embed-copy,.wmdm-embed-add{border:0;border-radius:9px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1;cursor:pointer}
.wmdm-embed-copy{background:#1d1c18;color:#fff}.wmdm-embed-add{background:#efe9ff;color:#5334c4}
.wmdm-embed-hint{font-size:12px;color:#6f6c63;margin:12px 0 0;word-break:break-all}
.wmdm-embed-status{min-height:1.4em;color:#6f6c63;margin:0}
.wmdm-embed-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;color:#6f6c63}
@media (max-width:640px){.wmdm-embed-pill{right:10px;bottom:84px}.wmdm-embed-btn{margin-left:0;margin-top:8px}}