/* =========================================================
   WISHLIST
========================================================= */

.wishlist{
    padding:80px 0;
    background:#f8fafc;
}

/* =========================================================
   WISHLIST HEADER
========================================================= */

.wishlist-header{
    text-align:center;
    margin-bottom:50px;
}

.wishlist-header h2{
    font-size:38px;
    color:#111827;
    margin-bottom:12px;
}

.wishlist-header p{
    font-size:17px;
    color:#6b7280;
}

.wishlist-header strong{
    color:#2563eb;
}

/* =========================================================
   WISHLIST TABLE
========================================================= */

.wishlist-table{
    background:#ffffff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,.06);
}

.wishlist-table table{
    width:100%;
    border-collapse:collapse;
}

.wishlist-table thead{
    background:#2563eb;
}

.wishlist-table th{
    color:#ffffff;
    padding:18px 20px;
    text-align:left;
    font-size:16px;
    font-weight:600;
}

.wishlist-table td{
    padding:20px;
    border-bottom:1px solid #e5e7eb;
    vertical-align:middle;
}

.wishlist-table tbody tr:last-child td{
    border-bottom:none;
}

.wishlist-table tbody tr:hover{
    background:#f9fafb;
}

/* =========================================================
   WISHLIST PRODUCT
========================================================= */

.wishlist-product{
    display:flex;
    align-items:center;
    gap:18px;
}

.wishlist-product img{
    width:90px;
    height:90px;
    object-fit:contain;
    background:#f8fafc;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:8px;
}

.wishlist-product h4{
    font-size:18px;
    color:#111827;
    margin-bottom:8px;
}

.wishlist-product span{
    font-size:14px;
    color:#6b7280;
}

/* =========================================================
   STOCK STATUS
========================================================= */

.stock{
    display:inline-block;
    padding:8px 16px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
}

.in-stock{
    background:#dcfce7;
    color:#15803d;
}

.out-stock{
    background:#fee2e2;
    color:#dc2626;
}

/* =========================================================
   ADD TO CART BUTTON
========================================================= */

.wishlist-cart-btn{
    display:inline-block;
    padding:12px 22px;
    background:#2563eb;
    color:#ffffff;
    text-decoration:none;
    border-radius:8px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.wishlist-cart-btn:hover{
    background:#1d4ed8;
}

.wishlist-cart-btn.disabled{
    background:#9ca3af;
    cursor:not-allowed;
    pointer-events:none;
}

/* =========================================================
   REMOVE BUTTON
========================================================= */

.remove-btn{
    width:45px;
    height:45px;
    border:none;
    border-radius:8px;
    background:#fee2e2;
    color:#dc2626;
    cursor:pointer;
    transition:.3s;
    display:flex;
    justify-content:center;
    align-items:center;
}

.remove-btn:hover{
    background:#dc2626;
    color:#ffffff;
    transform:scale(1.08);
}

/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media(max-width:992px){

    .wishlist{
        padding:70px 0;
    }

}

/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media(max-width:768px){

    .wishlist{
        padding:60px 0;
    }

    .wishlist-header h2{
        font-size:30px;
    }

    .wishlist-table{
        overflow-x:auto;
    }

    .wishlist-table table{
        min-width:900px;
    }

}