/* ===== AK User Playlists — v1.2.2 ===== */
:root{
    --akpl-red:#FA2E4D;
    --akpl-purple:#A146F6;
    --akpl-grad:linear-gradient(90deg,#FA2E4D,#A146F6);
    --akpl-ink:#0E0E11;
    --akpl-muted:#67676F;
    --akpl-line:#E7E7EA;
    --akpl-soft:#F7F7F8;
}

/* Kill theme/Elementor global button styles inside the plugin UI */
.ak-pl-btn,
.ak-pl-icon-btn,
.ak-pl-popover button,
.ak-pl-page button{
    background-image:none !important;
    box-shadow:none !important;
    text-transform:none !important;
    letter-spacing:0 !important;
    transform:none !important;
    filter:none !important;
    min-height:0 !important;
    font-family:Inter,sans-serif !important;
    line-height:1 !important;
}

/* ===================== Add-to-playlist button ===================== */
.ak-pl-btn{
    position:relative;
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;padding:0 !important;
    border:1px solid var(--akpl-line) !important;
    border-radius:50% !important;
    background:#fff !important;
    color:var(--akpl-ink) !important;
    cursor:pointer;vertical-align:middle;
    transition:background .2s,color .2s,border-color .2s;
}
.ak-pl-btn:hover{
    background:var(--akpl-grad) !important;background-image:var(--akpl-grad) !important;
    border-color:transparent !important;color:#fff !important;
}
.ak-pl-btn__plus{
    position:absolute;right:-2px;bottom:-2px;
    width:15px;height:15px;border-radius:50%;
    background:var(--akpl-grad);color:#fff;
    font-size:8px !important;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 0 0 2px #fff;
}

/* ===================== Popover ===================== */
.ak-pl-popover{
    position:absolute;z-index:9999;margin-top:8px;width:270px;
    background:#fff;border:1px solid var(--akpl-line);border-radius:16px;
    box-shadow:0 20px 48px -12px rgba(14,14,17,.22);padding:8px;
    font-family:Inter,sans-serif;
}
.ak-pl-popover__loading,
.ak-pl-popover__msg{padding:12px;font-size:13px;color:var(--akpl-muted);text-align:center}
.ak-pl-popover__list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto;margin-bottom:6px}
.ak-pl-popover .ak-pl-popover__item{
    display:flex;align-items:center;gap:10px;width:100%;
    border:0 !important;background:transparent !important;
    padding:10px 12px !important;border-radius:10px !important;
    cursor:pointer;text-align:left;
    font-size:14px !important;font-weight:500 !important;color:var(--akpl-ink) !important;
}
.ak-pl-popover .ak-pl-popover__item:hover{background:var(--akpl-soft) !important}
.ak-pl-popover__check{
    flex:0 0 20px;width:20px;height:20px;
    border:1.5px solid #D4D4D8;border-radius:6px;background:#fff;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:11px;color:transparent;transition:all .15s;
}
.ak-pl-popover__item.is-in .ak-pl-popover__check{background:var(--akpl-grad);border-color:transparent;color:#fff}
.ak-pl-popover__item.is-in .ak-pl-popover__name{font-weight:600}
.ak-pl-popover__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ak-pl-popover__count{background:#F1F1F3;color:var(--akpl-muted);border-radius:999px;padding:3px 8px;font-size:12px;font-weight:600}
.ak-pl-popover__create{display:flex;gap:6px;border-top:1px solid #EFEFF1;padding:8px 4px 2px}
.ak-pl-popover__input{
    flex:1;min-width:0;height:38px;
    background:var(--akpl-soft);border:1px solid var(--akpl-line);border-radius:10px;
    padding:0 12px;font-size:13px;color:var(--akpl-ink);
}
.ak-pl-popover__input:focus{background:#fff;border-color:var(--akpl-red);box-shadow:0 0 0 3px rgba(250,46,77,.12);outline:0}
.ak-pl-popover .ak-pl-popover__create-btn{
    height:38px;padding:0 14px !important;border:0 !important;border-radius:10px !important;
    background:var(--akpl-ink) !important;color:#fff !important;
    font-size:13px !important;font-weight:600 !important;
    display:inline-flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;
}
.ak-pl-popover .ak-pl-popover__create-btn:hover{background:var(--akpl-grad) !important;background-image:var(--akpl-grad) !important}

/* Login popover (logged-out users) */
.ak-pl-popover__login{padding:4px 10px 10px;text-align:center}
.ak-pl-popover__login-btn{
    display:inline-flex;align-items:center;gap:8px;
    background:var(--akpl-grad);color:#fff !important;border-radius:999px;
    padding:9px 20px;font-size:13px;font-weight:600;text-decoration:none;
}
.ak-pl-popover__login-btn:hover{filter:brightness(1.08)}

/* ===================== My Playlists page ===================== */
.ak-pl-page{font-family:Inter,sans-serif;color:var(--akpl-ink)}

/* Create bar */
.ak-pl-page__create{
    display:flex;gap:8px;max-width:520px;margin-bottom:32px;
    background:#fff;border:1px solid var(--akpl-line);border-radius:14px;padding:6px;
    box-shadow:0 8px 24px -16px rgba(14,14,17,.25);
}
.ak-pl-page__create-input{
    flex:1;min-width:0;border:0 !important;background:transparent !important;
    padding:0 12px !important;font-size:15px;color:var(--akpl-ink);box-shadow:none !important;
}
.ak-pl-page__create-input:focus{outline:0}
.ak-pl-page .ak-pl-page__create-btn{
    border:0 !important;border-radius:10px !important;
    background:var(--akpl-grad) !important;background-image:var(--akpl-grad) !important;
    color:#fff !important;padding:12px 20px !important;
    font-size:14px !important;font-weight:600 !important;
    display:inline-flex;align-items:center;gap:8px;white-space:nowrap;cursor:pointer;
    transition:filter .2s;
}
.ak-pl-page .ak-pl-page__create-btn:hover{filter:brightness(1.08) !important}

/* Playlist card */
.ak-pl-group{
    background:#fff;border:1px solid var(--akpl-line);border-radius:20px;
    padding:20px 24px 8px;margin-bottom:28px;
    box-shadow:0 18px 40px -28px rgba(14,14,17,.25);
}
.ak-pl-group__header{
    display:flex;align-items:center;gap:12px;flex-wrap:wrap;
    padding-bottom:16px;border-bottom:1px solid #EFEFF1;
}
.ak-pl-group__title{
    margin:0 !important;font-size:24px !important;font-weight:700 !important;
    letter-spacing:-.4px;line-height:1.2 !important;color:var(--akpl-ink) !important;
    background:none !important;-webkit-text-fill-color:currentColor;
}
.ak-pl-group__title-input{
    font-size:20px;font-weight:600;border:1px solid var(--akpl-red);border-radius:10px;
    padding:6px 12px;max-width:320px;box-shadow:0 0 0 3px rgba(250,46,77,.12);outline:0;
}
.ak-pl-group__count{
    background:var(--akpl-soft);color:var(--akpl-muted);
    border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;
}
.ak-pl-group__actions{display:inline-flex;gap:6px;margin-left:auto}

/* Round icon buttons */
.ak-pl-page .ak-pl-icon-btn{
    width:36px;height:36px;padding:0 !important;
    border:1px solid var(--akpl-line) !important;border-radius:50% !important;
    background:#fff !important;color:var(--akpl-muted) !important;
    display:inline-flex;align-items:center;justify-content:center;
    font-size:13px !important;cursor:pointer;
    transition:background .2s,color .2s,border-color .2s;
}
.ak-pl-page .ak-pl-icon-btn:hover{background:var(--akpl-soft) !important;color:var(--akpl-ink) !important;border-color:#D4D4D8 !important}
.ak-pl-page .ak-pl-group__delete:hover,
.ak-pl-page .ak-pl-row-remove:hover{background:#FFF1F3 !important;color:var(--akpl-red) !important;border-color:#FFD0D8 !important}

/* Track list + rows */
.ak-pl-page .ak-music-list{display:flex;flex-direction:column;gap:0 !important;margin-top:4px}
.ak-pl-page .ak-music-row{
    position:relative;
    display:flex !important;gap:20px !important;align-items:flex-start !important;
    padding:16px 52px 16px 0 !important;margin:0 !important;
    background:none !important;border:0 !important;border-bottom:1px solid #EFEFF1 !important;
    border-radius:0 !important;box-shadow:none !important;
}
.ak-pl-page .ak-music-row:last-child{border-bottom:0 !important}

/* Left: cover + artist */
.ak-pl-page .ak-music-row__left{flex:0 0 88px !important;display:flex;flex-direction:column;align-items:center;gap:0 !important}
.ak-pl-page .ak-music-row__cover{
    display:block;width:88px;height:88px;border-radius:12px;overflow:hidden;
    box-shadow:0 8px 20px -10px rgba(14,14,17,.4);
}
.ak-pl-page .ak-music-row__cover img{
    width:88px !important;height:88px !important;object-fit:cover;display:block;
    margin:0 !important;border-radius:12px !important;transition:transform .3s;
}
.ak-pl-page .ak-music-row__cover:hover img{transform:scale(1.05)}
.ak-pl-page .ak-music-row__artist{
    display:block !important;max-width:88px;margin-top:8px;
    font-size:12px !important;font-weight:500;line-height:1.35 !important;
    color:var(--akpl-muted) !important;text-decoration:none;text-align:center;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.ak-pl-page .ak-music-row__artist i{margin-right:4px;color:var(--akpl-red);font-size:11px}
.ak-pl-page .ak-music-row__artist:hover{color:var(--akpl-red) !important}

/* Right: title + player */
.ak-pl-page .ak-music-row__right{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ak-pl-page .ak-music-row__title{
    position:static;margin:0 !important;
    font-size:18px !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:-.2px;
}
.ak-pl-page .ak-music-row__title a{color:var(--akpl-ink) !important;text-decoration:none;background:none !important;-webkit-text-fill-color:currentColor}
.ak-pl-page .ak-music-row__title a:hover{color:var(--akpl-red) !important}

/* Remove (✕) — pinned top-right of the row, above the player */
.ak-pl-page .ak-pl-row-remove{
    position:absolute;top:18px;right:0;z-index:20;
    width:32px;height:32px;margin:0 !important;font-size:12px !important;
}

/* ===================== Music Player inside rows ===================== */
.ak-pl-page .ak-music-row__player{
    position:relative;z-index:1;display:block !important;
    width:100%;max-width:380px;margin-top:6px;
    border:0 !important;background:none !important;box-shadow:none !important;
    height:auto !important;min-height:0 !important;padding:0 !important;
}
.ak-pl-page .ak-music-row__player>div,
.ak-pl-page .ak-music-row__player .wcmp-widget-product,
.ak-pl-page .ak-music-row__player .wcmp-widget-product-files,
.ak-pl-page .ak-music-row__player .wcmp-widget-product-file{
    display:block !important;width:100% !important;
    margin:0 !important;padding:0 !important;border:0 !important;background:none !important;
}
/* Hide player's own title/price/cart, file name, visualizer */
.ak-pl-page .ak-music-row__player .wcmp-widget-product-header,
.ak-pl-page .ak-music-row__player .wcmp-file-name,
.ak-pl-page .ak-music-row__player .wcmp-file-duration,
.ak-pl-page .ak-music-row__player .mejs-offscreen,
.ak-pl-page .ak-music-row__player .wcmp-player-visualizer{display:none !important}
.ak-music-row__player .wcmp-player-visualizer-bars-container{pointer-events:none !important}
/* No audio file → hide the empty box */
.ak-pl-page .ak-music-row__player:not(:has(.mejs-container)){display:none !important}

/* Player pill */
.ak-pl-page .ak-music-row__player .mejs-container{
    height:44px !important;width:100% !important;max-width:380px !important;
    background:var(--akpl-soft) !important;border:1px solid var(--akpl-line) !important;
    border-radius:999px !important;padding:0 14px 0 4px !important;box-shadow:none !important;
}
.ak-pl-page .ak-music-row__player .mejs-inner,
.ak-pl-page .ak-music-row__player .mejs-controls{height:100% !important;background:none !important;align-items:center !important}
.ak-pl-page .ak-music-row__player .mejs-time{
    min-width:38px !important;overflow:visible !important;padding:0 6px !important;
    color:var(--akpl-muted) !important;font:500 12px Inter,sans-serif !important;
}

/* ===================== Notices ===================== */
.ak-music-notice{
    color:var(--akpl-muted);font-size:14px;
    background:var(--akpl-soft);border-radius:12px;padding:14px 16px;margin:16px 0;
}
.ak-pl-group .ak-music-notice{margin:16px 0 12px}

/* ===================== Mobile ===================== */
@media (max-width:600px){
    .ak-pl-group{padding:16px 16px 4px;border-radius:16px}
    .ak-pl-group__title{font-size:20px !important}
    .ak-pl-page__create{flex-direction:column}
    .ak-pl-page .ak-pl-page__create-btn{justify-content:center}
    .ak-pl-page .ak-music-row{gap:14px !important;padding-right:44px !important}
    .ak-pl-page .ak-music-row__left{flex-basis:64px !important}
    .ak-pl-page .ak-music-row__cover,
    .ak-pl-page .ak-music-row__cover img{width:64px !important;height:64px !important}
    .ak-pl-page .ak-music-row__artist{max-width:64px}
    .ak-pl-page .ak-music-row__title{font-size:16px !important}
}

/* ===================== Share / stream link ===================== */
.ak-pl-share{
    display:none;
    margin:16px 0 4px;padding:14px 16px;
    background:linear-gradient(135deg,rgba(250,46,77,.06),rgba(161,70,246,.08));
    border:1px solid #F1E3FB;border-radius:14px;
}
.ak-pl-group.is-sharing .ak-pl-share{display:block}
.ak-pl-group.is-sharing .ak-pl-group__share{background:var(--akpl-grad) !important;background-image:var(--akpl-grad) !important;color:#fff !important;border-color:transparent !important}
.ak-pl-share__label{font-size:13px;font-weight:500;color:var(--akpl-muted);margin-bottom:10px;display:flex;gap:8px;align-items:center}
.ak-pl-share__label i{color:var(--akpl-purple)}
.ak-pl-share__row{display:flex;gap:6px;align-items:center}
.ak-pl-share__input{
    flex:1;min-width:0;height:40px !important;
    background:#fff !important;border:1px solid var(--akpl-line) !important;border-radius:10px !important;
    padding:0 12px !important;font:500 13px ui-monospace,SFMono-Regular,Menlo,monospace !important;color:var(--akpl-ink) !important;
    box-shadow:none !important;margin:0 !important;
}
.ak-pl-page .ak-pl-share__copy{
    height:40px;padding:0 16px !important;border:0 !important;border-radius:10px !important;
    background:var(--akpl-ink) !important;color:#fff !important;font-size:13px !important;font-weight:600 !important;
    display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;
}
.ak-pl-page .ak-pl-share__copy:hover{background:var(--akpl-grad) !important;background-image:var(--akpl-grad) !important}
.ak-pl-share__open{
    width:40px;height:40px;flex:0 0 40px;border-radius:10px;
    display:inline-flex;align-items:center;justify-content:center;
    background:#fff;border:1px solid var(--akpl-line);color:var(--akpl-muted) !important;text-decoration:none;
}
.ak-pl-share__open:hover{color:var(--akpl-ink) !important;border-color:#D4D4D8}
.ak-pl-share__foot{display:flex;align-items:center;gap:12px;margin-top:8px}
.ak-pl-page .ak-pl-share__reset{
    background:none !important;border:0 !important;padding:0 !important;
    font-size:12px !important;color:var(--akpl-muted) !important;text-decoration:underline;cursor:pointer;
}
.ak-pl-page .ak-pl-share__reset:hover{color:var(--akpl-red) !important}
.ak-pl-share__toast{font-size:12px;font-weight:600;color:#16A34A;opacity:0;transition:opacity .2s}
.ak-pl-share__toast.is-on{opacity:1}
@media (max-width:600px){
    .ak-pl-share__row{flex-wrap:wrap}
    .ak-pl-share__input{flex-basis:100%}
}