/* =========================================================================
   5. 追蹤清單抽屜選單 (WISHLIST SIDE DRAWER)
   ========================================================================= */
.wishlist-drawer-overlay {
    position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
    background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(4px); z-index: 9998;
    opacity: 0; visibility: hidden; transition: all 0.3s ease;
}
.wishlist-drawer-overlay.active { opacity: 1; visibility: visible; }

.wishlist-drawer {
    position: fixed; top: 0; right: -380px; width: 360px; height: 100vh;
    background: #ffffff; z-index: 9999; box-shadow: -5px 0 25px rgba(0,0,0,0.15);
    display: flex; flex-direction: column; transition: right 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.wishlist-drawer.active { right: 0; }

.wishlist-drawer-header {
    display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #f5f5f7;
}
.drawer-title { font-size: 15px; font-weight: 700; color: #1d1d1f; }
.drawer-close-btn { background: none; border: none; font-size: 20px; color: #86868b; cursor: pointer; }

.wishlist-drawer-body { flex: 1; overflow-y: auto; padding: 15px 20px; display: flex; flex-direction: column; gap: 12px; }
.drawer-loading-text, .drawer-empty-text { text-align: center; color: #86868b; font-size: 13px; margin-top: 30px; }

.wishlist-drawer-item { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid #f8f8f8; }
.wishlist-thumb { width: 48px; height: 48px; border-radius: 8px; object-fit: cover; background: #f5f5f7; flex-shrink: 0; }
.wishlist-item-info { flex: 1; min-width: 0; }
.wishlist-item-title { font-size: 12px; font-weight: 600; color: #1d1d1f; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wishlist-item-price { font-size: 12px; font-weight: 700; color: #0071e3; margin-top: 2px; }

.wishlist-actions { display: flex; align-items: center; gap: 6px; }
.btn-drawer-add-cart {
    background: #0071e3; color: #ffffff; border: none; padding: 5px 8px; border-radius: 6px; font-size: 11px; cursor: pointer;
}
.btn-drawer-remove { background: none; border: none; color: #86868b; font-size: 13px; cursor: pointer; padding: 4px; }
.btn-drawer-remove:hover { color: #ff3b30; }

.wishlist-drawer-footer { padding: 15px 20px; border-top: 1px solid #f5f5f7; }
.btn-full-wishlist {
    display: block; width: 100%; padding: 11px; background: #f5f5f7; color: #1d1d1f; text-align: center;
    border-radius: 10px; text-decoration: none; font-size: 13px; font-weight: 600;
}
.btn-full-wishlist:hover { background: #e5e5ea; }