/* ==========================================================
   Store One - Multi Wishlist Popup
========================================================== */

#store-one-wishlist-popup.thwl-popup-overlay{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    background:rgba(15,23,42,.55);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
    z-index:999999;
    
}

#store-one-wishlist-popup .thwl-popup-inner{
    width:100%;
    max-width:470px;
    background:#fff;
    border-radius:18px;
    padding:28px;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
    box-shadow:
        0 15px 40px rgba(0,0,0,.15),
        0 5px 15px rgba(0,0,0,.08);
    animation:thwlScale .3s ease;
}

#store-one-wishlist-popup .thwl-popup-inner::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#2563eb,#4f46e5,#06b6d4);
}

#store-one-wishlist-popup .thwl-popup-inner h3{
    margin:0 0 22px;
    font-size:24px;
    font-weight:700;
    color:#111827;
    line-height:1.3;
}

#store-one-wishlist-popup .thwl-close-btn{
    position:absolute;
    right:18px;
    top:18px;
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#f3f4f6;
    color:#555;
    cursor:pointer;
    font-size:20px;
    transition:.25s;
}

#store-one-wishlist-popup .thwl-close-btn:hover{
    background:#ef4444;
    color:#fff;
    transform:rotate(90deg);
}

/* Wishlist List */

#store-one-wishlist-popup #store-one-wishlist-checkboxes{
    max-height:240px;
    overflow-y:auto;
    margin-bottom:18px;
    padding:0px 15px;
}

#store-one-wishlist-popup #store-one-wishlist-checkboxes label{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px;
    margin-bottom:10px;
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:12px;
    cursor:pointer;
    transition:.25s;
}

#store-one-wishlist-popup #store-one-wishlist-checkboxes label:hover{
    border-color:#2563eb;
    
}

/* Checkbox */

#store-one-wishlist-popup input[type=checkbox]{
    appearance:none;
    width:20px;
    height:20px;
    border-radius:6px;
    border:2px solid #d1d5db;
    transition:.2s;
    position:relative;
}

#store-one-wishlist-popup input[type=checkbox]:checked{
    background:#2563eb;
    border-color:#2563eb;
}

#store-one-wishlist-popup input[type=checkbox]:checked::after{
    content:"✓";
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:13px;
    font-weight:700;
}

/* Inputs */

#store-one-wishlist-popup input[type=text],
#store-one-wishlist-popup select{
    width:100%;
    height:48px;
    padding:0 15px;
    border:1px solid #dbe3f0;
    border-radius:12px;
    margin-bottom:14px;
    font-size:14px;
    background:#fafafa;
    transition:.25s;
    box-sizing:border-box;
    box-shadow:none;
}

#store-one-wishlist-popup input[type=text]:focus,
#store-one-wishlist-popup select:focus{
    outline:none;
    border-color:#2563eb;
    background:#fff;
    
}

/* Divider */

#store-one-wishlist-popup hr{
    border:none;
    border-top:1px solid #edf2f7;
    margin:24px 0;
}

/* Link */

#store-one-wishlist-popup .thwl-create-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:15px;
    font-weight:600;
    color:#2563eb;
    text-decoration:none;
    margin-bottom:18px;
    transition:.25s;
}

#store-one-wishlist-popup .thwl-create-link::before{
    content:"+";
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#2563eb;
    color:#fff;
    font-size:14px;
}

#store-one-wishlist-popup .thwl-create-link:hover{
    transform:translateX(4px);
}

/* Buttons */

#store-one-wishlist-popup .thwl-popup-actions{
    display:flex;
    justify-content:flex-end;
    margin-top:8px;
}

#store-one-wishlist-popup .thwl-btn{
    height:46px;
    min-width:140px;
    padding:0 22px;
    border:none;
    border-radius:12px;
    cursor:pointer;
    font-size:15px;
    font-weight:600;
    transition:.25s;
}

#store-one-wishlist-popup .thwl-btn-primary{
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#4f46e5);
    box-shadow:0 10px 20px rgba(37,99,235,.25);
}

#store-one-wishlist-popup .thwl-btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 35px rgba(37,99,235,.35);
}

#store-one-wishlist-popup .thwl-btn-primary:active{
    transform:translateY(1px);
}



/* Animations */

@keyframes thwlFade {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.thwl-popup-overlay{
    animation: fadeOverlay .25s ease;
}

.thwl-popup-inner{
    animation: thwlFade .28s ease-out;
}

@keyframes fadeOverlay{
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}

@media(max-width:576px){

    #store-one .thwl-popup-inner{
        padding:22px;
        border-radius:16px;
    }

    #store-one .thwl-popup-inner h3{
        font-size:20px;
    }

}

.thwl-popup-loader{
    min-height:320px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.thwl-popup-loader .spinner{
    width:34px;
    height:34px;
    border:3px solid #e5e7eb;
    border-top:3px solid #2563eb;
    border-radius:50%;
    animation:spin .8s linear infinite;
}

.thwl-popup-loader p{
    margin-top:14px;
    color:#666;
    font-size:14px;
}